@skyux/core 8.7.0 → 9.0.0-alpha.0

package/fesm2015/skyux-core.mjs

@@ -1,3835 +0,0 @@
-import * as i0 from '@angular/core';
-import { NgModule, Injectable, EventEmitter, Directive, Input, Output, Injector, ViewContainerRef, Component, ChangeDetectionStrategy, ViewChild, createComponent, inject, InjectionToken, Optional, Inject, Pipe, ElementRef, HostBinding } from '@angular/core';
-import { __classPrivateFieldSet, __classPrivateFieldGet, __awaiter } from 'tslib';
-import * as i5 from '@angular/common';
-import { CommonModule, DOCUMENT } from '@angular/common';
-import { Subject, fromEvent, ReplaySubject, BehaviorSubject, Observable, of, concat, animationFrameScheduler } from 'rxjs';
-import { takeUntil, debounceTime, finalize, switchMap, map } from 'rxjs/operators';
-import * as i1 from '@skyux/i18n';
-import { getLibStringForLocale, SkyI18nModule, SKY_LIB_RESOURCES_PROVIDERS, SkyIntlNumberFormatStyle, SkyIntlNumberFormatter } from '@skyux/i18n';
-import * as i4 from '@angular/router';
-import { NavigationStart } from '@angular/router';
-import * as i1$1 from '@angular/platform-browser';
-
-/**
- * @deprecated The `SkyCoreAdapterService` no longer needs the `SkyCoreAdapterModule`.
- * The `SkyCoreAdapterModule` can be removed from your project.
- */
-class SkyCoreAdapterModule {
-}
-SkyCoreAdapterModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyCoreAdapterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyCoreAdapterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyCoreAdapterModule });
-SkyCoreAdapterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyCoreAdapterModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyCoreAdapterModule, decorators: [{
-            type: NgModule,
-            args: [{}]
-        }] });
-
-var SkyMediaBreakpoints;
-(function (SkyMediaBreakpoints) {
-    /**
-     * Screen widths of 767px or less.
-     */
-    SkyMediaBreakpoints[SkyMediaBreakpoints["xs"] = 1] = "xs";
-    /**
-     * Screen widths of 768px to 991px.
-     */
-    SkyMediaBreakpoints[SkyMediaBreakpoints["sm"] = 2] = "sm";
-    /**
-     * Screen widths of 992px to 1199px.
-     */
-    SkyMediaBreakpoints[SkyMediaBreakpoints["md"] = 3] = "md";
-    /**
-     * Screen widths of 1200px or greater.
-     */
-    SkyMediaBreakpoints[SkyMediaBreakpoints["lg"] = 4] = "lg";
-})(SkyMediaBreakpoints || (SkyMediaBreakpoints = {}));
-
-var _SkyCoreAdapterService_instances, _SkyCoreAdapterService_renderer, _SkyCoreAdapterService_focusFirstElement, _SkyCoreAdapterService_isVisible;
-const 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(', ');
-class SkyCoreAdapterService {
-    constructor(rendererFactory) {
-        _SkyCoreAdapterService_instances.add(this);
-        _SkyCoreAdapterService_renderer.set(this, void 0);
-        __classPrivateFieldSet(this, _SkyCoreAdapterService_renderer, rendererFactory.createRenderer(undefined, null), "f");
-    }
-    /**
-     * Set the responsive container CSS class for a given element.
-     *
-     * @param elementRef - The element that will receive 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`.
-     */
-    setResponsiveContainerClass(elementRef, breakpoint) {
-        const nativeEl = elementRef.nativeElement;
-        __classPrivateFieldGet(this, _SkyCoreAdapterService_renderer, "f").removeClass(nativeEl, 'sky-responsive-container-xs');
-        __classPrivateFieldGet(this, _SkyCoreAdapterService_renderer, "f").removeClass(nativeEl, 'sky-responsive-container-sm');
-        __classPrivateFieldGet(this, _SkyCoreAdapterService_renderer, "f").removeClass(nativeEl, 'sky-responsive-container-md');
-        __classPrivateFieldGet(this, _SkyCoreAdapterService_renderer, "f").removeClass(nativeEl, 'sky-responsive-container-lg');
-        let 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;
-            }
-        }
-        __classPrivateFieldGet(this, _SkyCoreAdapterService_renderer, "f").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.
-     */
-    toggleIframePointerEvents(enable) {
-        const iframes = document.querySelectorAll('iframe');
-        for (let 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.
-     */
-    applyAutoFocus(elementRef) {
-        if (!elementRef) {
-            return false;
-        }
-        const 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
-     * receive focus if no focusable children are found.
-     * @param focusOnContainerIfNoChildrenFound - It set to `true`, the container will
-     * receive focus if no focusable children are found.
-     */
-    getFocusableChildrenAndApplyFocus(elementRef, containerSelector, focusOnContainerIfNoChildrenFound = false) {
-        const containerElement = elementRef.nativeElement.querySelector(containerSelector);
-        if (containerElement) {
-            const focusableChildren = this.getFocusableChildren(containerElement);
-            // Focus first focusable child if available. Otherwise, set focus on container.
-            if (!__classPrivateFieldGet(this, _SkyCoreAdapterService_instances, "m", _SkyCoreAdapterService_focusFirstElement).call(this, 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.
-     */
-    getFocusableChildren(element, options) {
-        if (!element) {
-            return [];
-        }
-        let 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((el) => {
-                return el.tabIndex !== -1;
-            });
-        }
-        // Unless ignoreVisibility = true, filter out elements that are not visible.
-        if (!options || !options.ignoreVisibility) {
-            elements = elements.filter((el) => {
-                return __classPrivateFieldGet(this, _SkyCoreAdapterService_instances, "m", _SkyCoreAdapterService_isVisible).call(this, el);
-            });
-        }
-        return elements;
-    }
-    /**
-     * Returns the clientWidth of the provided elementRef.
-     * @param elementRef - The element to calculate width from.
-     */
-    getWidth(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.
-     */
-    isTargetAboveElement(target, element) {
-        const zIndex = getComputedStyle(element).zIndex;
-        let 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.
-            const 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.
-     */
-    resetHeight(elementRef, selector) {
-        const children = elementRef.nativeElement.querySelectorAll(selector);
-        /* istanbul ignore else */
-        if (children.length > 0) {
-            for (let i = 0; i < children.length; i++) {
-                // Setting style attributes with Web API requires null instead of undefined.
-                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.
-     */
-    syncMaxHeight(elementRef, selector) {
-        const children = elementRef.nativeElement.querySelectorAll(selector);
-        /* istanbul ignore else */
-        if (children.length > 0) {
-            let maxHeight = 0;
-            for (let i = 0; i < children.length; i++) {
-                maxHeight = Math.max(maxHeight, children[i].offsetHeight);
-            }
-            for (let i = 0; i < children.length; i++) {
-                children[i].style.height = maxHeight + 'px';
-            }
-        }
-    }
-}
-_SkyCoreAdapterService_renderer = new WeakMap(), _SkyCoreAdapterService_instances = new WeakSet(), _SkyCoreAdapterService_focusFirstElement = function _SkyCoreAdapterService_focusFirstElement(list) {
-    if (list.length > 0) {
-        list[0].focus();
-        return true;
-    }
-    return false;
-}, _SkyCoreAdapterService_isVisible = function _SkyCoreAdapterService_isVisible(element) {
-    const style = window.getComputedStyle(element);
-    const isHidden = style.display === 'none' || style.visibility === 'hidden';
-    if (isHidden) {
-        return false;
-    }
-    const hasBounds = !!(element.offsetWidth ||
-        element.offsetHeight ||
-        element.getClientRects().length);
-    return hasBounds;
-};
-SkyCoreAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyCoreAdapterService, deps: [{ token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable });
-SkyCoreAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyCoreAdapterService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyCoreAdapterService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () { return [{ type: i0.RendererFactory2 }]; } });
-
-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) {
-    const placements = ['above', 'right', 'below', 'left'];
-    let index = placements.indexOf(placement) + 1;
-    if (index >= placements.length) {
-        index = 0;
-    }
-    return placements[index];
-}
-function getInversePlacement(placement) {
-    const 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) {
-    const bufferOffsetBottom = (bufferOffset === null || bufferOffset === void 0 ? void 0 : bufferOffset.bottom) || 0;
-    const bufferOffsetLeft = (bufferOffset === null || bufferOffset === void 0 ? void 0 : bufferOffset.left) || 0;
-    const bufferOffsetRight = (bufferOffset === null || bufferOffset === void 0 ? void 0 : bufferOffset.right) || 0;
-    const bufferOffsetTop = (bufferOffset === null || bufferOffset === void 0 ? void 0 : bufferOffset.top) || 0;
-    let top;
-    let left;
-    let right;
-    let bottom;
-    if (element === document.body) {
-        left = 0;
-        top = 0;
-        right = document.documentElement.clientWidth;
-        bottom = document.documentElement.clientHeight;
-    }
-    else {
-        const 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,
-        left,
-        right,
-        top,
-    };
-}
-function getOverflowParents(child) {
-    const bodyElement = window.document.body;
-    const results = [bodyElement];
-    let parentElement = child === null || child === void 0 ? void 0 : child.parentNode;
-    while (parentElement !== undefined &&
-        parentElement !== bodyElement &&
-        parentElement instanceof HTMLElement) {
-        const 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) {
-    const 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) {
-    const parentOffset = getElementOffset(parent, bufferOffset);
-    return !(parentOffset.top >= offset.bottom ||
-        parentOffset.right <= offset.left ||
-        parentOffset.bottom <= offset.top ||
-        parentOffset.left >= offset.right);
-}
-
-var _SkyAffixer_instances, _SkyAffixer_config_get, _SkyAffixer_config_set, _SkyAffixer_affixedElement, _SkyAffixer_baseElement, _SkyAffixer_currentOffset, _SkyAffixer_currentPlacement, _SkyAffixer_offsetChange, _SkyAffixer_offsetChangeObs, _SkyAffixer_overflowParents, _SkyAffixer_overflowScroll, _SkyAffixer_overflowScrollObs, _SkyAffixer_placementChange, _SkyAffixer_placementChangeObs, _SkyAffixer_renderer, _SkyAffixer_resizeListener, _SkyAffixer_scrollListeners, _SkyAffixer__config, _SkyAffixer_affix, _SkyAffixer_getOffset, _SkyAffixer_getRect, _SkyAffixer_getPreferredOffset, _SkyAffixer_adjustOffsetToOverflowParent, _SkyAffixer_getImmediateOverflowParent, _SkyAffixer_getAutoFitContextParent, _SkyAffixer_notifyPlacementChange, _SkyAffixer_reset, _SkyAffixer_isNewOffset, _SkyAffixer_isBaseElementVisible, _SkyAffixer_addScrollListeners, _SkyAffixer_addResizeListener, _SkyAffixer_removeResizeListener, _SkyAffixer_removeScrollListeners;
-const DEFAULT_AFFIX_CONFIG = {
-    autoFitContext: SkyAffixAutoFitContext.OverflowParent,
-    enableAutoFit: false,
-    horizontalAlignment: 'center',
-    isSticky: false,
-    placement: 'above',
-};
-class SkyAffixer {
-    /**
-     * Fires when the affixed element's offset changes.
-     */
-    get offsetChange() {
-        return __classPrivateFieldGet(this, _SkyAffixer_offsetChangeObs, "f");
-    }
-    /**
-     * 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 overflowScroll() {
-        return __classPrivateFieldGet(this, _SkyAffixer_overflowScrollObs, "f");
-    }
-    /**
-     * Fires when the placement value changes. A `null` value indicates that a suitable
-     * placement could not be found.
-     */
-    get placementChange() {
-        return __classPrivateFieldGet(this, _SkyAffixer_placementChangeObs, "f");
-    }
-    constructor(affixedElement, renderer) {
-        _SkyAffixer_instances.add(this);
-        _SkyAffixer_affixedElement.set(this, void 0);
-        _SkyAffixer_baseElement.set(this, void 0);
-        _SkyAffixer_currentOffset.set(this, void 0);
-        _SkyAffixer_currentPlacement.set(this, void 0);
-        _SkyAffixer_offsetChange.set(this, void 0);
-        _SkyAffixer_offsetChangeObs.set(this, void 0);
-        _SkyAffixer_overflowParents.set(this, []);
-        _SkyAffixer_overflowScroll.set(this, void 0);
-        _SkyAffixer_overflowScrollObs.set(this, void 0);
-        _SkyAffixer_placementChange.set(this, void 0);
-        _SkyAffixer_placementChangeObs.set(this, void 0);
-        _SkyAffixer_renderer.set(this, void 0);
-        _SkyAffixer_resizeListener.set(this, void 0);
-        _SkyAffixer_scrollListeners.set(this, void 0);
-        _SkyAffixer__config.set(this, DEFAULT_AFFIX_CONFIG);
-        __classPrivateFieldSet(this, _SkyAffixer_affixedElement, affixedElement, "f");
-        __classPrivateFieldSet(this, _SkyAffixer_renderer, renderer, "f");
-        __classPrivateFieldSet(this, _SkyAffixer_offsetChange, new Subject(), "f");
-        __classPrivateFieldSet(this, _SkyAffixer_overflowScroll, new Subject(), "f");
-        __classPrivateFieldSet(this, _SkyAffixer_placementChange, new Subject(), "f");
-        __classPrivateFieldSet(this, _SkyAffixer_offsetChangeObs, __classPrivateFieldGet(this, _SkyAffixer_offsetChange, "f").asObservable(), "f");
-        __classPrivateFieldSet(this, _SkyAffixer_overflowScrollObs, __classPrivateFieldGet(this, _SkyAffixer_overflowScroll, "f").asObservable(), "f");
-        __classPrivateFieldSet(this, _SkyAffixer_placementChangeObs, __classPrivateFieldGet(this, _SkyAffixer_placementChange, "f").asObservable(), "f");
-    }
-    /**
-     * Affixes an element to a base element.
-     * @param baseElement The base element.
-     * @param config Configuration for the affix action.
-     */
-    affixTo(baseElement, config) {
-        __classPrivateFieldGet(this, _SkyAffixer_instances, "m", _SkyAffixer_reset).call(this);
-        __classPrivateFieldSet(this, _SkyAffixer_instances, config, "a", _SkyAffixer_config_set);
-        __classPrivateFieldSet(this, _SkyAffixer_baseElement, baseElement, "f");
-        __classPrivateFieldSet(this, _SkyAffixer_overflowParents, getOverflowParents(baseElement), "f");
-        __classPrivateFieldGet(this, _SkyAffixer_instances, "m", _SkyAffixer_affix).call(this);
-        if (__classPrivateFieldGet(this, _SkyAffixer_instances, "a", _SkyAffixer_config_get).isSticky) {
-            __classPrivateFieldGet(this, _SkyAffixer_instances, "m", _SkyAffixer_addScrollListeners).call(this);
-            __classPrivateFieldGet(this, _SkyAffixer_instances, "m", _SkyAffixer_addResizeListener).call(this);
-        }
-    }
-    getConfig() {
-        return __classPrivateFieldGet(this, _SkyAffixer_instances, "a", _SkyAffixer_config_get);
-    }
-    /**
-     * Re-runs the affix calculation.
-     */
-    reaffix() {
-        // Reset current placement to preferred placement.
-        __classPrivateFieldSet(this, _SkyAffixer_currentPlacement, __classPrivateFieldGet(this, _SkyAffixer_instances, "a", _SkyAffixer_config_get).placement, "f");
-        __classPrivateFieldGet(this, _SkyAffixer_instances, "m", _SkyAffixer_affix).call(this);
-    }
-    /**
-     * Destroys the affixer.
-     */
-    destroy() {
-        __classPrivateFieldGet(this, _SkyAffixer_instances, "m", _SkyAffixer_reset).call(this);
-        __classPrivateFieldGet(this, _SkyAffixer_placementChange, "f").complete();
-        __classPrivateFieldGet(this, _SkyAffixer_offsetChange, "f").complete();
-        __classPrivateFieldGet(this, _SkyAffixer_overflowScroll, "f").complete();
-    }
-}
-_SkyAffixer_affixedElement = new WeakMap(), _SkyAffixer_baseElement = new WeakMap(), _SkyAffixer_currentOffset = new WeakMap(), _SkyAffixer_currentPlacement = new WeakMap(), _SkyAffixer_offsetChange = new WeakMap(), _SkyAffixer_offsetChangeObs = new WeakMap(), _SkyAffixer_overflowParents = new WeakMap(), _SkyAffixer_overflowScroll = new WeakMap(), _SkyAffixer_overflowScrollObs = new WeakMap(), _SkyAffixer_placementChange = new WeakMap(), _SkyAffixer_placementChangeObs = new WeakMap(), _SkyAffixer_renderer = new WeakMap(), _SkyAffixer_resizeListener = new WeakMap(), _SkyAffixer_scrollListeners = new WeakMap(), _SkyAffixer__config = new WeakMap(), _SkyAffixer_instances = new WeakSet(), _SkyAffixer_config_get = function _SkyAffixer_config_get() {
-    return __classPrivateFieldGet(this, _SkyAffixer__config, "f");
-}, _SkyAffixer_config_set = function _SkyAffixer_config_set(value) {
-    const merged = Object.assign(Object.assign({}, DEFAULT_AFFIX_CONFIG), value);
-    // Make sure none of the values are undefined.
-    let key;
-    for (key in merged) {
-        if (merged[key] === undefined) {
-            merged[key] = DEFAULT_AFFIX_CONFIG[key];
-        }
-    }
-    __classPrivateFieldSet(this, _SkyAffixer__config, merged, "f");
-}, _SkyAffixer_affix = function _SkyAffixer_affix() {
-    const offset = __classPrivateFieldGet(this, _SkyAffixer_instances, "m", _SkyAffixer_getOffset).call(this);
-    if (__classPrivateFieldGet(this, _SkyAffixer_instances, "m", _SkyAffixer_isNewOffset).call(this, offset)) {
-        __classPrivateFieldGet(this, _SkyAffixer_renderer, "f").setStyle(__classPrivateFieldGet(this, _SkyAffixer_affixedElement, "f"), 'top', `${offset.top}px`);
-        __classPrivateFieldGet(this, _SkyAffixer_renderer, "f").setStyle(__classPrivateFieldGet(this, _SkyAffixer_affixedElement, "f"), 'left', `${offset.left}px`);
-        __classPrivateFieldGet(this, _SkyAffixer_offsetChange, "f").next({ offset });
-    }
-}, _SkyAffixer_getOffset = function _SkyAffixer_getOffset() {
-    const parent = __classPrivateFieldGet(this, _SkyAffixer_instances, "m", _SkyAffixer_getAutoFitContextParent).call(this);
-    const maxAttempts = 4;
-    let attempts = 0;
-    let isAffixedElementFullyVisible = false;
-    let offset;
-    let placement = __classPrivateFieldGet(this, _SkyAffixer_instances, "a", _SkyAffixer_config_get).placement;
-    const autoFitOverflowOffset = __classPrivateFieldGet(this, _SkyAffixer_instances, "a", _SkyAffixer_config_get).autoFitOverflowOffset || {
-        bottom: 0,
-        left: 0,
-        right: 0,
-        top: 0,
-    };
-    if (__classPrivateFieldGet(this, _SkyAffixer_instances, "a", _SkyAffixer_config_get).position === 'absolute') {
-        autoFitOverflowOffset.top =
-            (autoFitOverflowOffset.top || 0) + window.scrollY;
-    }
-    do {
-        offset = __classPrivateFieldGet(this, _SkyAffixer_instances, "m", _SkyAffixer_getPreferredOffset).call(this, placement);
-        isAffixedElementFullyVisible = isOffsetFullyVisibleWithinParent(parent, offset, autoFitOverflowOffset);
-        if (!__classPrivateFieldGet(this, _SkyAffixer_instances, "a", _SkyAffixer_config_get).enableAutoFit) {
-            break;
-        }
-        if (!isAffixedElementFullyVisible) {
-            placement =
-                attempts % 2 === 0
-                    ? getInversePlacement(placement)
-                    : getNextPlacement(placement);
-        }
-        attempts++;
-    } while (!isAffixedElementFullyVisible && attempts < maxAttempts);
-    if (isAffixedElementFullyVisible) {
-        if (__classPrivateFieldGet(this, _SkyAffixer_instances, "m", _SkyAffixer_isBaseElementVisible).call(this)) {
-            __classPrivateFieldGet(this, _SkyAffixer_instances, "m", _SkyAffixer_notifyPlacementChange).call(this, placement);
-        }
-        else {
-            __classPrivateFieldGet(this, _SkyAffixer_instances, "m", _SkyAffixer_notifyPlacementChange).call(this, null);
-        }
-        return offset;
-    }
-    if (__classPrivateFieldGet(this, _SkyAffixer_instances, "a", _SkyAffixer_config_get).enableAutoFit) {
-        __classPrivateFieldGet(this, _SkyAffixer_instances, "m", _SkyAffixer_notifyPlacementChange).call(this, null);
-    }
-    // No suitable placement was found, so revert to preferred placement.
-    return __classPrivateFieldGet(this, _SkyAffixer_instances, "m", _SkyAffixer_getPreferredOffset).call(this, __classPrivateFieldGet(this, _SkyAffixer_instances, "a", _SkyAffixer_config_get).placement);
-}, _SkyAffixer_getRect = function _SkyAffixer_getRect(baseElement) {
-    const baseDomRect = baseElement.getBoundingClientRect();
-    const baseRect = {
-        top: baseDomRect.top,
-        bottom: baseDomRect.bottom,
-        left: baseDomRect.left,
-        right: baseDomRect.right,
-        width: baseDomRect.width,
-        height: baseDomRect.height,
-    };
-    if (__classPrivateFieldGet(this, _SkyAffixer_instances, "a", _SkyAffixer_config_get).position === 'absolute') {
-        baseRect.top += window.scrollY;
-        baseRect.bottom = baseRect.top + baseDomRect.height;
-    }
-    return baseRect;
-}, _SkyAffixer_getPreferredOffset = function _SkyAffixer_getPreferredOffset(placement) {
-    if (!__classPrivateFieldGet(this, _SkyAffixer_baseElement, "f")) {
-        return { top: 0, left: 0, bottom: 0, right: 0 };
-    }
-    const affixedRect = __classPrivateFieldGet(this, _SkyAffixer_instances, "m", _SkyAffixer_getRect).call(this, __classPrivateFieldGet(this, _SkyAffixer_affixedElement, "f"));
-    const baseRect = __classPrivateFieldGet(this, _SkyAffixer_instances, "m", _SkyAffixer_getRect).call(this, __classPrivateFieldGet(this, _SkyAffixer_baseElement, "f"));
-    const horizontalAlignment = __classPrivateFieldGet(this, _SkyAffixer_instances, "a", _SkyAffixer_config_get).horizontalAlignment;
-    const verticalAlignment = __classPrivateFieldGet(this, _SkyAffixer_instances, "a", _SkyAffixer_config_get).verticalAlignment;
-    const enableAutoFit = __classPrivateFieldGet(this, _SkyAffixer_instances, "a", _SkyAffixer_config_get).enableAutoFit;
-    let top;
-    let 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;
-        }
-    }
-    const offset = { top, left, bottom: 0, right: 0 };
-    if (enableAutoFit) {
-        const adjustments = __classPrivateFieldGet(this, _SkyAffixer_instances, "m", _SkyAffixer_adjustOffsetToOverflowParent).call(this, { top, left }, placement, __classPrivateFieldGet(this, _SkyAffixer_baseElement, "f"));
-        offset.top = adjustments.top;
-        offset.left = adjustments.left;
-    }
-    offset.bottom = offset.top + affixedRect.height;
-    offset.right = offset.left + affixedRect.width;
-    return offset;
-}, _SkyAffixer_adjustOffsetToOverflowParent = function _SkyAffixer_adjustOffsetToOverflowParent(offset, placement, baseElement) {
-    const parent = __classPrivateFieldGet(this, _SkyAffixer_instances, "m", _SkyAffixer_getAutoFitContextParent).call(this);
-    const parentOffset = getElementOffset(parent, __classPrivateFieldGet(this, _SkyAffixer_instances, "a", _SkyAffixer_config_get).autoFitOverflowOffset);
-    const affixedRect = __classPrivateFieldGet(this, _SkyAffixer_instances, "m", _SkyAffixer_getRect).call(this, __classPrivateFieldGet(this, _SkyAffixer_affixedElement, "f"));
-    const baseRect = __classPrivateFieldGet(this, _SkyAffixer_instances, "m", _SkyAffixer_getRect).call(this, baseElement);
-    // A pixel value representing the leeway between the edge of the overflow parent and the edge
-    // of the base element before it disappears 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.
-    const defaultPixelTolerance = 40;
-    let pixelTolerance;
-    const originalOffsetTop = offset.top;
-    const originalOffsetLeft = offset.left;
-    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_getImmediateOverflowParent = function _SkyAffixer_getImmediateOverflowParent() {
-    return __classPrivateFieldGet(this, _SkyAffixer_overflowParents, "f")[__classPrivateFieldGet(this, _SkyAffixer_overflowParents, "f").length - 1];
-}, _SkyAffixer_getAutoFitContextParent = function _SkyAffixer_getAutoFitContextParent() {
-    const bodyElement = __classPrivateFieldGet(this, _SkyAffixer_overflowParents, "f")[0];
-    return __classPrivateFieldGet(this, _SkyAffixer_instances, "a", _SkyAffixer_config_get).autoFitContext === SkyAffixAutoFitContext.OverflowParent
-        ? __classPrivateFieldGet(this, _SkyAffixer_instances, "m", _SkyAffixer_getImmediateOverflowParent).call(this)
-        : bodyElement;
-}, _SkyAffixer_notifyPlacementChange = function _SkyAffixer_notifyPlacementChange(placement) {
-    if (__classPrivateFieldGet(this, _SkyAffixer_currentPlacement, "f") !== placement) {
-        __classPrivateFieldSet(this, _SkyAffixer_currentPlacement, placement !== null && placement !== void 0 ? placement : undefined, "f");
-        __classPrivateFieldGet(this, _SkyAffixer_placementChange, "f").next({
-            placement,
-        });
-    }
-}, _SkyAffixer_reset = function _SkyAffixer_reset() {
-    __classPrivateFieldGet(this, _SkyAffixer_instances, "m", _SkyAffixer_removeScrollListeners).call(this);
-    __classPrivateFieldGet(this, _SkyAffixer_instances, "m", _SkyAffixer_removeResizeListener).call(this);
-    __classPrivateFieldSet(this, _SkyAffixer_overflowParents, [], "f");
-    __classPrivateFieldSet(this, _SkyAffixer_instances, __classPrivateFieldSet(this, _SkyAffixer_baseElement, __classPrivateFieldSet(this, _SkyAffixer_currentPlacement, __classPrivateFieldSet(this, _SkyAffixer_currentOffset, undefined, "f"), "f"), "f"), "a", _SkyAffixer_config_set);
-}, _SkyAffixer_isNewOffset = function _SkyAffixer_isNewOffset(offset) {
-    if (__classPrivateFieldGet(this, _SkyAffixer_currentOffset, "f") === undefined) {
-        __classPrivateFieldSet(this, _SkyAffixer_currentOffset, offset, "f");
-        return true;
-    }
-    if (__classPrivateFieldGet(this, _SkyAffixer_currentOffset, "f").top === offset.top &&
-        __classPrivateFieldGet(this, _SkyAffixer_currentOffset, "f").left === offset.left) {
-        return false;
-    }
-    __classPrivateFieldSet(this, _SkyAffixer_currentOffset, offset, "f");
-    return true;
-}, _SkyAffixer_isBaseElementVisible = function _SkyAffixer_isBaseElementVisible() {
-    if (!__classPrivateFieldGet(this, _SkyAffixer_baseElement, "f")) {
-        return false;
-    }
-    const baseRect = __classPrivateFieldGet(this, _SkyAffixer_baseElement, "f").getBoundingClientRect();
-    return isOffsetPartiallyVisibleWithinParent(__classPrivateFieldGet(this, _SkyAffixer_instances, "m", _SkyAffixer_getImmediateOverflowParent).call(this), {
-        top: baseRect.top,
-        left: baseRect.left,
-        right: baseRect.right,
-        bottom: baseRect.bottom,
-    }, __classPrivateFieldGet(this, _SkyAffixer_instances, "a", _SkyAffixer_config_get).autoFitOverflowOffset);
-}, _SkyAffixer_addScrollListeners = function _SkyAffixer_addScrollListeners() {
-    __classPrivateFieldSet(this, _SkyAffixer_scrollListeners, __classPrivateFieldGet(this, _SkyAffixer_overflowParents, "f").map((parentElement) => {
-        const overflow = parentElement === document.body ? 'window' : parentElement;
-        return __classPrivateFieldGet(this, _SkyAffixer_renderer, "f").listen(overflow, 'scroll', () => {
-            __classPrivateFieldGet(this, _SkyAffixer_instances, "m", _SkyAffixer_affix).call(this);
-            __classPrivateFieldGet(this, _SkyAffixer_overflowScroll, "f").next();
-        });
-    }), "f");
-}, _SkyAffixer_addResizeListener = function _SkyAffixer_addResizeListener() {
-    __classPrivateFieldSet(this, _SkyAffixer_resizeListener, fromEvent(window, 'resize').subscribe(() => __classPrivateFieldGet(this, _SkyAffixer_instances, "m", _SkyAffixer_affix).call(this)), "f");
-}, _SkyAffixer_removeResizeListener = function _SkyAffixer_removeResizeListener() {
-    if (__classPrivateFieldGet(this, _SkyAffixer_resizeListener, "f")) {
-        __classPrivateFieldGet(this, _SkyAffixer_resizeListener, "f").unsubscribe();
-        __classPrivateFieldSet(this, _SkyAffixer_resizeListener, undefined, "f");
-    }
-}, _SkyAffixer_removeScrollListeners = function _SkyAffixer_removeScrollListeners() {
-    if (__classPrivateFieldGet(this, _SkyAffixer_scrollListeners, "f")) {
-        // Remove renderer-generated listeners by calling the listener itself.
-        // https://github.com/angular/angular/issues/9368#issuecomment-227199778
-        __classPrivateFieldGet(this, _SkyAffixer_scrollListeners, "f").forEach((listener) => listener());
-        __classPrivateFieldSet(this, _SkyAffixer_scrollListeners, undefined, "f");
-    }
-};
-
-var _SkyAffixService_renderer;
-class SkyAffixService {
-    constructor(rendererFactory) {
-        _SkyAffixService_renderer.set(this, void 0);
-        __classPrivateFieldSet(this, _SkyAffixService_renderer, rendererFactory.createRenderer(undefined, null), "f");
-    }
-    /**
-     * Creates an instance of [[SkyAffixer]].
-     * @param affixed The element to be affixed.
-     */
-    createAffixer(affixed) {
-        return new SkyAffixer(affixed.nativeElement, __classPrivateFieldGet(this, _SkyAffixService_renderer, "f"));
-    }
-}
-_SkyAffixService_renderer = new WeakMap();
-SkyAffixService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAffixService, deps: [{ token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable });
-SkyAffixService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAffixService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAffixService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () { return [{ type: i0.RendererFactory2 }]; } });
-
-var _SkyAffixDirective_instances, _SkyAffixDirective_affixer, _SkyAffixDirective_affixService, _SkyAffixDirective_elementRef, _SkyAffixDirective_ngUnsubscribe, _SkyAffixDirective_updateAlignment;
-/**
- * Affixes the host element to a base element.
- */
-class SkyAffixDirective {
-    constructor(elementRef, affixService) {
-        _SkyAffixDirective_instances.add(this);
-        /**
-         * 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();
-        _SkyAffixDirective_affixer.set(this, void 0);
-        _SkyAffixDirective_affixService.set(this, void 0);
-        _SkyAffixDirective_elementRef.set(this, void 0);
-        _SkyAffixDirective_ngUnsubscribe.set(this, new Subject());
-        __classPrivateFieldSet(this, _SkyAffixDirective_elementRef, elementRef, "f");
-        __classPrivateFieldSet(this, _SkyAffixDirective_affixService, affixService, "f");
-    }
-    ngOnInit() {
-        __classPrivateFieldSet(this, _SkyAffixDirective_affixer, __classPrivateFieldGet(this, _SkyAffixDirective_affixService, "f").createAffixer(__classPrivateFieldGet(this, _SkyAffixDirective_elementRef, "f")), "f");
-        __classPrivateFieldGet(this, _SkyAffixDirective_affixer, "f").offsetChange
-            .pipe(takeUntil(__classPrivateFieldGet(this, _SkyAffixDirective_ngUnsubscribe, "f")))
-            .subscribe((change) => this.affixOffsetChange.emit(change));
-        __classPrivateFieldGet(this, _SkyAffixDirective_affixer, "f").overflowScroll
-            .pipe(takeUntil(__classPrivateFieldGet(this, _SkyAffixDirective_ngUnsubscribe, "f")))
-            .subscribe((change) => this.affixOverflowScroll.emit(change));
-        __classPrivateFieldGet(this, _SkyAffixDirective_affixer, "f").placementChange
-            .pipe(takeUntil(__classPrivateFieldGet(this, _SkyAffixDirective_ngUnsubscribe, "f")))
-            .subscribe((change) => this.affixPlacementChange.emit(change));
-        __classPrivateFieldGet(this, _SkyAffixDirective_instances, "m", _SkyAffixDirective_updateAlignment).call(this);
-    }
-    ngOnChanges(changes) {
-        /* istanbul ignore else */
-        if (changes['affixAutoFitContext'] ||
-            changes['affixAutoFitOverflowOffset'] ||
-            changes['affixEnableAutoFit'] ||
-            changes['affixHorizontalAlignment'] ||
-            changes['affixIsSticky'] ||
-            changes['affixPlacement'] ||
-            changes['affixPosition'] ||
-            changes['affixVerticalAlignment']) {
-            __classPrivateFieldGet(this, _SkyAffixDirective_instances, "m", _SkyAffixDirective_updateAlignment).call(this);
-        }
-    }
-    ngOnDestroy() {
-        this.affixOffsetChange.complete();
-        this.affixOverflowScroll.complete();
-        this.affixPlacementChange.complete();
-        __classPrivateFieldGet(this, _SkyAffixDirective_ngUnsubscribe, "f").next();
-        __classPrivateFieldGet(this, _SkyAffixDirective_ngUnsubscribe, "f").complete();
-        /*istanbul ignore else*/
-        if (__classPrivateFieldGet(this, _SkyAffixDirective_affixer, "f")) {
-            __classPrivateFieldGet(this, _SkyAffixDirective_affixer, "f").destroy();
-            __classPrivateFieldSet(this, _SkyAffixDirective_affixer, undefined, "f");
-        }
-    }
-}
-_SkyAffixDirective_affixer = new WeakMap(), _SkyAffixDirective_affixService = new WeakMap(), _SkyAffixDirective_elementRef = new WeakMap(), _SkyAffixDirective_ngUnsubscribe = new WeakMap(), _SkyAffixDirective_instances = new WeakSet(), _SkyAffixDirective_updateAlignment = function _SkyAffixDirective_updateAlignment() {
-    if (this.skyAffixTo && __classPrivateFieldGet(this, _SkyAffixDirective_affixer, "f")) {
-        __classPrivateFieldGet(this, _SkyAffixDirective_affixer, "f").affixTo(this.skyAffixTo, {
-            autoFitContext: this.affixAutoFitContext,
-            autoFitOverflowOffset: this.affixAutoFitOverflowOffset,
-            enableAutoFit: this.affixEnableAutoFit,
-            horizontalAlignment: this.affixHorizontalAlignment,
-            isSticky: this.affixIsSticky,
-            placement: this.affixPlacement,
-            position: this.affixPosition,
-            verticalAlignment: this.affixVerticalAlignment,
-        });
-    }
-};
-SkyAffixDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAffixDirective, deps: [{ token: i0.ElementRef }, { token: SkyAffixService }], target: i0.ɵɵFactoryTarget.Directive });
-SkyAffixDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: SkyAffixDirective, selector: "[skyAffixTo]", inputs: { skyAffixTo: "skyAffixTo", affixAutoFitContext: "affixAutoFitContext", affixAutoFitOverflowOffset: "affixAutoFitOverflowOffset", affixEnableAutoFit: "affixEnableAutoFit", affixHorizontalAlignment: "affixHorizontalAlignment", affixIsSticky: "affixIsSticky", affixPlacement: "affixPlacement", affixPosition: "affixPosition", affixVerticalAlignment: "affixVerticalAlignment" }, outputs: { affixOffsetChange: "affixOffsetChange", affixOverflowScroll: "affixOverflowScroll", affixPlacementChange: "affixPlacementChange" }, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAffixDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[skyAffixTo]',
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: SkyAffixService }]; }, propDecorators: { skyAffixTo: [{
-                type: Input
-            }], affixAutoFitContext: [{
-                type: Input
-            }], affixAutoFitOverflowOffset: [{
-                type: Input
-            }], affixEnableAutoFit: [{
-                type: Input
-            }], affixHorizontalAlignment: [{
-                type: Input
-            }], affixIsSticky: [{
-                type: Input
-            }], affixPlacement: [{
-                type: Input
-            }], affixPosition: [{
-                type: Input
-            }], affixVerticalAlignment: [{
-                type: Input
-            }], affixOffsetChange: [{
-                type: Output
-            }], affixOverflowScroll: [{
-                type: Output
-            }], affixPlacementChange: [{
-                type: Output
-            }] } });
-
-class SkyAffixModule {
-}
-SkyAffixModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAffixModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyAffixModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyAffixModule, declarations: [SkyAffixDirective], imports: [CommonModule], exports: [SkyAffixDirective] });
-SkyAffixModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAffixModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAffixModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule],
-                    exports: [SkyAffixDirective],
-                    declarations: [SkyAffixDirective],
-                }]
-        }] });
-
-var _SkyDefaultInputProvider_instances, _SkyDefaultInputProvider_props, _SkyDefaultInputProvider_getSubject;
-/**
- * @internal
- * An API to provide default Angular component input values to child components.
- */
-class SkyDefaultInputProvider {
-    constructor() {
-        _SkyDefaultInputProvider_instances.add(this);
-        _SkyDefaultInputProvider_props.set(this, {});
-    }
-    setValue(componentName, inputName, value) {
-        const subject = __classPrivateFieldGet(this, _SkyDefaultInputProvider_instances, "m", _SkyDefaultInputProvider_getSubject).call(this, componentName, inputName);
-        subject.next(value);
-    }
-    getValue(componentName, inputName) {
-        const test = __classPrivateFieldGet(this, _SkyDefaultInputProvider_instances, "m", _SkyDefaultInputProvider_getSubject).call(this, componentName, inputName);
-        return test.asObservable();
-    }
-}
-_SkyDefaultInputProvider_props = new WeakMap(), _SkyDefaultInputProvider_instances = new WeakSet(), _SkyDefaultInputProvider_getSubject = function _SkyDefaultInputProvider_getSubject(componentName, inputName) {
-    const componentSubjects = __classPrivateFieldGet(this, _SkyDefaultInputProvider_props, "f")[componentName] || {};
-    const inputSubject = componentSubjects[inputName];
-    if (!inputSubject) {
-        componentSubjects[inputName] = new ReplaySubject(1);
-        __classPrivateFieldGet(this, _SkyDefaultInputProvider_props, "f")[componentName] = componentSubjects;
-    }
-    return componentSubjects[inputName];
-};
-
-var _SkyDockItem_destroyed, _SkyDockItem_destroyedObs;
-/**
- * Represents a single item added to the dock.
- */
-class SkyDockItem {
-    /**
-     * An event that emits when the item is removed from the dock.
-     */
-    get destroyed() {
-        return __classPrivateFieldGet(this, _SkyDockItem_destroyedObs, "f");
-    }
-    /**
-     * @param componentInstance The item's component instance.
-     * @param stackOrder The assigned stack order of the docked item.
-     */
-    constructor(componentInstance, stackOrder) {
-        this.componentInstance = componentInstance;
-        this.stackOrder = stackOrder;
-        _SkyDockItem_destroyed.set(this, new Subject());
-        _SkyDockItem_destroyedObs.set(this, void 0);
-        __classPrivateFieldSet(this, _SkyDockItem_destroyedObs, __classPrivateFieldGet(this, _SkyDockItem_destroyed, "f").asObservable(), "f");
-    }
-    /**
-     * Removes the item from the dock.
-     */
-    destroy() {
-        __classPrivateFieldGet(this, _SkyDockItem_destroyed, "f").next();
-        __classPrivateFieldGet(this, _SkyDockItem_destroyed, "f").complete();
-    }
-}
-_SkyDockItem_destroyed = new WeakMap(), _SkyDockItem_destroyedObs = new WeakMap();
-
-/**
- * The location on the page where the dock component should be rendered.
- */
-var SkyDockLocation;
-(function (SkyDockLocation) {
-    /**
-     * Renders the dock component before a given element.
-     */
-    SkyDockLocation[SkyDockLocation["BeforeElement"] = 0] = "BeforeElement";
-    /**
-     * Renders the dock component as the last element inside the BODY element.
-     */
-    SkyDockLocation[SkyDockLocation["BodyBottom"] = 1] = "BodyBottom";
-    /**
-     * Renders the dock component as the last element inside a given element.
-     */
-    SkyDockLocation[SkyDockLocation["ElementBottom"] = 2] = "ElementBottom";
-})(SkyDockLocation || (SkyDockLocation = {}));
-
-/**
- * @internal
- */
-class SkyMutationObserverService {
-    create(callback) {
-        return new MutationObserver(callback);
-    }
-}
-SkyMutationObserverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyMutationObserverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-SkyMutationObserverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyMutationObserverService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyMutationObserverService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }] });
-
-var _SkyDockDomAdapterService_instances, _SkyDockDomAdapterService_currentDockHeight, _SkyDockDomAdapterService_mutationSvc, _SkyDockDomAdapterService_ngUnsubscribe, _SkyDockDomAdapterService_observer, _SkyDockDomAdapterService_renderer, _SkyDockDomAdapterService_styleElement, _SkyDockDomAdapterService_adjustBodyStyles, _SkyDockDomAdapterService_destroyStyleElement;
-/**
- * @internal
- */
-class SkyDockDomAdapterService {
-    constructor(mutationSvc, rendererFactory) {
-        _SkyDockDomAdapterService_instances.add(this);
-        _SkyDockDomAdapterService_currentDockHeight.set(this, void 0);
-        _SkyDockDomAdapterService_mutationSvc.set(this, void 0);
-        _SkyDockDomAdapterService_ngUnsubscribe.set(this, new Subject());
-        _SkyDockDomAdapterService_observer.set(this, void 0);
-        _SkyDockDomAdapterService_renderer.set(this, void 0);
-        _SkyDockDomAdapterService_styleElement.set(this, void 0);
-        __classPrivateFieldSet(this, _SkyDockDomAdapterService_mutationSvc, mutationSvc, "f");
-        __classPrivateFieldSet(this, _SkyDockDomAdapterService_renderer, rendererFactory.createRenderer(undefined, null), "f");
-    }
-    ngOnDestroy() {
-        if (__classPrivateFieldGet(this, _SkyDockDomAdapterService_observer, "f")) {
-            __classPrivateFieldGet(this, _SkyDockDomAdapterService_observer, "f").disconnect();
-        }
-        __classPrivateFieldGet(this, _SkyDockDomAdapterService_ngUnsubscribe, "f").next();
-        __classPrivateFieldGet(this, _SkyDockDomAdapterService_ngUnsubscribe, "f").complete();
-        if (__classPrivateFieldGet(this, _SkyDockDomAdapterService_styleElement, "f")) {
-            __classPrivateFieldGet(this, _SkyDockDomAdapterService_instances, "m", _SkyDockDomAdapterService_destroyStyleElement).call(this);
-        }
-        __classPrivateFieldSet(this, _SkyDockDomAdapterService_currentDockHeight, __classPrivateFieldSet(this, _SkyDockDomAdapterService_observer, __classPrivateFieldSet(this, _SkyDockDomAdapterService_styleElement, undefined, "f"), "f"), "f");
-    }
-    setSticky(elementRef) {
-        __classPrivateFieldGet(this, _SkyDockDomAdapterService_renderer, "f").addClass(elementRef.nativeElement, 'sky-dock-sticky');
-    }
-    setZIndex(zIndex, elementRef) {
-        __classPrivateFieldGet(this, _SkyDockDomAdapterService_renderer, "f").setStyle(elementRef.nativeElement, 'z-index', zIndex);
-    }
-    unbindDock(elementRef) {
-        __classPrivateFieldGet(this, _SkyDockDomAdapterService_renderer, "f").addClass(elementRef.nativeElement, 'sky-dock-unbound');
-    }
-    watchDomChanges(elementRef) {
-        __classPrivateFieldSet(this, _SkyDockDomAdapterService_observer, __classPrivateFieldGet(this, _SkyDockDomAdapterService_mutationSvc, "f").create(() => {
-            __classPrivateFieldGet(this, _SkyDockDomAdapterService_instances, "m", _SkyDockDomAdapterService_adjustBodyStyles).call(this, elementRef);
-        }), "f");
-        __classPrivateFieldGet(this, _SkyDockDomAdapterService_observer, "f").observe(elementRef.nativeElement, {
-            attributes: true,
-            childList: true,
-            characterData: true,
-            subtree: true,
-        });
-        fromEvent(window, 'resize')
-            .pipe(debounceTime(250), takeUntil(__classPrivateFieldGet(this, _SkyDockDomAdapterService_ngUnsubscribe, "f")))
-            .subscribe(() => __classPrivateFieldGet(this, _SkyDockDomAdapterService_instances, "m", _SkyDockDomAdapterService_adjustBodyStyles).call(this, elementRef));
-    }
-}
-_SkyDockDomAdapterService_currentDockHeight = new WeakMap(), _SkyDockDomAdapterService_mutationSvc = new WeakMap(), _SkyDockDomAdapterService_ngUnsubscribe = new WeakMap(), _SkyDockDomAdapterService_observer = new WeakMap(), _SkyDockDomAdapterService_renderer = new WeakMap(), _SkyDockDomAdapterService_styleElement = new WeakMap(), _SkyDockDomAdapterService_instances = new WeakSet(), _SkyDockDomAdapterService_adjustBodyStyles = function _SkyDockDomAdapterService_adjustBodyStyles(elementRef) {
-    const dockHeight = elementRef.nativeElement.getBoundingClientRect().height;
-    if (dockHeight === __classPrivateFieldGet(this, _SkyDockDomAdapterService_currentDockHeight, "f")) {
-        return;
-    }
-    // Create a style element to avoid overwriting any existing inline body styles.
-    const styleElement = __classPrivateFieldGet(this, _SkyDockDomAdapterService_renderer, "f").createElement('style');
-    const textNode = __classPrivateFieldGet(this, _SkyDockDomAdapterService_renderer, "f").createText(`body { margin-bottom: ${dockHeight}px; }`);
-    // Apply a `data-` attribute to make unit testing easier.
-    __classPrivateFieldGet(this, _SkyDockDomAdapterService_renderer, "f").setAttribute(styleElement, 'data-test-selector', 'sky-layout-dock-bottom-styles');
-    __classPrivateFieldGet(this, _SkyDockDomAdapterService_renderer, "f").appendChild(styleElement, textNode);
-    __classPrivateFieldGet(this, _SkyDockDomAdapterService_renderer, "f").appendChild(document.head, styleElement);
-    if (__classPrivateFieldGet(this, _SkyDockDomAdapterService_styleElement, "f")) {
-        __classPrivateFieldGet(this, _SkyDockDomAdapterService_instances, "m", _SkyDockDomAdapterService_destroyStyleElement).call(this);
-    }
-    __classPrivateFieldSet(this, _SkyDockDomAdapterService_currentDockHeight, dockHeight, "f");
-    __classPrivateFieldSet(this, _SkyDockDomAdapterService_styleElement, styleElement, "f");
-}, _SkyDockDomAdapterService_destroyStyleElement = function _SkyDockDomAdapterService_destroyStyleElement() {
-    __classPrivateFieldGet(this, _SkyDockDomAdapterService_renderer, "f").removeChild(document.head, __classPrivateFieldGet(this, _SkyDockDomAdapterService_styleElement, "f"));
-};
-SkyDockDomAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyDockDomAdapterService, deps: [{ token: SkyMutationObserverService }, { token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable });
-SkyDockDomAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyDockDomAdapterService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyDockDomAdapterService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return [{ type: SkyMutationObserverService }, { type: i0.RendererFactory2 }]; } });
-
-/**
- * @internal
- */
-function sortByStackOrder(a, b) {
-    if (a.stackOrder > b.stackOrder) {
-        return -1;
-    }
-    if (a.stackOrder < b.stackOrder) {
-        return 1;
-    }
-    return 0;
-}
-
-var _SkyDockComponent_instances, _SkyDockComponent_changeDetector, _SkyDockComponent_domAdapter, _SkyDockComponent_elementRef, _SkyDockComponent_injector, _SkyDockComponent_itemRefs, _SkyDockComponent_options, _SkyDockComponent_sortItemsByStackOrder, _SkyDockComponent_getHighestStackOrder;
-/**
- * @internal
- */
-class SkyDockComponent {
-    constructor(changeDetector, elementRef, injector, domAdapter) {
-        _SkyDockComponent_instances.add(this);
-        _SkyDockComponent_changeDetector.set(this, void 0);
-        _SkyDockComponent_domAdapter.set(this, void 0);
-        _SkyDockComponent_elementRef.set(this, void 0);
-        _SkyDockComponent_injector.set(this, void 0);
-        _SkyDockComponent_itemRefs.set(this, []);
-        _SkyDockComponent_options.set(this, void 0);
-        __classPrivateFieldSet(this, _SkyDockComponent_changeDetector, changeDetector, "f");
-        __classPrivateFieldSet(this, _SkyDockComponent_elementRef, elementRef, "f");
-        __classPrivateFieldSet(this, _SkyDockComponent_injector, injector, "f");
-        __classPrivateFieldSet(this, _SkyDockComponent_domAdapter, domAdapter, "f");
-    }
-    insertComponent(component, config = {}) {
-        /*istanbul ignore if: untestable*/
-        if (!this.target) {
-            throw Error('[SkyDockComponent] Could not insert the component because the target element could not be found.');
-        }
-        const injector = Injector.create({
-            providers: config.providers || [],
-            parent: __classPrivateFieldGet(this, _SkyDockComponent_injector, "f"),
-        });
-        const componentRef = this.target.createComponent(component, {
-            injector,
-        });
-        const stackOrder = config.stackOrder !== null && config.stackOrder !== undefined
-            ? config.stackOrder
-            : __classPrivateFieldGet(this, _SkyDockComponent_instances, "m", _SkyDockComponent_getHighestStackOrder).call(this);
-        __classPrivateFieldGet(this, _SkyDockComponent_itemRefs, "f").push({
-            componentRef,
-            stackOrder,
-        });
-        __classPrivateFieldGet(this, _SkyDockComponent_instances, "m", _SkyDockComponent_sortItemsByStackOrder).call(this);
-        __classPrivateFieldGet(this, _SkyDockComponent_changeDetector, "f").markForCheck();
-        return {
-            componentRef,
-            stackOrder,
-        };
-    }
-    removeItem(item) {
-        /*istanbul ignore if: untestable*/
-        if (!this.target) {
-            throw Error('[SkyDockComponent] Could not remove the item because the target element could not be found.');
-        }
-        const viewRef = item.componentRef.hostView;
-        this.target.remove(this.target.indexOf(viewRef));
-        const found = __classPrivateFieldGet(this, _SkyDockComponent_itemRefs, "f").find((i) => i.componentRef.hostView === viewRef);
-        if (found) {
-            __classPrivateFieldGet(this, _SkyDockComponent_itemRefs, "f").splice(__classPrivateFieldGet(this, _SkyDockComponent_itemRefs, "f").indexOf(found), 1);
-        }
-    }
-    setOptions(options) {
-        var _a, _b;
-        __classPrivateFieldSet(this, _SkyDockComponent_options, options, "f");
-        switch ((_a = __classPrivateFieldGet(this, _SkyDockComponent_options, "f")) === null || _a === void 0 ? void 0 : _a.location) {
-            case SkyDockLocation.BeforeElement:
-                __classPrivateFieldGet(this, _SkyDockComponent_domAdapter, "f").unbindDock(__classPrivateFieldGet(this, _SkyDockComponent_elementRef, "f"));
-                break;
-            case SkyDockLocation.ElementBottom:
-                __classPrivateFieldGet(this, _SkyDockComponent_domAdapter, "f").setSticky(__classPrivateFieldGet(this, _SkyDockComponent_elementRef, "f"));
-                break;
-            case SkyDockLocation.BodyBottom:
-            default:
-                __classPrivateFieldGet(this, _SkyDockComponent_domAdapter, "f").watchDomChanges(__classPrivateFieldGet(this, _SkyDockComponent_elementRef, "f"));
-                break;
-        }
-        if ((_b = __classPrivateFieldGet(this, _SkyDockComponent_options, "f")) === null || _b === void 0 ? void 0 : _b.zIndex) {
-            __classPrivateFieldGet(this, _SkyDockComponent_domAdapter, "f").setZIndex(__classPrivateFieldGet(this, _SkyDockComponent_options, "f").zIndex, __classPrivateFieldGet(this, _SkyDockComponent_elementRef, "f"));
-        }
-    }
-}
-_SkyDockComponent_changeDetector = new WeakMap(), _SkyDockComponent_domAdapter = new WeakMap(), _SkyDockComponent_elementRef = new WeakMap(), _SkyDockComponent_injector = new WeakMap(), _SkyDockComponent_itemRefs = new WeakMap(), _SkyDockComponent_options = new WeakMap(), _SkyDockComponent_instances = new WeakSet(), _SkyDockComponent_sortItemsByStackOrder = function _SkyDockComponent_sortItemsByStackOrder() {
-    if (this.target) {
-        __classPrivateFieldGet(this, _SkyDockComponent_itemRefs, "f").sort(sortByStackOrder);
-        // Reassign the correct index for each view.
-        for (let i = 0, len = __classPrivateFieldGet(this, _SkyDockComponent_itemRefs, "f").length; i < len; i++) {
-            const item = __classPrivateFieldGet(this, _SkyDockComponent_itemRefs, "f")[i];
-            this.target.move(item.componentRef.hostView, i);
-        }
-    }
-}, _SkyDockComponent_getHighestStackOrder = function _SkyDockComponent_getHighestStackOrder() {
-    if (__classPrivateFieldGet(this, _SkyDockComponent_itemRefs, "f").length === 0) {
-        return 0;
-    }
-    return __classPrivateFieldGet(this, _SkyDockComponent_itemRefs, "f")[0].stackOrder + 1;
-};
-SkyDockComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyDockComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.Injector }, { token: SkyDockDomAdapterService }], target: i0.ɵɵFactoryTarget.Component });
-SkyDockComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyDockComponent, selector: "sky-dock", providers: [SkyDockDomAdapterService], viewQueries: [{ propertyName: "target", first: true, predicate: ["target"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<ng-container #target></ng-container>\n", styles: [":host{display:flex;flex-direction:column;width:100%}:host:not(.sky-dock-unbound){position:fixed;left:var(--sky-viewport-left, 0);bottom:var(--sky-viewport-bottom, 0);right:var(--sky-viewport-right, 0);width:auto}:host.sky-dock-sticky{position:sticky}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyDockComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'sky-dock', providers: [SkyDockDomAdapterService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container #target></ng-container>\n", styles: [":host{display:flex;flex-direction:column;width:100%}:host:not(.sky-dock-unbound){position:fixed;left:var(--sky-viewport-left, 0);bottom:var(--sky-viewport-bottom, 0);right:var(--sky-viewport-right, 0);width:auto}:host.sky-dock-sticky{position:sticky}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.Injector }, { type: SkyDockDomAdapterService }]; }, propDecorators: { target: [{
-                type: ViewChild,
-                args: ['target', {
-                        read: ViewContainerRef,
-                        static: true,
-                    }]
-            }] } });
-
-class SkyDockModule {
-}
-SkyDockModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyDockModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyDockModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyDockModule, declarations: [SkyDockComponent], imports: [CommonModule] });
-SkyDockModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyDockModule, providers: [SkyMutationObserverService], imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyDockModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule],
-                    declarations: [SkyDockComponent],
-                    providers: [SkyMutationObserverService],
-                }]
-        }] });
-
-/**
- * The location on the page where the dynamic component should be rendered.
- */
-var SkyDynamicComponentLocation;
-(function (SkyDynamicComponentLocation) {
-    /**
-     * Renders the dynamic component before a given element.
-     */
-    SkyDynamicComponentLocation[SkyDynamicComponentLocation["BeforeElement"] = 0] = "BeforeElement";
-    /**
-     * Renders the dynamic component as the last element inside the BODY element.
-     */
-    SkyDynamicComponentLocation[SkyDynamicComponentLocation["BodyBottom"] = 1] = "BodyBottom";
-    /**
-     * Renders the dynamic component as the first element inside the BODY element.
-     */
-    SkyDynamicComponentLocation[SkyDynamicComponentLocation["BodyTop"] = 2] = "BodyTop";
-    /**
-     * Renders the dynamic component as the last element inside a given element.
-     */
-    SkyDynamicComponentLocation[SkyDynamicComponentLocation["ElementBottom"] = 3] = "ElementBottom";
-    /**
-     * Renders the dynamic component as the first element inside a given element.
-     */
-    SkyDynamicComponentLocation[SkyDynamicComponentLocation["ElementTop"] = 4] = "ElementTop";
-})(SkyDynamicComponentLocation || (SkyDynamicComponentLocation = {}));
-
-/**
- * @internal
- */
-function getWindow() {
-    return window;
-}
-/**
- * The application window reference service references the global window variable.
- * After users inject SkyAppWindowRef into a component, they can use the service to interact with
- * window properties and event handlers by referencing its nativeWindow property.
- */
-class SkyAppWindowRef {
-    /**
-     * The global `window` variable.
-     */
-    get nativeWindow() {
-        return getWindow();
-    }
-}
-SkyAppWindowRef.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAppWindowRef, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-SkyAppWindowRef.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAppWindowRef, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAppWindowRef, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }] });
-
-var _SkyDynamicComponentService_instances, _SkyDynamicComponentService_applicationRef, _SkyDynamicComponentService_environmentInjector, _SkyDynamicComponentService_injector, _SkyDynamicComponentService_renderer, _SkyDynamicComponentService_windowRef, _SkyDynamicComponentService_getRootNode;
-/**
- * Angular service for creating and rendering a dynamic component.
- * @internal
- */
-class SkyDynamicComponentService {
-    constructor(applicationRef, injector, windowRef, rendererFactory, environmentInjector) {
-        _SkyDynamicComponentService_instances.add(this);
-        _SkyDynamicComponentService_applicationRef.set(this, void 0);
-        _SkyDynamicComponentService_environmentInjector.set(this, void 0);
-        _SkyDynamicComponentService_injector.set(this, void 0);
-        _SkyDynamicComponentService_renderer.set(this, void 0);
-        _SkyDynamicComponentService_windowRef.set(this, void 0);
-        __classPrivateFieldSet(this, _SkyDynamicComponentService_applicationRef, applicationRef, "f");
-        __classPrivateFieldSet(this, _SkyDynamicComponentService_injector, injector, "f");
-        __classPrivateFieldSet(this, _SkyDynamicComponentService_windowRef, windowRef, "f");
-        __classPrivateFieldSet(this, _SkyDynamicComponentService_environmentInjector, environmentInjector, "f");
-        // 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.
-        __classPrivateFieldSet(this, _SkyDynamicComponentService_renderer, rendererFactory.createRenderer(undefined, null), "f");
-    }
-    /**
-     * Creates an instance of the specified component and adds it to the specified location
-     * on the page.
-     */
-    createComponent(componentType, options) {
-        options = options || {
-            location: SkyDynamicComponentLocation.BodyBottom,
-        };
-        const injector = Injector.create({
-            providers: options.providers || [],
-            parent: options.parentInjector || __classPrivateFieldGet(this, _SkyDynamicComponentService_injector, "f"),
-        });
-        let componentRef;
-        if (options.viewContainerRef) {
-            componentRef = options.viewContainerRef.createComponent(componentType, {
-                injector,
-            });
-        }
-        else {
-            componentRef = createComponent(componentType, {
-                environmentInjector: __classPrivateFieldGet(this, _SkyDynamicComponentService_environmentInjector, "f"),
-                elementInjector: injector,
-            });
-            __classPrivateFieldGet(this, _SkyDynamicComponentService_applicationRef, "f").attachView(componentRef.hostView);
-            const el = __classPrivateFieldGet(this, _SkyDynamicComponentService_instances, "m", _SkyDynamicComponentService_getRootNode).call(this, componentRef);
-            const bodyEl = __classPrivateFieldGet(this, _SkyDynamicComponentService_windowRef, "f").nativeWindow.document.body;
-            switch (options.location) {
-                case SkyDynamicComponentLocation.BeforeElement:
-                    if (!options.referenceEl) {
-                        throw new Error('[SkyDynamicComponentService] Could not create a component at location `SkyDynamicComponentLocation.BeforeElement` because a reference element was not provided.');
-                    }
-                    __classPrivateFieldGet(this, _SkyDynamicComponentService_renderer, "f").insertBefore(options.referenceEl.parentElement, el, options.referenceEl);
-                    break;
-                case SkyDynamicComponentLocation.ElementTop:
-                    if (!options.referenceEl) {
-                        throw new Error('[SkyDynamicComponentService] Could not create a component at location `SkyDynamicComponentLocation.ElementTop` because a reference element was not provided.');
-                    }
-                    __classPrivateFieldGet(this, _SkyDynamicComponentService_renderer, "f").insertBefore(options.referenceEl, el, options.referenceEl.firstChild);
-                    break;
-                case SkyDynamicComponentLocation.ElementBottom:
-                    __classPrivateFieldGet(this, _SkyDynamicComponentService_renderer, "f").appendChild(options.referenceEl, el);
-                    break;
-                case SkyDynamicComponentLocation.BodyTop:
-                    __classPrivateFieldGet(this, _SkyDynamicComponentService_renderer, "f").insertBefore(bodyEl, el, bodyEl.firstChild);
-                    break;
-                default:
-                    __classPrivateFieldGet(this, _SkyDynamicComponentService_renderer, "f").appendChild(bodyEl, el);
-                    break;
-            }
-        }
-        return componentRef;
-    }
-    /**
-     * Removes a component ref from the page
-     * @param componentRef Component ref for the component being removed
-     */
-    removeComponent(componentRef) {
-        if (!componentRef) {
-            return;
-        }
-        __classPrivateFieldGet(this, _SkyDynamicComponentService_applicationRef, "f").detachView(componentRef.hostView);
-        componentRef.destroy();
-    }
-}
-_SkyDynamicComponentService_applicationRef = new WeakMap(), _SkyDynamicComponentService_environmentInjector = new WeakMap(), _SkyDynamicComponentService_injector = new WeakMap(), _SkyDynamicComponentService_renderer = new WeakMap(), _SkyDynamicComponentService_windowRef = new WeakMap(), _SkyDynamicComponentService_instances = new WeakSet(), _SkyDynamicComponentService_getRootNode = function _SkyDynamicComponentService_getRootNode(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.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyDynamicComponentService, deps: [{ token: i0.ApplicationRef }, { token: i0.Injector }, { token: SkyAppWindowRef }, { token: i0.RendererFactory2 }, { token: i0.EnvironmentInjector }], target: i0.ɵɵFactoryTarget.Injectable });
-SkyDynamicComponentService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyDynamicComponentService, providedIn: 'any' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyDynamicComponentService, decorators: [{
-            type: Injectable,
-            args: [{
-                    // Must be 'any' so that the component is created in the context of its module's injector.
-                    // If set to 'root', the component's dependency injections would only be derived from the root
-                    // injector and may lose context if the component is created within a lazy-loaded module.
-                    providedIn: 'any',
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ApplicationRef }, { type: i0.Injector }, { type: SkyAppWindowRef }, { type: i0.RendererFactory2 }, { type: i0.EnvironmentInjector }]; } });
-
-var _SkyDockService_instances, _SkyDockService_dynamicComponentSvc, _SkyDockService_options, _SkyDockService_createDock, _SkyDockService_destroyDock;
-/**
- * This service docks components to specific areas on the page.
- */
-class SkyDockService {
-    /**
-     * Returns all docked items.
-     */
-    get items() {
-        return SkyDockService._items;
-    }
-    constructor(dynamicComponentSvc) {
-        _SkyDockService_instances.add(this);
-        _SkyDockService_dynamicComponentSvc.set(this, void 0);
-        _SkyDockService_options.set(this, void 0);
-        __classPrivateFieldSet(this, _SkyDockService_dynamicComponentSvc, dynamicComponentSvc, "f");
-    }
-    /**
-     * Docks a component to the bottom of the page.
-     * @param component The component to dock.
-     * @param config Options that affect the docking action.
-     */
-    insertComponent(component, config) {
-        const dockRef = (SkyDockService.dockRef =
-            SkyDockService.dockRef || __classPrivateFieldGet(this, _SkyDockService_instances, "m", _SkyDockService_createDock).call(this));
-        const itemRef = dockRef.instance.insertComponent(component, config);
-        const item = new SkyDockItem(itemRef.componentRef.instance, itemRef.stackOrder);
-        item.destroyed.subscribe(() => {
-            dockRef.instance.removeItem(itemRef);
-            SkyDockService._items.splice(SkyDockService._items.indexOf(item), 1);
-            if (SkyDockService._items.length === 0) {
-                __classPrivateFieldGet(this, _SkyDockService_instances, "m", _SkyDockService_destroyDock).call(this);
-            }
-        });
-        SkyDockService._items.push(item);
-        SkyDockService._items.sort(sortByStackOrder);
-        return item;
-    }
-    /**
-     * Sets options for the positioning and styling of the dock component. Since the dock service is a
-     * singleton instance, these options will be applied to all components inserted into the dock. In
-     * order to create a separate dock with different options, consumers should provide a different
-     * instance of the dock service.
-     * @param options The options for positioning and styling
-     */
-    setDockOptions(options) {
-        __classPrivateFieldSet(this, _SkyDockService_options, options, "f");
-    }
-}
-_SkyDockService_dynamicComponentSvc = new WeakMap(), _SkyDockService_options = new WeakMap(), _SkyDockService_instances = new WeakSet(), _SkyDockService_createDock = function _SkyDockService_createDock() {
-    let dockOptions;
-    if (__classPrivateFieldGet(this, _SkyDockService_options, "f")) {
-        let dynamicLocation;
-        switch (__classPrivateFieldGet(this, _SkyDockService_options, "f").location) {
-            case SkyDockLocation.BeforeElement:
-                dynamicLocation = SkyDynamicComponentLocation.BeforeElement;
-                break;
-            case SkyDockLocation.ElementBottom:
-                dynamicLocation = SkyDynamicComponentLocation.ElementBottom;
-                break;
-            default:
-                dynamicLocation = SkyDynamicComponentLocation.BodyTop;
-                break;
-        }
-        dockOptions = {
-            location: dynamicLocation,
-            referenceEl: __classPrivateFieldGet(this, _SkyDockService_options, "f").referenceEl,
-        };
-    }
-    const dockRef = __classPrivateFieldGet(this, _SkyDockService_dynamicComponentSvc, "f").createComponent(SkyDockComponent, dockOptions);
-    dockRef.instance.setOptions(__classPrivateFieldGet(this, _SkyDockService_options, "f"));
-    return dockRef;
-}, _SkyDockService_destroyDock = function _SkyDockService_destroyDock() {
-    __classPrivateFieldGet(this, _SkyDockService_dynamicComponentSvc, "f").removeComponent(SkyDockService.dockRef);
-    SkyDockService.dockRef = undefined;
-};
-SkyDockService._items = [];
-SkyDockService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyDockService, deps: [{ token: SkyDynamicComponentService }], target: i0.ɵɵFactoryTarget.Injectable });
-SkyDockService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyDockService, providedIn: 'any' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyDockService, decorators: [{
-            type: Injectable,
-            args: [{
-                    // Must be 'any' so that the dock component is created in the context of its module's injector.
-                    // If set to 'root', the component's dependency injections would only be derived from the root
-                    // injector and may loose context if the dock was opened from within a lazy-loaded module.
-                    providedIn: 'any',
-                }]
-        }], ctorParameters: function () { return [{ type: SkyDynamicComponentService }]; } });
-
-/**
- * Provides services required to create dynamic components on the page.
- * @deprecated The `SkyDynamicComponentService` no longer needs the `SkyDynamicComponentModule`.
- * The `SkyDynamicComponentModule` can be removed from your project.
- */
-class SkyDynamicComponentModule {
-}
-SkyDynamicComponentModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyDynamicComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyDynamicComponentModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyDynamicComponentModule });
-SkyDynamicComponentModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyDynamicComponentModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyDynamicComponentModule, decorators: [{
-            type: NgModule,
-            args: [{}]
-        }] });
-
-class SkyAppFormat {
-    formatText(format, ...args) {
-        return String(format).replace(/\{(\d+)\}/g, function (match, capture) {
-            return args[parseInt(capture, 10)];
-        });
-    }
-}
-SkyAppFormat.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAppFormat, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-SkyAppFormat.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAppFormat, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAppFormat, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }] });
-
-let idIndex = 0;
-/**
- * Generates unique IDs to be used with HTML elements.
- */
-class SkyIdService {
-    generateId() {
-        idIndex++;
-        // Include timestamp and an incrementing index to guarantee unique IDs both during the application
-        // lifecycle as well as across sessions, since browsers will try to apply autocomplete options to
-        // elements with the same ID across sessions.
-        return `sky-id-gen__${new Date().getTime()}__${idIndex}`;
-    }
-}
-SkyIdService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyIdService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-SkyIdService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyIdService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyIdService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }] });
-
-var _SkyIdDirective__id;
-/**
- * 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.
- */
-class SkyIdDirective {
-    get id() {
-        return __classPrivateFieldGet(this, _SkyIdDirective__id, "f");
-    }
-    constructor(elRef, renderer, idSvc) {
-        _SkyIdDirective__id.set(this, void 0);
-        // Generate and apply the ID before the template is rendered
-        // to avoid a changed-after-checked error.
-        const id = idSvc.generateId();
-        renderer.setAttribute(elRef.nativeElement, 'id', id);
-        __classPrivateFieldSet(this, _SkyIdDirective__id, id, "f");
-    }
-}
-_SkyIdDirective__id = new WeakMap();
-SkyIdDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyIdDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: SkyIdService }], target: i0.ɵɵFactoryTarget.Directive });
-SkyIdDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: SkyIdDirective, selector: "[skyId]", exportAs: ["skyId"], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyIdDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[skyId]',
-                    exportAs: 'skyId',
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }, { type: SkyIdService }]; } });
-
-class SkyIdModule {
-}
-SkyIdModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyIdModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyIdModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyIdModule, declarations: [SkyIdDirective], exports: [SkyIdDirective] });
-SkyIdModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyIdModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyIdModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [SkyIdDirective],
-                    exports: [SkyIdDirective],
-                }]
-        }] });
-
-var _SkyLayoutHostService_hostLayoutForChild, _SkyLayoutHostService_hostLayoutForChildObs;
-/**
- * @internal
- */
-class SkyLayoutHostService {
-    constructor() {
-        _SkyLayoutHostService_hostLayoutForChild.set(this, new Subject());
-        _SkyLayoutHostService_hostLayoutForChildObs.set(this, __classPrivateFieldGet(this, _SkyLayoutHostService_hostLayoutForChild, "f").asObservable());
-    }
-    get hostLayoutForChild() {
-        return __classPrivateFieldGet(this, _SkyLayoutHostService_hostLayoutForChildObs, "f");
-    }
-    setHostLayoutForChild(layout) {
-        __classPrivateFieldGet(this, _SkyLayoutHostService_hostLayoutForChild, "f").next(layout);
-    }
-}
-_SkyLayoutHostService_hostLayoutForChild = new WeakMap(), _SkyLayoutHostService_hostLayoutForChildObs = new WeakMap();
-SkyLayoutHostService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyLayoutHostService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-SkyLayoutHostService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyLayoutHostService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyLayoutHostService, decorators: [{
-            type: Injectable
-        }] });
-
-var _SkyLiveAnnouncerService_instances, _SkyLiveAnnouncerService_announcerElement, _SkyLiveAnnouncerService_document, _SkyLiveAnnouncerService_idService, _SkyLiveAnnouncerService_createLiveElement;
-/**
- * Allows for announcing messages to screen reader users through the use of a common `aria-live` element.
- * @internal
- */
-class SkyLiveAnnouncerService {
-    constructor() {
-        _SkyLiveAnnouncerService_instances.add(this);
-        this.announcerElementChanged = new ReplaySubject(1);
-        _SkyLiveAnnouncerService_announcerElement.set(this, void 0);
-        _SkyLiveAnnouncerService_document.set(this, inject(DOCUMENT));
-        _SkyLiveAnnouncerService_idService.set(this, inject(SkyIdService));
-        __classPrivateFieldSet(this, _SkyLiveAnnouncerService_announcerElement, __classPrivateFieldGet(this, _SkyLiveAnnouncerService_instances, "m", _SkyLiveAnnouncerService_createLiveElement).call(this), "f");
-        this.announcerElementChanged.next(__classPrivateFieldGet(this, _SkyLiveAnnouncerService_announcerElement, "f"));
-    }
-    /**
-     * Announces a message to screen readers.
-     * @param message Message to be announced to the screen reader.
-     * @param args Options for the announcement of the message.
-     */
-    announce(message, args) {
-        var _a;
-        /* safety-check */
-        /* istanbul ignore if */
-        if (!__classPrivateFieldGet(this, _SkyLiveAnnouncerService_announcerElement, "f")) {
-            __classPrivateFieldSet(this, _SkyLiveAnnouncerService_announcerElement, __classPrivateFieldGet(this, _SkyLiveAnnouncerService_instances, "m", _SkyLiveAnnouncerService_createLiveElement).call(this), "f");
-            this.announcerElementChanged.next(__classPrivateFieldGet(this, _SkyLiveAnnouncerService_announcerElement, "f"));
-        }
-        const politeness = (_a = args === null || args === void 0 ? void 0 : args.politeness) !== null && _a !== void 0 ? _a : 'polite';
-        this.clear();
-        __classPrivateFieldGet(this, _SkyLiveAnnouncerService_announcerElement, "f").setAttribute('aria-live', politeness);
-        __classPrivateFieldGet(this, _SkyLiveAnnouncerService_announcerElement, "f").textContent = message;
-    }
-    /**
-     * Clears the current text from the announcer element. Can be used to prevent
-     * screen readers from reading the text out again while the user is going
-     * through the page landmarks.
-     */
-    clear() {
-        if (__classPrivateFieldGet(this, _SkyLiveAnnouncerService_announcerElement, "f")) {
-            __classPrivateFieldGet(this, _SkyLiveAnnouncerService_announcerElement, "f").textContent = '';
-        }
-    }
-    /**
-     * @internal
-     */
-    ngOnDestroy() {
-        var _a;
-        (_a = __classPrivateFieldGet(this, _SkyLiveAnnouncerService_announcerElement, "f")) === null || _a === void 0 ? void 0 : _a.remove();
-        __classPrivateFieldSet(this, _SkyLiveAnnouncerService_announcerElement, undefined, "f");
-        this.announcerElementChanged.next(undefined);
-    }
-}
-_SkyLiveAnnouncerService_announcerElement = new WeakMap(), _SkyLiveAnnouncerService_document = new WeakMap(), _SkyLiveAnnouncerService_idService = new WeakMap(), _SkyLiveAnnouncerService_instances = new WeakSet(), _SkyLiveAnnouncerService_createLiveElement = function _SkyLiveAnnouncerService_createLiveElement() {
-    const elementClass = 'sky-live-announcer-element';
-    const previousElements = __classPrivateFieldGet(this, _SkyLiveAnnouncerService_document, "f").getElementsByClassName(elementClass);
-    const liveEl = __classPrivateFieldGet(this, _SkyLiveAnnouncerService_document, "f").createElement('div');
-    // Remove any old containers. This can happen when coming in from a server-side-rendered page.
-    for (let i = 0; i < previousElements.length; i++) {
-        previousElements[i].remove();
-    }
-    liveEl.classList.add(elementClass);
-    liveEl.classList.add('sky-screen-reader-only');
-    liveEl.setAttribute('aria-atomic', 'true');
-    liveEl.setAttribute('aria-live', 'polite');
-    liveEl.id = __classPrivateFieldGet(this, _SkyLiveAnnouncerService_idService, "f").generateId();
-    __classPrivateFieldGet(this, _SkyLiveAnnouncerService_document, "f").body.appendChild(liveEl);
-    return liveEl;
-};
-SkyLiveAnnouncerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyLiveAnnouncerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-SkyLiveAnnouncerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyLiveAnnouncerService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyLiveAnnouncerService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }], ctorParameters: function () { return []; } });
-
-/**
- * @deprecated The `SkyLogService` no longer needs the `SkyLogModule`.
- * The `SkyLogModule` can be removed from your project.
- */
-class SkyLogModule {
-}
-SkyLogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyLogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyLogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyLogModule });
-SkyLogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyLogModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyLogModule, decorators: [{
-            type: NgModule,
-            args: [{}]
-        }] });
-
-/**
- * @internal
- */
-const SKY_LOG_LEVEL = new InjectionToken('SkyLogLevel');
-
-var _SkyLogService_instances, _SkyLogService_applicationLogLevel, _SkyLogService_formatter, _SkyLogService_convertStringToCode, _SkyLogService_canLog, _SkyLogService_logBasedOnLevel, _SkyLogService_logWithParams, _SkyLogService_buildMessageKey;
-const previousWarnings = new Set();
-/**
- * Logs information to the console based on the application's log level as
- * provided by the `SKY_LOG_LEVEL` injection token. If no token is provided,
- * only `error` logs will be shown.
- * @internal
- */
-class SkyLogService {
-    constructor(formatter, applicationLogLevel) {
-        _SkyLogService_instances.add(this);
-        _SkyLogService_applicationLogLevel.set(this, void 0);
-        _SkyLogService_formatter.set(this, void 0);
-        __classPrivateFieldSet(this, _SkyLogService_formatter, formatter, "f");
-        __classPrivateFieldSet(this, _SkyLogService_applicationLogLevel, applicationLogLevel !== null && applicationLogLevel !== void 0 ? applicationLogLevel : 3 /* SkyLogLevel.Error */, "f");
-    }
-    /**
-     * Clears previously-logged messages. Primarily used for unit
-     * testing this service.
-     */
-    static clearPreviousLogs() {
-        previousWarnings.clear();
-    }
-    /**
-     * Logs a deprecation warning for a class, property, function, etc. This will
-     * be logged as a console warning unless a different log level is given in the
-     * `args` parameter.
-     * @param name The name of the deprecated class, property, function, etc.
-     * @param args Information about the deprecation and replacement recommendations.
-     * @returns
-     */
-    deprecated(name, args) {
-        var _a;
-        return __awaiter(this, void 0, void 0, function* () {
-            const logLevel = (_a = args === null || args === void 0 ? void 0 : args.logLevel) !== null && _a !== void 0 ? _a : 2 /* SkyLogLevel.Warn */;
-            name = __classPrivateFieldGet(this, _SkyLogService_instances, "m", _SkyLogService_convertStringToCode).call(this, name);
-            if (__classPrivateFieldGet(this, _SkyLogService_instances, "m", _SkyLogService_canLog).call(this, logLevel)) {
-                const messageParts = [];
-                if (args === null || args === void 0 ? void 0 : args.deprecationMajorVersion) {
-                    messageParts.push(__classPrivateFieldGet(this, _SkyLogService_formatter, "f").formatText('{0} is deprecated starting in SKY UX {1}.', name, args.deprecationMajorVersion.toLocaleString()));
-                }
-                else {
-                    messageParts.push(__classPrivateFieldGet(this, _SkyLogService_formatter, "f").formatText('{0} is deprecated.', name));
-                }
-                if (args === null || args === void 0 ? void 0 : args.removalMajorVersion) {
-                    messageParts.push(__classPrivateFieldGet(this, _SkyLogService_formatter, "f").formatText('We will remove it in version {0}.', args.removalMajorVersion.toLocaleString()));
-                }
-                else {
-                    messageParts.push('We will remove it in a future major version.');
-                }
-                if (args === null || args === void 0 ? void 0 : args.replacementRecommendation) {
-                    messageParts.push(args.replacementRecommendation);
-                }
-                if (args === null || args === void 0 ? void 0 : args.moreInfoUrl) {
-                    messageParts.push(__classPrivateFieldGet(this, _SkyLogService_formatter, "f").formatText('For more information, see {0}.', args.moreInfoUrl));
-                }
-                __classPrivateFieldGet(this, _SkyLogService_instances, "m", _SkyLogService_logBasedOnLevel).call(this, logLevel, messageParts.join(' '));
-            }
-            return Promise.resolve();
-        });
-    }
-    /**
-     * Logs a console error if the application's log level is `SkyLogLevel.Error`.
-     * @param message The error message
-     * @param params Optional parameters for the error message.
-     */
-    error(message, params) {
-        if (__classPrivateFieldGet(this, _SkyLogService_instances, "m", _SkyLogService_canLog).call(this, 3 /* SkyLogLevel.Error */)) {
-            __classPrivateFieldGet(this, _SkyLogService_instances, "m", _SkyLogService_logWithParams).call(this, 'error', message, params);
-        }
-    }
-    /**
-     * Logs console information if the application's log level is `SkyLogLevel.Info` or above.
-     * @param message The informational message
-     * @param params Optional parameters for the informational message.
-     */
-    info(message, params) {
-        if (__classPrivateFieldGet(this, _SkyLogService_instances, "m", _SkyLogService_canLog).call(this, 1 /* SkyLogLevel.Info */)) {
-            __classPrivateFieldGet(this, _SkyLogService_instances, "m", _SkyLogService_logWithParams).call(this, 'log', message, params);
-        }
-    }
-    /**
-     * Logs a console warning if the application's log level is `SkyLogLevel.Warn` or above.
-     * @param message The warning message
-     * @param params Optional parameters for the warning message.
-     */
-    warn(message, params) {
-        if (__classPrivateFieldGet(this, _SkyLogService_instances, "m", _SkyLogService_canLog).call(this, 2 /* SkyLogLevel.Warn */)) {
-            const messageKey = __classPrivateFieldGet(this, _SkyLogService_instances, "m", _SkyLogService_buildMessageKey).call(this, message, params);
-            // Only log each warning once per application instance to avoid drowning out other
-            // important messages in the console.
-            if (!previousWarnings.has(message)) {
-                __classPrivateFieldGet(this, _SkyLogService_instances, "m", _SkyLogService_logWithParams).call(this, 'warn', message, params);
-                previousWarnings.add(messageKey);
-            }
-        }
-    }
-}
-_SkyLogService_applicationLogLevel = new WeakMap(), _SkyLogService_formatter = new WeakMap(), _SkyLogService_instances = new WeakSet(), _SkyLogService_convertStringToCode = function _SkyLogService_convertStringToCode(typeString) {
-    if (typeString.charAt(0) !== '`' && typeString.charAt(-1) !== '`') {
-        typeString = '`' + typeString + '`';
-    }
-    return typeString;
-}, _SkyLogService_canLog = function _SkyLogService_canLog(intendedLogLevel) {
-    return intendedLogLevel >= __classPrivateFieldGet(this, _SkyLogService_applicationLogLevel, "f");
-}, _SkyLogService_logBasedOnLevel = function _SkyLogService_logBasedOnLevel(logLevel, message, params) {
-    switch (logLevel) {
-        case 1 /* SkyLogLevel.Info */:
-            this.info(message, params);
-            break;
-        case 2 /* SkyLogLevel.Warn */:
-            this.warn(message, params);
-            break;
-        case 3 /* SkyLogLevel.Error */:
-            this.error(message, params);
-            break;
-    }
-}, _SkyLogService_logWithParams = function _SkyLogService_logWithParams(logMethod, message, params) {
-    if (params) {
-        console[logMethod](message, ...params);
-    }
-    else {
-        console[logMethod](message);
-    }
-}, _SkyLogService_buildMessageKey = function _SkyLogService_buildMessageKey(message, params) {
-    let key = message;
-    if (params === null || params === void 0 ? void 0 : params.length) {
-        key = `${key} ${params.join(' ')}`;
-    }
-    return key;
-};
-SkyLogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyLogService, deps: [{ token: SkyAppFormat }, { token: SKY_LOG_LEVEL, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-SkyLogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyLogService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyLogService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () {
-        return [{ type: SkyAppFormat }, { type: undefined, decorators: [{
-                        type: Optional
-                    }, {
-                        type: Inject,
-                        args: [SKY_LOG_LEVEL]
-                    }] }];
-    } });
-
-/**
- * @deprecated The `SkyMediaQueryService` no longer needs the `SkyMediaQueryModule`.
- * The `SkyMediaQueryModule` can be removed from your project.
- */
-class SkyMediaQueryModule {
-}
-SkyMediaQueryModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyMediaQueryModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyMediaQueryModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyMediaQueryModule });
-SkyMediaQueryModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyMediaQueryModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyMediaQueryModule, decorators: [{
-            type: NgModule,
-            args: [{}]
-        }] });
-
-var _SkyMediaQueryService_instances, _SkyMediaQueryService_currentSubject, _SkyMediaQueryService_currentBreakpoint, _SkyMediaQueryService_breakpoints, _SkyMediaQueryService_mediaQueries, _SkyMediaQueryService_zone, _SkyMediaQueryService_addListeners, _SkyMediaQueryService_removeListeners, _SkyMediaQueryService_notifyBreakpointChange;
-const DEFAULT_BREAKPOINT$1 = SkyMediaBreakpoints.md;
-class SkyMediaQueryService {
-    /**
-     * Returns the current breakpoint.
-     */
-    get current() {
-        return __classPrivateFieldGet(this, _SkyMediaQueryService_currentBreakpoint, "f");
-    }
-    constructor(zone) {
-        _SkyMediaQueryService_instances.add(this);
-        _SkyMediaQueryService_currentSubject.set(this, new BehaviorSubject(DEFAULT_BREAKPOINT$1));
-        _SkyMediaQueryService_currentBreakpoint.set(this, DEFAULT_BREAKPOINT$1);
-        _SkyMediaQueryService_breakpoints.set(this, [
-            {
-                mediaQueryString: SkyMediaQueryService.xs,
-                name: SkyMediaBreakpoints.xs,
-            },
-            {
-                mediaQueryString: SkyMediaQueryService.sm,
-                name: SkyMediaBreakpoints.sm,
-            },
-            {
-                mediaQueryString: SkyMediaQueryService.md,
-                name: SkyMediaBreakpoints.md,
-            },
-            {
-                mediaQueryString: SkyMediaQueryService.lg,
-                name: SkyMediaBreakpoints.lg,
-            },
-        ]);
-        _SkyMediaQueryService_mediaQueries.set(this, []);
-        _SkyMediaQueryService_zone.set(this, void 0);
-        __classPrivateFieldSet(this, _SkyMediaQueryService_zone, zone, "f");
-        __classPrivateFieldGet(this, _SkyMediaQueryService_instances, "m", _SkyMediaQueryService_addListeners).call(this);
-    }
-    ngOnDestroy() {
-        __classPrivateFieldGet(this, _SkyMediaQueryService_instances, "m", _SkyMediaQueryService_removeListeners).call(this);
-        __classPrivateFieldGet(this, _SkyMediaQueryService_currentSubject, "f").complete();
-    }
-    /**
-     * Subscribes to screen size changes.
-     * @param listener Specifies a function that is called when breakpoints change.
-     */
-    subscribe(listener) {
-        return __classPrivateFieldGet(this, _SkyMediaQueryService_currentSubject, "f").subscribe({
-            next: (breakpoints) => {
-                listener(breakpoints);
-            },
-        });
-    }
-    /**
-     * @internal
-     */
-    destroy() {
-        __classPrivateFieldGet(this, _SkyMediaQueryService_instances, "m", _SkyMediaQueryService_removeListeners).call(this);
-        __classPrivateFieldGet(this, _SkyMediaQueryService_currentSubject, "f").complete();
-    }
-}
-_SkyMediaQueryService_currentSubject = new WeakMap(), _SkyMediaQueryService_currentBreakpoint = new WeakMap(), _SkyMediaQueryService_breakpoints = new WeakMap(), _SkyMediaQueryService_mediaQueries = new WeakMap(), _SkyMediaQueryService_zone = new WeakMap(), _SkyMediaQueryService_instances = new WeakSet(), _SkyMediaQueryService_addListeners = function _SkyMediaQueryService_addListeners() {
-    __classPrivateFieldSet(this, _SkyMediaQueryService_mediaQueries, __classPrivateFieldGet(this, _SkyMediaQueryService_breakpoints, "f").map((breakpoint) => {
-        const mq = matchMedia(breakpoint.mediaQueryString);
-        const listener = (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/
-            __classPrivateFieldGet(this, _SkyMediaQueryService_zone, "f").run(() => {
-                if (event.matches) {
-                    __classPrivateFieldGet(this, _SkyMediaQueryService_instances, "m", _SkyMediaQueryService_notifyBreakpointChange).call(this, breakpoint.name);
-                }
-            });
-        };
-        mq.addListener(listener);
-        if (mq.matches) {
-            __classPrivateFieldGet(this, _SkyMediaQueryService_instances, "m", _SkyMediaQueryService_notifyBreakpointChange).call(this, breakpoint.name);
-        }
-        return {
-            mediaQueryList: mq,
-            listener,
-        };
-    }), "f");
-}, _SkyMediaQueryService_removeListeners = function _SkyMediaQueryService_removeListeners() {
-    __classPrivateFieldGet(this, _SkyMediaQueryService_mediaQueries, "f").forEach((mediaQuery) => {
-        mediaQuery.mediaQueryList.removeListener(mediaQuery.listener);
-    });
-    __classPrivateFieldSet(this, _SkyMediaQueryService_mediaQueries, [], "f");
-}, _SkyMediaQueryService_notifyBreakpointChange = function _SkyMediaQueryService_notifyBreakpointChange(breakpoint) {
-    __classPrivateFieldSet(this, _SkyMediaQueryService_currentBreakpoint, breakpoint, "f");
-    __classPrivateFieldGet(this, _SkyMediaQueryService_currentSubject, "f").next(breakpoint);
-};
-/**
- * The size for the `xs` breakpoint.
- * @default "(max-width: 767px)"
- */
-SkyMediaQueryService.xs = '(max-width: 767px)';
-/**
- * The size for the `sm` breakpoint.
- * @default "(min-width: 768px) and (max-width: 991px)"
- */
-SkyMediaQueryService.sm = '(min-width: 768px) and (max-width: 991px)';
-/**
- * The size for the `md` breakpoint.
- * @default "(min-width: 992px) and (max-width: 1199px)"
- */
-SkyMediaQueryService.md = '(min-width: 992px) and (max-width: 1199px)';
-/**
- * The size for the `lg` breakpoint.
- * @default "(min-width: 1200px)"
- */
-SkyMediaQueryService.lg = '(min-width: 1200px)';
-SkyMediaQueryService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyMediaQueryService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
-SkyMediaQueryService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyMediaQueryService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyMediaQueryService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () { return [{ type: i0.NgZone }]; } });
-
-/**
- * NOTICE: DO NOT MODIFY THIS FILE!
- * The contents of this file were automatically generated by
- * the 'ng generate @skyux/i18n:lib-resources-module lib/modules/shared/sky-core' schematic.
- * To update this file, simply rerun the command.
- */
-const RESOURCES = {
-    'EN-US': {
-        skyux_numeric_billions_symbol: { message: 'B' },
-        skyux_numeric_millions_symbol: { message: 'M' },
-        skyux_numeric_thousands_symbol: { message: 'K' },
-        skyux_numeric_trillions_symbol: { message: 'T' },
-    },
-};
-class SkyCoreResourcesProvider {
-    getString(localeInfo, name) {
-        return getLibStringForLocale(RESOURCES, localeInfo.locale, name);
-    }
-}
-/**
- * Import into any component library module that needs to use resource strings.
- */
-class SkyCoreResourcesModule {
-}
-SkyCoreResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyCoreResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyCoreResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyCoreResourcesModule, exports: [SkyI18nModule] });
-SkyCoreResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyCoreResourcesModule, providers: [
-        {
-            provide: SKY_LIB_RESOURCES_PROVIDERS,
-            useClass: SkyCoreResourcesProvider,
-            multi: true,
-        },
-    ], imports: [SkyI18nModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyCoreResourcesModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    exports: [SkyI18nModule],
-                    providers: [
-                        {
-                            provide: SKY_LIB_RESOURCES_PROVIDERS,
-                            useClass: SkyCoreResourcesProvider,
-                            multi: true,
-                        },
-                    ],
-                }]
-        }] });
-
-/**
- * Provides arguments for the number to format.
- * @deprecated Use the `SkyNumericOptions` interface instead.
- * @internal
- */
-class NumericOptions {
-    constructor() {
-        this.digits = 1;
-        this.format = 'number';
-        this.currencySign = 'standard';
-        this.iso = 'USD';
-        this.truncate = true;
-        this.truncateAfter = 1000;
-        const logService = new SkyLogService(new SkyAppFormat());
-        logService
-            .deprecated('NumericOptions', {
-            deprecationMajorVersion: 7,
-            moreInfoUrl: 'https://developer.blackbaud.com/skyux/components/numeric',
-            replacementRecommendation: 'Use the `SkyNumericOptions` interface instead.',
-        })
-            .then();
-    }
-}
-
-/* eslint-disable eqeqeq */
-// This file is mostly ported from the Angular 4.x NumberPipe in order to maintain the old
-// behavior of using the `Intl` API for formatting numbers rather than having to register every
-// supported locale.
-// https://github.com/angular/angular/blob/4.4.x/packages/common/src/pipes/number_pipe.ts
-function isNumeric(value) {
-    return !isNaN(value - parseFloat(value));
-}
-function parseIntAutoRadix(text) {
-    const 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
-class SkyNumberFormatUtility {
-    static formatNumber(locale, value, style, digits, currency = null, currencyAsSymbol = false, currencySign) {
-        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}'`);
-        }
-        let minInt = undefined;
-        let minFraction = undefined;
-        let maxFraction = undefined;
-        if (style !== SkyIntlNumberFormatStyle.Currency) {
-            // rely on Intl default for currency
-            minInt = 1;
-            minFraction = 0;
-            maxFraction = 3;
-        }
-        if (digits) {
-            const 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,
-            currencySign: currencySign,
-        });
-    }
-}
-SkyNumberFormatUtility._NUMBER_FORMAT_REGEXP = /^(\d+)?\.((\d+)(-(\d+))?)?$/;
-
-var _SkyNumericService_instances, _SkyNumericService_resourcesSvc, _SkyNumericService_symbolIndex, _SkyNumericService_roundNumber, _SkyNumericService_scaleNumberByPowerOfTen, _SkyNumericService_storeShortenSymbol, _SkyNumericService_replaceShortenSymbol, _SkyNumericService_getSymbol;
-class SkyNumericService {
-    constructor(resourcesSvc) {
-        _SkyNumericService_instances.add(this);
-        /**
-         * The browser's current locale.
-         * @internal
-         */
-        this.currentLocale = 'en-US';
-        /**
-         * @internal
-         */
-        this.shortSymbol = '';
-        _SkyNumericService_resourcesSvc.set(this, void 0);
-        _SkyNumericService_symbolIndex.set(this, void 0);
-        __classPrivateFieldSet(this, _SkyNumericService_resourcesSvc, resourcesSvc, "f");
-        __classPrivateFieldSet(this, _SkyNumericService_symbolIndex, [
-            { value: 1e12, label: __classPrivateFieldGet(this, _SkyNumericService_instances, "m", _SkyNumericService_getSymbol).call(this, 'skyux_numeric_trillions_symbol') },
-            { value: 1e9, label: __classPrivateFieldGet(this, _SkyNumericService_instances, "m", _SkyNumericService_getSymbol).call(this, 'skyux_numeric_billions_symbol') },
-            { value: 1e6, label: __classPrivateFieldGet(this, _SkyNumericService_instances, "m", _SkyNumericService_getSymbol).call(this, 'skyux_numeric_millions_symbol') },
-            { value: 1e3, label: __classPrivateFieldGet(this, _SkyNumericService_instances, "m", _SkyNumericService_getSymbol).call(this, 'skyux_numeric_thousands_symbol') },
-        ], "f");
-    }
-    /**
-     * Formats a number based on the provided options.
-     * @param value The number to format.
-     * @param options Format options.
-     */
-    formatNumber(value, options) {
-        var _a;
-        if (isNaN(value) || value === null) {
-            return '';
-        }
-        const numericOptions = Object.assign({ digits: 0, format: 'number', currencySign: 'standard', iso: 'USD', truncateAfter: 1000 }, options);
-        const decimalPlaceRegExp = /\.0+$|(\.[0-9]*[1-9])0+$/;
-        const locale = numericOptions.locale || this.currentLocale;
-        const digits = numericOptions.digits || 0;
-        // Get the symbol for the number after rounding, since rounding could push the number
-        // into a different symbol range.
-        let roundedNumber = __classPrivateFieldGet(this, _SkyNumericService_instances, "m", _SkyNumericService_roundNumber).call(this, value, digits);
-        const roundedNumberAbs = Math.abs(roundedNumber);
-        let suffix = '';
-        for (let i = 0; i < __classPrivateFieldGet(this, _SkyNumericService_symbolIndex, "f").length; i++) {
-            let symbol = __classPrivateFieldGet(this, _SkyNumericService_symbolIndex, "f")[i];
-            if (numericOptions.truncate &&
-                numericOptions.truncateAfter !== undefined &&
-                roundedNumberAbs >= numericOptions.truncateAfter &&
-                roundedNumberAbs >= symbol.value) {
-                roundedNumber = __classPrivateFieldGet(this, _SkyNumericService_instances, "m", _SkyNumericService_roundNumber).call(this, value / symbol.value, digits);
-                if (Math.abs(roundedNumber) === 1000 && i > 0) {
-                    // Rounding caused the number to cross into the range of the next symbol.
-                    symbol = __classPrivateFieldGet(this, _SkyNumericService_symbolIndex, "f")[i - 1];
-                    roundedNumber /= 1000;
-                }
-                suffix = symbol.label;
-                break;
-            }
-        }
-        let output = roundedNumber.toString().replace(decimalPlaceRegExp, '$1') + suffix;
-        __classPrivateFieldGet(this, _SkyNumericService_instances, "m", _SkyNumericService_storeShortenSymbol).call(this, output);
-        let digitsFormatted;
-        let isDecimal = false;
-        // Checks the string entered for format. Using toLowerCase to ignore case.
-        switch ((_a = numericOptions.format) === null || _a === void 0 ? void 0 : _a.toLowerCase()) {
-            // In a case where a decimal value was not shortened and
-            // the digit input is 2 or higher, it forces 2 digits.
-            // For example, this prevents a value like $15.50 from displaying as $15.5.
-            // Note: This will need to be reviewed if we support currencies with
-            // three decimal digits.
-            case 'currency':
-                isDecimal = value % 1 !== 0;
-                if (numericOptions.minDigits) {
-                    digitsFormatted = `1.${numericOptions.minDigits}-${digits}`;
-                }
-                else if (isDecimal && digits >= 2) {
-                    digitsFormatted = `1.2-${digits}`;
-                }
-                else {
-                    digitsFormatted = `1.0-${digits}`;
-                }
-                output = SkyNumberFormatUtility.formatNumber(locale, parseFloat(output), SkyIntlNumberFormatStyle.Currency, digitsFormatted, numericOptions.iso, 
-                // Angular 5+ needs a string for this parameter, but Angular 4 needs a boolean.
-                // To support both versions we can supply 'symbol' which will evaluate truthy for Angular 4
-                // and the appropriate string value for Angular 5+.
-                // See: https://angular.io/api/common/CurrencyPipe#parameters
-                'symbol', numericOptions.currencySign);
-                //   ^^^^^^ Result can't be null since the sanitized input is always a number.
-                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 (numericOptions.minDigits) {
-                    digitsFormatted = `1.${numericOptions.minDigits}-${digits}`;
-                }
-                else if (numericOptions.truncate) {
-                    digitsFormatted = `1.0-${digits}`;
-                }
-                else {
-                    digitsFormatted = `1.${digits}-${digits}`;
-                }
-                output = SkyNumberFormatUtility.formatNumber(locale, parseFloat(output), SkyIntlNumberFormatStyle.Decimal, digitsFormatted);
-                //   ^^^^^^ Result can't be null since the sanitized input is always a number.
-                break;
-        }
-        if (numericOptions.truncate) {
-            output = __classPrivateFieldGet(this, _SkyNumericService_instances, "m", _SkyNumericService_replaceShortenSymbol).call(this, output);
-        }
-        return output;
-    }
-}
-_SkyNumericService_resourcesSvc = new WeakMap(), _SkyNumericService_symbolIndex = new WeakMap(), _SkyNumericService_instances = new WeakSet(), _SkyNumericService_roundNumber = function _SkyNumericService_roundNumber(value, precision) {
-    if (precision < 0) {
-        throw new Error('SkyInvalidArgument: precision must be >= 0');
-    }
-    /* Sanity check - ignoring coverage but should not ignore if we make this method public */
-    /* istanbul ignore next */
-    if (isNaN(value) || value === null) {
-        return 0;
-    }
-    const scaledValue = __classPrivateFieldGet(this, _SkyNumericService_instances, "m", _SkyNumericService_scaleNumberByPowerOfTen).call(this, value, precision, true);
-    const scaledRoundedValue = Math.round(scaledValue);
-    const unscaledRoundedValue = __classPrivateFieldGet(this, _SkyNumericService_instances, "m", _SkyNumericService_scaleNumberByPowerOfTen).call(this, scaledRoundedValue, precision, false);
-    return unscaledRoundedValue;
-}, _SkyNumericService_scaleNumberByPowerOfTen = function _SkyNumericService_scaleNumberByPowerOfTen(value, scalar, scaleUp) {
-    const valueStr = value.toString().toLowerCase();
-    const isExponentFormat = valueStr.includes('e');
-    if (isExponentFormat) {
-        const [base, exp] = valueStr.split('e');
-        const newExp = scaleUp ? Number(exp) + scalar : Number(exp) - scalar;
-        return Number(`${base}e${newExp}`);
-    }
-    else {
-        const e = scaleUp ? 'e' : 'e-';
-        return Number(`${value}${e}${scalar}`);
-    }
-}, _SkyNumericService_storeShortenSymbol = function _SkyNumericService_storeShortenSymbol(value) {
-    const symbols = __classPrivateFieldGet(this, _SkyNumericService_symbolIndex, "f").map((s) => s.label);
-    const regexp = new RegExp(symbols.join('|'), 'ig');
-    const match = value.match(regexp);
-    this.shortSymbol = match ? match.toString() : '';
-}, _SkyNumericService_replaceShortenSymbol = function _SkyNumericService_replaceShortenSymbol(value) {
-    const result = /(\d)(?!.*\d)/g.exec(value);
-    /*istanbul ignore else*/
-    if (result) {
-        const pos = result.index + result.length;
-        const output = value.substring(0, pos) + this.shortSymbol + value.substring(pos);
-        return output;
-    }
-    else {
-        return value;
-    }
-}, _SkyNumericService_getSymbol = function _SkyNumericService_getSymbol(key) {
-    // TODO: Need to implement the async `getString` method in a breaking change.
-    return __classPrivateFieldGet(this, _SkyNumericService_resourcesSvc, "f").getStringForLocale({ locale: 'en_US' }, key);
-};
-SkyNumericService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyNumericService, deps: [{ token: i1.SkyLibResourcesService }], target: i0.ɵɵFactoryTarget.Injectable });
-SkyNumericService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyNumericService, providedIn: 'any' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyNumericService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'any',
-                }]
-        }], ctorParameters: function () { return [{ type: i1.SkyLibResourcesService }]; } });
-
-var _SkyNumericPipe_cacheKey, _SkyNumericPipe_changeDetector, _SkyNumericPipe_formattedValue, _SkyNumericPipe_ngUnsubscribe, _SkyNumericPipe_numericSvc, _SkyNumericPipe_providerLocale;
-/**
- * Shortens numbers to rounded numbers and abbreviation characters such as K for thousands,
- * M for millions, B for billions, and T for trillions. The pipe also formats for currency.
- * Be sure you have a space after the two curly brackets opening the pipe and
- * a space before the two curly brackets closing the pipe or it will not work.
- */
-class SkyNumericPipe {
-    constructor(localeProvider, numericSvc, changeDetector) {
-        _SkyNumericPipe_cacheKey.set(this, void 0);
-        _SkyNumericPipe_changeDetector.set(this, void 0);
-        _SkyNumericPipe_formattedValue.set(this, void 0);
-        _SkyNumericPipe_ngUnsubscribe.set(this, new Subject());
-        _SkyNumericPipe_numericSvc.set(this, void 0);
-        _SkyNumericPipe_providerLocale.set(this, void 0);
-        __classPrivateFieldSet(this, _SkyNumericPipe_numericSvc, numericSvc, "f");
-        __classPrivateFieldSet(this, _SkyNumericPipe_changeDetector, changeDetector, "f");
-        localeProvider
-            .getLocaleInfo()
-            .pipe(takeUntil(__classPrivateFieldGet(this, _SkyNumericPipe_ngUnsubscribe, "f")))
-            .subscribe((localeInfo) => {
-            __classPrivateFieldSet(this, _SkyNumericPipe_providerLocale, localeInfo.locale, "f");
-            numericSvc.currentLocale = __classPrivateFieldGet(this, _SkyNumericPipe_providerLocale, "f");
-            __classPrivateFieldGet(this, _SkyNumericPipe_changeDetector, "f").markForCheck();
-        });
-    }
-    ngOnDestroy() {
-        __classPrivateFieldGet(this, _SkyNumericPipe_ngUnsubscribe, "f").next();
-        __classPrivateFieldGet(this, _SkyNumericPipe_ngUnsubscribe, "f").complete();
-    }
-    /**
-     * Formats a number based on the provided options.
-     */
-    transform(value, config) {
-        const newCacheKey = (config ? JSON.stringify(config, Object.keys(config).sort()) : '') +
-            `${value}_${(config === null || config === void 0 ? void 0 : config.locale) || __classPrivateFieldGet(this, _SkyNumericPipe_providerLocale, "f")}`;
-        /* If the value and locale are the same as the last transform then return the previous value
-        instead of reformatting. */
-        if (__classPrivateFieldGet(this, _SkyNumericPipe_formattedValue, "f") && __classPrivateFieldGet(this, _SkyNumericPipe_cacheKey, "f") === newCacheKey) {
-            return __classPrivateFieldGet(this, _SkyNumericPipe_formattedValue, "f");
-        }
-        const options = new NumericOptions();
-        // The default number of digits is `1`. When truncate is disabled, set digits
-        // to `0` to avoid the unnecessary addition of `.0` at the end of the formatted number.
-        if (config && config.truncate === false && config.digits === undefined) {
-            options.digits = 0;
-        }
-        // If the minimum digits is less than the set maximum digits then throw an error
-        if (config &&
-            config.minDigits &&
-            config.digits &&
-            config.minDigits > config.digits) {
-            throw new Error('The `digits` property must be greater than or equal to the `minDigits` property');
-            // If there is a minimum digits given but not a maximum then default the maximum to the minimum
-        }
-        else if (config && config.minDigits && !config.digits) {
-            options.digits = config.minDigits;
-        }
-        Object.assign(options, config);
-        // Assign properties for proper result caching.
-        __classPrivateFieldSet(this, _SkyNumericPipe_cacheKey, newCacheKey, "f");
-        __classPrivateFieldSet(this, _SkyNumericPipe_formattedValue, __classPrivateFieldGet(this, _SkyNumericPipe_numericSvc, "f").formatNumber(value, options), "f");
-        return __classPrivateFieldGet(this, _SkyNumericPipe_formattedValue, "f");
-    }
-}
-_SkyNumericPipe_cacheKey = new WeakMap(), _SkyNumericPipe_changeDetector = new WeakMap(), _SkyNumericPipe_formattedValue = new WeakMap(), _SkyNumericPipe_ngUnsubscribe = new WeakMap(), _SkyNumericPipe_numericSvc = new WeakMap(), _SkyNumericPipe_providerLocale = new WeakMap();
-SkyNumericPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyNumericPipe, deps: [{ token: i1.SkyAppLocaleProvider }, { token: SkyNumericService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Pipe });
-SkyNumericPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyNumericPipe, name: "skyNumeric", pure: false });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyNumericPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'skyNumeric',
-                    pure: false,
-                }]
-        }], ctorParameters: function () { return [{ type: i1.SkyAppLocaleProvider }, { type: SkyNumericService }, { type: i0.ChangeDetectorRef }]; } });
-
-class SkyNumericModule {
-}
-SkyNumericModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyNumericModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyNumericModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyNumericModule, declarations: [SkyNumericPipe], imports: [SkyI18nModule, SkyCoreResourcesModule], exports: [SkyNumericPipe] });
-SkyNumericModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyNumericModule, providers: [SkyNumericPipe], imports: [SkyI18nModule, SkyCoreResourcesModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyNumericModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [SkyNumericPipe],
-                    providers: [SkyNumericPipe],
-                    imports: [SkyI18nModule, SkyCoreResourcesModule],
-                    exports: [SkyNumericPipe],
-                }]
-        }] });
-
-var _SkyOverlayInstance_backdropClick, _SkyOverlayInstance_backdropClickObs, _SkyOverlayInstance_closed, _SkyOverlayInstance_closedObs;
-/**
- * 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.
- */
-class SkyOverlayInstance {
-    /**
-     * Emits when the overlay is clicked (but not its content).
-     */
-    get backdropClick() {
-        return __classPrivateFieldGet(this, _SkyOverlayInstance_backdropClickObs, "f");
-    }
-    /**
-     * Emits after the overlay is closed.
-     */
-    get closed() {
-        return __classPrivateFieldGet(this, _SkyOverlayInstance_closedObs, "f");
-    }
-    constructor(
-    /**
-     * The configuration for the overlay.
-     */
-    config, componentRef) {
-        this.config = config;
-        this.componentRef = componentRef;
-        _SkyOverlayInstance_backdropClick.set(this, void 0);
-        _SkyOverlayInstance_backdropClickObs.set(this, void 0);
-        _SkyOverlayInstance_closed.set(this, void 0);
-        _SkyOverlayInstance_closedObs.set(this, void 0);
-        this.id = this.componentRef.instance.id;
-        this.componentRef.instance.closed.subscribe(() => {
-            __classPrivateFieldGet(this, _SkyOverlayInstance_closed, "f").next();
-            __classPrivateFieldGet(this, _SkyOverlayInstance_closed, "f").complete();
-            __classPrivateFieldGet(this, _SkyOverlayInstance_backdropClick, "f").complete();
-        });
-        this.componentRef.instance.backdropClick.subscribe(() => {
-            __classPrivateFieldGet(this, _SkyOverlayInstance_backdropClick, "f").next();
-        });
-        __classPrivateFieldSet(this, _SkyOverlayInstance_backdropClick, new Subject(), "f");
-        __classPrivateFieldSet(this, _SkyOverlayInstance_closed, new Subject(), "f");
-        __classPrivateFieldSet(this, _SkyOverlayInstance_backdropClickObs, __classPrivateFieldGet(this, _SkyOverlayInstance_backdropClick, "f").asObservable(), "f");
-        __classPrivateFieldSet(this, _SkyOverlayInstance_closedObs, __classPrivateFieldGet(this, _SkyOverlayInstance_closed, "f").asObservable(), "f");
-    }
-    /**
-     * Creates and attaches a component to the overlay.
-     * @param component The component to attach.
-     * @param providers Custom providers to apply to the component.
-     */
-    attachComponent(component, providers) {
-        const 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.
-     */
-    attachTemplate(templateRef, context) {
-        this.componentRef.instance.attachTemplate(templateRef, context);
-    }
-}
-_SkyOverlayInstance_backdropClick = new WeakMap(), _SkyOverlayInstance_backdropClickObs = new WeakMap(), _SkyOverlayInstance_closed = new WeakMap(), _SkyOverlayInstance_closedObs = new WeakMap();
-
-/**
- * @internal
- */
-const SKY_STACKING_CONTEXT = new InjectionToken('SkyStackingContext');
-
-/**
- * Contextual information for each overlay.
- * @internal
- */
-class SkyOverlayContext {
-    constructor(config) {
-        this.config = config;
-    }
-}
-
-var _SkyOverlayComponent_instances, _SkyOverlayComponent_backdropClick, _SkyOverlayComponent_backdropClickObs, _SkyOverlayComponent_changeDetector, _SkyOverlayComponent_closed, _SkyOverlayComponent_closedObs, _SkyOverlayComponent_context, _SkyOverlayComponent_coreAdapter, _SkyOverlayComponent_injector, _SkyOverlayComponent_ngUnsubscribe, _SkyOverlayComponent_router, _SkyOverlayComponent_routerSubscription, _SkyOverlayComponent_applyConfig, _SkyOverlayComponent_addBackdropClickListener, _SkyOverlayComponent_addRouteListener, _SkyOverlayComponent_removeRouteListener;
-const POSITION_DEFAULT = 'fixed';
-/**
- * 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.)
- */
-let uniqueZIndex = 5000;
-/**
- * @internal
- */
-class SkyOverlayComponent {
-    get backdropClick() {
-        return __classPrivateFieldGet(this, _SkyOverlayComponent_backdropClickObs, "f");
-    }
-    get closed() {
-        return __classPrivateFieldGet(this, _SkyOverlayComponent_closedObs, "f");
-    }
-    constructor(changeDetector, injector, coreAdapter, context, idSvc, router) {
-        _SkyOverlayComponent_instances.add(this);
-        this.wrapperClass = '';
-        this.enablePointerEvents = false;
-        this.showBackdrop = false;
-        this.zIndex = `${++uniqueZIndex}`;
-        this.clipPath$ = new ReplaySubject(1);
-        this.position = POSITION_DEFAULT;
-        _SkyOverlayComponent_backdropClick.set(this, void 0);
-        _SkyOverlayComponent_backdropClickObs.set(this, void 0);
-        _SkyOverlayComponent_changeDetector.set(this, void 0);
-        _SkyOverlayComponent_closed.set(this, void 0);
-        _SkyOverlayComponent_closedObs.set(this, void 0);
-        _SkyOverlayComponent_context.set(this, void 0);
-        _SkyOverlayComponent_coreAdapter.set(this, void 0);
-        _SkyOverlayComponent_injector.set(this, void 0);
-        _SkyOverlayComponent_ngUnsubscribe.set(this, new Subject());
-        _SkyOverlayComponent_router.set(this, void 0);
-        _SkyOverlayComponent_routerSubscription.set(this, void 0);
-        __classPrivateFieldSet(this, _SkyOverlayComponent_changeDetector, changeDetector, "f");
-        __classPrivateFieldSet(this, _SkyOverlayComponent_injector, injector, "f");
-        __classPrivateFieldSet(this, _SkyOverlayComponent_coreAdapter, coreAdapter, "f");
-        __classPrivateFieldSet(this, _SkyOverlayComponent_context, context, "f");
-        __classPrivateFieldSet(this, _SkyOverlayComponent_router, router, "f");
-        this.id = idSvc.generateId();
-        __classPrivateFieldSet(this, _SkyOverlayComponent_backdropClick, new Subject(), "f");
-        __classPrivateFieldSet(this, _SkyOverlayComponent_closed, new Subject(), "f");
-        __classPrivateFieldSet(this, _SkyOverlayComponent_backdropClickObs, __classPrivateFieldGet(this, _SkyOverlayComponent_backdropClick, "f").asObservable(), "f");
-        __classPrivateFieldSet(this, _SkyOverlayComponent_closedObs, __classPrivateFieldGet(this, _SkyOverlayComponent_closed, "f").asObservable(), "f");
-    }
-    ngOnInit() {
-        __classPrivateFieldGet(this, _SkyOverlayComponent_instances, "m", _SkyOverlayComponent_applyConfig).call(this, __classPrivateFieldGet(this, _SkyOverlayComponent_context, "f").config);
-        setTimeout(() => {
-            __classPrivateFieldGet(this, _SkyOverlayComponent_instances, "m", _SkyOverlayComponent_addBackdropClickListener).call(this);
-        });
-        if (__classPrivateFieldGet(this, _SkyOverlayComponent_context, "f").config.closeOnNavigation) {
-            __classPrivateFieldGet(this, _SkyOverlayComponent_instances, "m", _SkyOverlayComponent_addRouteListener).call(this);
-        }
-    }
-    ngOnDestroy() {
-        __classPrivateFieldGet(this, _SkyOverlayComponent_instances, "m", _SkyOverlayComponent_removeRouteListener).call(this);
-        __classPrivateFieldGet(this, _SkyOverlayComponent_ngUnsubscribe, "f").next();
-        __classPrivateFieldGet(this, _SkyOverlayComponent_ngUnsubscribe, "f").complete();
-        __classPrivateFieldGet(this, _SkyOverlayComponent_backdropClick, "f").complete();
-        __classPrivateFieldGet(this, _SkyOverlayComponent_closed, "f").next();
-        __classPrivateFieldGet(this, _SkyOverlayComponent_closed, "f").complete();
-    }
-    attachComponent(component, providers = []) {
-        /*istanbul ignore if: untestable*/
-        if (!this.targetRef) {
-            throw new Error('[SkyOverlayComponent] Could not attach the component because the target element could not be found.');
-        }
-        this.targetRef.clear();
-        const injector = Injector.create({
-            providers: [
-                {
-                    provide: SKY_STACKING_CONTEXT,
-                    useValue: {
-                        zIndex: new BehaviorSubject(parseInt(this.zIndex, 10))
-                            .asObservable()
-                            .pipe(takeUntil(__classPrivateFieldGet(this, _SkyOverlayComponent_ngUnsubscribe, "f"))),
-                    },
-                },
-                ...providers,
-            ],
-            parent: __classPrivateFieldGet(this, _SkyOverlayComponent_injector, "f"),
-        });
-        const componentRef = this.targetRef.createComponent(component, {
-            injector,
-        });
-        // Run an initial change detection cycle after the component has been created.
-        componentRef.changeDetectorRef.detectChanges();
-        return componentRef;
-    }
-    attachTemplate(templateRef, context) {
-        /*istanbul ignore if: untestable*/
-        if (!this.targetRef) {
-            throw new Error('[SkyOverlayComponent] Could not attach the template because the target element could not be found.');
-        }
-        this.targetRef.clear();
-        return this.targetRef.createEmbeddedView(templateRef, context);
-    }
-    updateClipPath(clipPath) {
-        this.clipPath$.next(clipPath);
-    }
-}
-_SkyOverlayComponent_backdropClick = new WeakMap(), _SkyOverlayComponent_backdropClickObs = new WeakMap(), _SkyOverlayComponent_changeDetector = new WeakMap(), _SkyOverlayComponent_closed = new WeakMap(), _SkyOverlayComponent_closedObs = new WeakMap(), _SkyOverlayComponent_context = new WeakMap(), _SkyOverlayComponent_coreAdapter = new WeakMap(), _SkyOverlayComponent_injector = new WeakMap(), _SkyOverlayComponent_ngUnsubscribe = new WeakMap(), _SkyOverlayComponent_router = new WeakMap(), _SkyOverlayComponent_routerSubscription = new WeakMap(), _SkyOverlayComponent_instances = new WeakSet(), _SkyOverlayComponent_applyConfig = function _SkyOverlayComponent_applyConfig(config) {
-    this.wrapperClass = config.wrapperClass || '';
-    this.showBackdrop = !!config.showBackdrop;
-    this.enablePointerEvents = !!config.enablePointerEvents;
-    this.position = config.position || POSITION_DEFAULT;
-    __classPrivateFieldGet(this, _SkyOverlayComponent_changeDetector, "f").markForCheck();
-}, _SkyOverlayComponent_addBackdropClickListener = function _SkyOverlayComponent_addBackdropClickListener() {
-    fromEvent(window.document, 'click')
-        .pipe(takeUntil(__classPrivateFieldGet(this, _SkyOverlayComponent_ngUnsubscribe, "f")))
-        .subscribe((event) => {
-        if (event.target && this.overlayContentRef && this.overlayRef) {
-            const isChild = this.overlayContentRef.nativeElement.contains(event.target);
-            const isAbove = __classPrivateFieldGet(this, _SkyOverlayComponent_coreAdapter, "f").isTargetAboveElement(event.target, this.overlayRef.nativeElement);
-            /* istanbul ignore else */
-            if (!isChild && !isAbove) {
-                __classPrivateFieldGet(this, _SkyOverlayComponent_backdropClick, "f").next();
-                if (__classPrivateFieldGet(this, _SkyOverlayComponent_context, "f").config.enableClose) {
-                    __classPrivateFieldGet(this, _SkyOverlayComponent_closed, "f").next();
-                }
-            }
-        }
-    });
-}, _SkyOverlayComponent_addRouteListener = function _SkyOverlayComponent_addRouteListener() {
-    /*istanbul ignore else*/
-    if (__classPrivateFieldGet(this, _SkyOverlayComponent_router, "f")) {
-        __classPrivateFieldSet(this, _SkyOverlayComponent_routerSubscription, __classPrivateFieldGet(this, _SkyOverlayComponent_router, "f").events.subscribe((event) => {
-            /* istanbul ignore else */
-            if (event instanceof NavigationStart) {
-                __classPrivateFieldGet(this, _SkyOverlayComponent_closed, "f").next();
-            }
-        }), "f");
-    }
-}, _SkyOverlayComponent_removeRouteListener = function _SkyOverlayComponent_removeRouteListener() {
-    if (__classPrivateFieldGet(this, _SkyOverlayComponent_routerSubscription, "f")) {
-        __classPrivateFieldGet(this, _SkyOverlayComponent_routerSubscription, "f").unsubscribe();
-        __classPrivateFieldSet(this, _SkyOverlayComponent_routerSubscription, undefined, "f");
-    }
-};
-SkyOverlayComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyOverlayComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.Injector }, { token: SkyCoreAdapterService }, { token: SkyOverlayContext }, { token: SkyIdService }, { token: i4.Router, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-SkyOverlayComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: SkyOverlayComponent, selector: "sky-overlay", host: { properties: { "id": "this.id" } }, viewQueries: [{ propertyName: "overlayContentRef", first: true, predicate: ["overlayContentRef"], descendants: true, read: ElementRef, static: true }, { propertyName: "overlayRef", first: true, predicate: ["overlayRef"], descendants: true, read: ElementRef, static: true }, { propertyName: "targetRef", first: true, predicate: ["target"], descendants: true, read: ViewContainerRef, static: true }], ngImport: i0, template: "<div\n  [class]=\"'sky-overlay-position-' + position + ' ' + wrapperClass\"\n  [style.z-index]=\"zIndex\"\n  [style.clip-path]=\"clipPath$ | async\"\n  [ngClass]=\"{\n    'enable-pointer-events-pass-through': enablePointerEvents,\n    'sky-overlay': true\n  }\"\n  #overlayRef\n>\n  <div class=\"sky-overlay-content\" #overlayContentRef>\n    <ng-template #target> </ng-template>\n  </div>\n  <div *ngIf=\"showBackdrop\" class=\"sky-overlay-backdrop\"></div>\n</div>\n", styles: [".sky-overlay{inset:0;width:100%;height:100%;display:flex;pointer-events:auto}.sky-overlay-position-absolute{position:absolute}.sky-overlay-position-fixed{position:fixed}.sky-overlay-content{position:relative;z-index:1;display:inline-flex;align-self:start;pointer-events:auto}.sky-overlay-backdrop{background:rgba(0,0,0,.5);inset: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}\n"], dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyOverlayComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'sky-overlay', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  [class]=\"'sky-overlay-position-' + position + ' ' + wrapperClass\"\n  [style.z-index]=\"zIndex\"\n  [style.clip-path]=\"clipPath$ | async\"\n  [ngClass]=\"{\n    'enable-pointer-events-pass-through': enablePointerEvents,\n    'sky-overlay': true\n  }\"\n  #overlayRef\n>\n  <div class=\"sky-overlay-content\" #overlayContentRef>\n    <ng-template #target> </ng-template>\n  </div>\n  <div *ngIf=\"showBackdrop\" class=\"sky-overlay-backdrop\"></div>\n</div>\n", styles: [".sky-overlay{inset:0;width:100%;height:100%;display:flex;pointer-events:auto}.sky-overlay-position-absolute{position:absolute}.sky-overlay-position-fixed{position:fixed}.sky-overlay-content{position:relative;z-index:1;display:inline-flex;align-self:start;pointer-events:auto}.sky-overlay-backdrop{background:rgba(0,0,0,.5);inset: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}\n"] }]
-        }], ctorParameters: function () {
-        return [{ type: i0.ChangeDetectorRef }, { type: i0.Injector }, { type: SkyCoreAdapterService }, { type: SkyOverlayContext }, { type: SkyIdService }, { type: i4.Router, decorators: [{
-                        type: Optional
-                    }] }];
-    }, propDecorators: { id: [{
-                type: HostBinding,
-                args: ['id']
-            }], overlayContentRef: [{
-                type: ViewChild,
-                args: ['overlayContentRef', {
-                        read: ElementRef,
-                        static: true,
-                    }]
-            }], overlayRef: [{
-                type: ViewChild,
-                args: ['overlayRef', {
-                        read: ElementRef,
-                        static: true,
-                    }]
-            }], targetRef: [{
-                type: ViewChild,
-                args: ['target', {
-                        read: ViewContainerRef,
-                        static: true,
-                    }]
-            }] } });
-
-class SkyOverlayModule {
-}
-SkyOverlayModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyOverlayModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyOverlayModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyOverlayModule, declarations: [SkyOverlayComponent], imports: [CommonModule] });
-SkyOverlayModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyOverlayModule, imports: [CommonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyOverlayModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [CommonModule],
-                    declarations: [SkyOverlayComponent],
-                }]
-        }] });
-
-var _SkyOverlayAdapterService_instances, _SkyOverlayAdapterService_renderer, _SkyOverlayAdapterService_styleElement, _SkyOverlayAdapterService_destroyStyleElement;
-/**
- * @internal
- */
-class SkyOverlayAdapterService {
-    constructor(rendererFactory) {
-        _SkyOverlayAdapterService_instances.add(this);
-        _SkyOverlayAdapterService_renderer.set(this, void 0);
-        _SkyOverlayAdapterService_styleElement.set(this, void 0);
-        __classPrivateFieldSet(this, _SkyOverlayAdapterService_renderer, rendererFactory.createRenderer(undefined, null), "f");
-    }
-    restrictBodyScroll() {
-        // Create a style element to avoid overwriting any existing inline body styles.
-        const styleElement = __classPrivateFieldGet(this, _SkyOverlayAdapterService_renderer, "f").createElement('style');
-        const textNode = __classPrivateFieldGet(this, _SkyOverlayAdapterService_renderer, "f").createText('body { overflow: hidden }');
-        // Apply a `data-` attribute to make unit testing easier.
-        __classPrivateFieldGet(this, _SkyOverlayAdapterService_renderer, "f").setAttribute(styleElement, 'data-test-selector', 'sky-overlay-restrict-scroll-styles');
-        __classPrivateFieldGet(this, _SkyOverlayAdapterService_renderer, "f").appendChild(styleElement, textNode);
-        __classPrivateFieldGet(this, _SkyOverlayAdapterService_renderer, "f").appendChild(document.head, styleElement);
-        if (__classPrivateFieldGet(this, _SkyOverlayAdapterService_styleElement, "f")) {
-            __classPrivateFieldGet(this, _SkyOverlayAdapterService_instances, "m", _SkyOverlayAdapterService_destroyStyleElement).call(this);
-        }
-        __classPrivateFieldSet(this, _SkyOverlayAdapterService_styleElement, styleElement, "f");
-    }
-    releaseBodyScroll() {
-        __classPrivateFieldGet(this, _SkyOverlayAdapterService_instances, "m", _SkyOverlayAdapterService_destroyStyleElement).call(this);
-    }
-}
-_SkyOverlayAdapterService_renderer = new WeakMap(), _SkyOverlayAdapterService_styleElement = new WeakMap(), _SkyOverlayAdapterService_instances = new WeakSet(), _SkyOverlayAdapterService_destroyStyleElement = function _SkyOverlayAdapterService_destroyStyleElement() {
-    /* istanbul ignore else */
-    if (__classPrivateFieldGet(this, _SkyOverlayAdapterService_styleElement, "f") &&
-        __classPrivateFieldGet(this, _SkyOverlayAdapterService_styleElement, "f").parentElement === document.head) {
-        __classPrivateFieldGet(this, _SkyOverlayAdapterService_renderer, "f").removeChild(document.head, __classPrivateFieldGet(this, _SkyOverlayAdapterService_styleElement, "f"));
-    }
-};
-SkyOverlayAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyOverlayAdapterService, deps: [{ token: i0.RendererFactory2 }], target: i0.ɵɵFactoryTarget.Injectable });
-SkyOverlayAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyOverlayAdapterService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyOverlayAdapterService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () { return [{ type: i0.RendererFactory2 }]; } });
-
-var _SkyOverlayService_instances, _SkyOverlayService_adapter, _SkyOverlayService_applicationRef, _SkyOverlayService_componentFactoryResolver, _SkyOverlayService_injector, _SkyOverlayService_createOverlay, _SkyOverlayService_prepareConfig, _SkyOverlayService_destroyOverlay;
-/**
- * This service is used to create new overlays.
- * @dynamic
- */
-class SkyOverlayService {
-    // TODO: Replace deprecated `ComponentFactoryResolver`.
-    constructor(applicationRef, componentFactoryResolver, injector, adapter) {
-        _SkyOverlayService_instances.add(this);
-        _SkyOverlayService_adapter.set(this, void 0);
-        _SkyOverlayService_applicationRef.set(this, void 0);
-        _SkyOverlayService_componentFactoryResolver.set(this, void 0);
-        _SkyOverlayService_injector.set(this, void 0);
-        __classPrivateFieldSet(this, _SkyOverlayService_applicationRef, applicationRef, "f");
-        __classPrivateFieldSet(this, _SkyOverlayService_componentFactoryResolver, componentFactoryResolver, "f");
-        __classPrivateFieldSet(this, _SkyOverlayService_injector, injector, "f");
-        __classPrivateFieldSet(this, _SkyOverlayService_adapter, adapter, "f");
-    }
-    /**
-     * Creates an empty overlay. Use the returned `SkyOverlayInstance` to append content.
-     * @param config Configuration for the overlay.
-     */
-    create(config) {
-        const settings = __classPrivateFieldGet(this, _SkyOverlayService_instances, "m", _SkyOverlayService_prepareConfig).call(this, config);
-        if (settings.enableScroll === false) {
-            __classPrivateFieldGet(this, _SkyOverlayService_adapter, "f").restrictBodyScroll();
-        }
-        const componentRef = __classPrivateFieldGet(this, _SkyOverlayService_instances, "m", _SkyOverlayService_createOverlay).call(this, settings);
-        const instance = new SkyOverlayInstance(settings, componentRef);
-        instance.closed.subscribe(() => {
-            // Only execute the service's close method if the instance still exists.
-            // This is needed to address a race condition if the deprecated instance.close method is used instead.
-            if (SkyOverlayService.overlays.indexOf(instance) > -1) {
-                this.close(instance);
-            }
-        });
-        SkyOverlayService.overlays.push(instance);
-        return instance;
-    }
-    /**
-     * Closes (and destroys) an overlay instance.
-     * @param instance The instance to close.
-     */
-    close(instance) {
-        __classPrivateFieldGet(this, _SkyOverlayService_instances, "m", _SkyOverlayService_destroyOverlay).call(this, instance);
-        __classPrivateFieldGet(this, _SkyOverlayService_applicationRef, "f").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.)
-        const componentElement = instance.componentRef.location.nativeElement;
-        /* istanbul ignore if */
-        if (componentElement.parentNode !== null) {
-            componentElement.parentNode.removeChild(componentElement);
-        }
-    }
-    /**
-     * Closes all overlay instances.
-     */
-    closeAll() {
-        // The `close` event handler for each instance alters the array's length asynchronously,
-        // so the only "safe" index to call is zero.
-        while (SkyOverlayService.overlays.length > 0) {
-            this.close(SkyOverlayService.overlays[0]);
-        }
-    }
-}
-_SkyOverlayService_adapter = new WeakMap(), _SkyOverlayService_applicationRef = new WeakMap(), _SkyOverlayService_componentFactoryResolver = new WeakMap(), _SkyOverlayService_injector = new WeakMap(), _SkyOverlayService_instances = new WeakSet(), _SkyOverlayService_createOverlay = function _SkyOverlayService_createOverlay(config) {
-    const injector = Injector.create({
-        parent: __classPrivateFieldGet(this, _SkyOverlayService_injector, "f"),
-        providers: [
-            {
-                provide: SkyOverlayContext,
-                useValue: new SkyOverlayContext(config),
-            },
-        ],
-    });
-    const componentRef = __classPrivateFieldGet(this, _SkyOverlayService_componentFactoryResolver, "f")
-        .resolveComponentFactory(SkyOverlayComponent)
-        .create(injector);
-    __classPrivateFieldGet(this, _SkyOverlayService_applicationRef, "f").attachView(componentRef.hostView);
-    const domElem = componentRef.hostView
-        .rootNodes[0];
-    document.body.appendChild(domElem);
-    return componentRef;
-}, _SkyOverlayService_prepareConfig = function _SkyOverlayService_prepareConfig(config = {}) {
-    const defaults = {
-        closeOnNavigation: true,
-        enableClose: false,
-        enablePointerEvents: false,
-        enableScroll: true,
-        showBackdrop: false,
-        wrapperClass: '',
-    };
-    return Object.assign(Object.assign({}, defaults), config);
-}, _SkyOverlayService_destroyOverlay = function _SkyOverlayService_destroyOverlay(instance) {
-    SkyOverlayService.overlays.splice(SkyOverlayService.overlays.indexOf(instance), 1);
-    if (instance.config.enableScroll === false) {
-        // Only release the body scroll if no other overlay wishes it to be disabled.
-        const anotherOverlayDisablesScroll = SkyOverlayService.overlays.some((o) => !o.config.enableScroll);
-        if (!anotherOverlayDisablesScroll) {
-            __classPrivateFieldGet(this, _SkyOverlayService_adapter, "f").releaseBodyScroll();
-        }
-    }
-};
-SkyOverlayService.overlays = [];
-SkyOverlayService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyOverlayService, deps: [{ token: i0.ApplicationRef }, { token: i0.ComponentFactoryResolver }, { token: i0.Injector }, { token: SkyOverlayAdapterService }], target: i0.ɵɵFactoryTarget.Injectable });
-SkyOverlayService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyOverlayService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyOverlayService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ApplicationRef }, { type: i0.ComponentFactoryResolver }, { type: i0.Injector }, { type: SkyOverlayAdapterService }]; } });
-
-var _SkyPercentPipe_instances, _SkyPercentPipe_defaultFormat, _SkyPercentPipe_defaultLocale, _SkyPercentPipe_format, _SkyPercentPipe_formattedValue, _SkyPercentPipe_locale, _SkyPercentPipe_ngUnsubscribe, _SkyPercentPipe_value, _SkyPercentPipe_updateFormattedValue;
-class SkyPercentPipe {
-    get defaultLocale() {
-        return __classPrivateFieldGet(this, _SkyPercentPipe_defaultLocale, "f");
-    }
-    constructor(localeProvider) {
-        _SkyPercentPipe_instances.add(this);
-        _SkyPercentPipe_defaultFormat.set(this, '1.0-2');
-        _SkyPercentPipe_defaultLocale.set(this, 'en-US');
-        _SkyPercentPipe_format.set(this, void 0);
-        _SkyPercentPipe_formattedValue.set(this, '');
-        _SkyPercentPipe_locale.set(this, void 0);
-        _SkyPercentPipe_ngUnsubscribe.set(this, new Subject());
-        _SkyPercentPipe_value.set(this, void 0);
-        localeProvider
-            .getLocaleInfo()
-            .pipe(takeUntil(__classPrivateFieldGet(this, _SkyPercentPipe_ngUnsubscribe, "f")))
-            .subscribe((localeInfo) => {
-            __classPrivateFieldSet(this, _SkyPercentPipe_defaultLocale, localeInfo.locale, "f");
-            __classPrivateFieldGet(this, _SkyPercentPipe_instances, "m", _SkyPercentPipe_updateFormattedValue).call(this);
-        });
-    }
-    ngOnDestroy() {
-        __classPrivateFieldGet(this, _SkyPercentPipe_ngUnsubscribe, "f").next();
-        __classPrivateFieldGet(this, _SkyPercentPipe_ngUnsubscribe, "f").complete();
-    }
-    transform(value, format, locale) {
-        __classPrivateFieldSet(this, _SkyPercentPipe_value, value, "f");
-        __classPrivateFieldSet(this, _SkyPercentPipe_format, format, "f");
-        __classPrivateFieldSet(this, _SkyPercentPipe_locale, locale, "f");
-        __classPrivateFieldGet(this, _SkyPercentPipe_instances, "m", _SkyPercentPipe_updateFormattedValue).call(this);
-        return __classPrivateFieldGet(this, _SkyPercentPipe_formattedValue, "f");
-    }
-}
-_SkyPercentPipe_defaultFormat = new WeakMap(), _SkyPercentPipe_defaultLocale = new WeakMap(), _SkyPercentPipe_format = new WeakMap(), _SkyPercentPipe_formattedValue = new WeakMap(), _SkyPercentPipe_locale = new WeakMap(), _SkyPercentPipe_ngUnsubscribe = new WeakMap(), _SkyPercentPipe_value = new WeakMap(), _SkyPercentPipe_instances = new WeakSet(), _SkyPercentPipe_updateFormattedValue = function _SkyPercentPipe_updateFormattedValue() {
-    const locale = __classPrivateFieldGet(this, _SkyPercentPipe_locale, "f") || __classPrivateFieldGet(this, _SkyPercentPipe_defaultLocale, "f");
-    const format = __classPrivateFieldGet(this, _SkyPercentPipe_format, "f") || __classPrivateFieldGet(this, _SkyPercentPipe_defaultFormat, "f");
-    __classPrivateFieldSet(this, _SkyPercentPipe_formattedValue, __classPrivateFieldGet(this, _SkyPercentPipe_value, "f")
-        ? SkyNumberFormatUtility.formatNumber(locale, __classPrivateFieldGet(this, _SkyPercentPipe_value, "f"), SkyIntlNumberFormatStyle.Percent, format)
-        : '', "f");
-};
-SkyPercentPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyPercentPipe, deps: [{ token: i1.SkyAppLocaleProvider }], target: i0.ɵɵFactoryTarget.Pipe });
-SkyPercentPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyPercentPipe, name: "skyPercent", pure: false });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyPercentPipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'skyPercent',
-                    pure: false,
-                }]
-        }], ctorParameters: function () { return [{ type: i1.SkyAppLocaleProvider }]; } });
-
-class SkyPercentPipeModule {
-}
-SkyPercentPipeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyPercentPipeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyPercentPipeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyPercentPipeModule, declarations: [SkyPercentPipe], imports: [CommonModule, SkyCoreResourcesModule], exports: [SkyPercentPipe] });
-SkyPercentPipeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyPercentPipeModule, providers: [SkyPercentPipe], imports: [CommonModule, SkyCoreResourcesModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyPercentPipeModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [SkyPercentPipe],
-                    providers: [SkyPercentPipe],
-                    imports: [CommonModule, SkyCoreResourcesModule],
-                    exports: [SkyPercentPipe],
-                }]
-        }] });
-
-var _SkyResizeObserverService_instances, _SkyResizeObserverService_resizeObserver, _SkyResizeObserverService_tracking, _SkyResizeObserverService_zone, _SkyResizeObserverService_observeAndTrack, _SkyResizeObserverService_callback;
-/**
- * Service to create rxjs observables for changes to the content box dimensions of elements.
- */
-class SkyResizeObserverService {
-    constructor(zone) {
-        _SkyResizeObserverService_instances.add(this);
-        _SkyResizeObserverService_resizeObserver.set(this, void 0);
-        _SkyResizeObserverService_tracking.set(this, []);
-        _SkyResizeObserverService_zone.set(this, void 0);
-        __classPrivateFieldSet(this, _SkyResizeObserverService_zone, zone, "f");
-        __classPrivateFieldSet(this, _SkyResizeObserverService_resizeObserver, new ResizeObserver((entries) => {
-            entries.forEach((entry) => __classPrivateFieldGet(this, _SkyResizeObserverService_instances, "m", _SkyResizeObserverService_callback).call(this, entry));
-        }), "f");
-    }
-    ngOnDestroy() {
-        __classPrivateFieldGet(this, _SkyResizeObserverService_resizeObserver, "f").disconnect();
-    }
-    /**
-     * Create rxjs observable to get size changes for an element ref.
-     */
-    observe(element) {
-        return __classPrivateFieldGet(this, _SkyResizeObserverService_instances, "m", _SkyResizeObserverService_observeAndTrack).call(this, element).subjectObservable;
-    }
-}
-_SkyResizeObserverService_resizeObserver = new WeakMap(), _SkyResizeObserverService_tracking = new WeakMap(), _SkyResizeObserverService_zone = new WeakMap(), _SkyResizeObserverService_instances = new WeakSet(), _SkyResizeObserverService_observeAndTrack = function _SkyResizeObserverService_observeAndTrack(element) {
-    const checkTracking = __classPrivateFieldGet(this, _SkyResizeObserverService_tracking, "f").findIndex((value) => {
-        return !value.subject.closed && value.element === element.nativeElement;
-    });
-    if (checkTracking === -1) {
-        __classPrivateFieldGet(this, _SkyResizeObserverService_resizeObserver, "f").observe(element.nativeElement);
-    }
-    const subject = new Subject();
-    const subjectObservable = subject.pipe(finalize(() => {
-        // Are there any other tracking entries still watching this element?
-        const checkTracking = __classPrivateFieldGet(this, _SkyResizeObserverService_tracking, "f").findIndex((value) => {
-            return (value.subject !== subject &&
-                !value.subject.closed &&
-                value.element === element.nativeElement);
-        });
-        if (checkTracking === -1) {
-            __classPrivateFieldGet(this, _SkyResizeObserverService_resizeObserver, "f").unobserve(element.nativeElement);
-        }
-    }));
-    const tracking = {
-        element: element.nativeElement,
-        subject,
-        subjectObservable,
-    };
-    __classPrivateFieldGet(this, _SkyResizeObserverService_tracking, "f").push(tracking);
-    return tracking;
-}, _SkyResizeObserverService_callback = function _SkyResizeObserverService_callback(entry) {
-    __classPrivateFieldGet(this, _SkyResizeObserverService_tracking, "f")
-        .filter((value) => !(value.subject.closed || value.subject.isStopped))
-        .forEach((value) => {
-        /* istanbul ignore else */
-        if (value.element === entry.target) {
-            // Execute the callback within NgZone because Angular does not "monkey patch"
-            // ResizeObserver like it does for other features in the DOM.
-            __classPrivateFieldGet(this, _SkyResizeObserverService_zone, "f").run(() => {
-                value.subject.next(entry);
-            });
-        }
-    });
-};
-SkyResizeObserverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyResizeObserverService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
-SkyResizeObserverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyResizeObserverService, providedIn: 'any' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyResizeObserverService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'any',
-                }]
-        }], ctorParameters: function () { return [{ type: i0.NgZone }]; } });
-
-var _SkyResizeObserverMediaQueryService_instances, _SkyResizeObserverMediaQueryService_breakpoints, _SkyResizeObserverMediaQueryService_currentBreakpoint, _SkyResizeObserverMediaQueryService_currentBreakpointObs, _SkyResizeObserverMediaQueryService_ngUnsubscribe, _SkyResizeObserverMediaQueryService_resizeObserverSvc, _SkyResizeObserverMediaQueryService_target, _SkyResizeObserverMediaQueryService_updateBreakpoint, _SkyResizeObserverMediaQueryService_checkBreakpoint, _SkyResizeObserverMediaQueryService_checkWidth;
-const DEFAULT_BREAKPOINT = SkyMediaBreakpoints.md;
-/**
- * Acts like `SkyMediaQueryService` for a container element, emitting the same responsive breakpoints.
- */
-class SkyResizeObserverMediaQueryService {
-    /**
-     * Returns the current breakpoint.
-     */
-    get current() {
-        return __classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_currentBreakpoint, "f");
-    }
-    constructor(resizeObserverSvc) {
-        _SkyResizeObserverMediaQueryService_instances.add(this);
-        _SkyResizeObserverMediaQueryService_breakpoints.set(this, [
-            {
-                check: (width) => width > 0 && width <= 767,
-                name: SkyMediaBreakpoints.xs,
-            },
-            {
-                check: (width) => width > 767 && width <= 991,
-                name: SkyMediaBreakpoints.sm,
-            },
-            {
-                check: (width) => width > 991 && width <= 1199,
-                name: SkyMediaBreakpoints.md,
-            },
-            {
-                check: (width) => width > 1199,
-                name: SkyMediaBreakpoints.lg,
-            },
-        ]);
-        _SkyResizeObserverMediaQueryService_currentBreakpoint.set(this, DEFAULT_BREAKPOINT);
-        _SkyResizeObserverMediaQueryService_currentBreakpointObs.set(this, new ReplaySubject(1));
-        _SkyResizeObserverMediaQueryService_ngUnsubscribe.set(this, new Subject());
-        _SkyResizeObserverMediaQueryService_resizeObserverSvc.set(this, void 0);
-        _SkyResizeObserverMediaQueryService_target.set(this, void 0);
-        __classPrivateFieldSet(this, _SkyResizeObserverMediaQueryService_resizeObserverSvc, resizeObserverSvc, "f");
-    }
-    ngOnDestroy() {
-        this.unobserve();
-        __classPrivateFieldSet(this, _SkyResizeObserverMediaQueryService_target, undefined, "f");
-        __classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_currentBreakpointObs, "f").complete();
-    }
-    /**
-     * @internal
-     */
-    destroy() {
-        this.ngOnDestroy();
-    }
-    /**
-     * Sets the container element to watch. The `SkyResizeObserverMediaQueryService` will only observe one element at a
-     * time. Any previous subscriptions will be unsubscribed when a new element is observed.
-     */
-    observe(element) {
-        if (__classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_target, "f")) {
-            if (__classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_target, "f") === element) {
-                return this;
-            }
-            this.unobserve();
-        }
-        __classPrivateFieldSet(this, _SkyResizeObserverMediaQueryService_target, element, "f");
-        __classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_instances, "m", _SkyResizeObserverMediaQueryService_checkWidth).call(this, element);
-        __classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_resizeObserverSvc, "f")
-            .observe(element)
-            .pipe(takeUntil(__classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_ngUnsubscribe, "f")))
-            .subscribe((value) => {
-            const breakpoint = __classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_instances, "m", _SkyResizeObserverMediaQueryService_checkBreakpoint).call(this, value.contentRect.width);
-            if (breakpoint && breakpoint !== this.current) {
-                __classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_instances, "m", _SkyResizeObserverMediaQueryService_updateBreakpoint).call(this, breakpoint);
-            }
-        });
-        return this;
-    }
-    /**
-     * Stop watching the container element.
-     */
-    unobserve() {
-        __classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_ngUnsubscribe, "f").next();
-        __classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_ngUnsubscribe, "f").complete();
-    }
-    /**
-     * Subscribes to element size changes that cross breakpoints.
-     */
-    subscribe(listener) {
-        return __classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_currentBreakpointObs, "f")
-            .pipe(takeUntil(__classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_ngUnsubscribe, "f")))
-            .subscribe((value) => {
-            listener(value);
-        });
-    }
-}
-_SkyResizeObserverMediaQueryService_breakpoints = new WeakMap(), _SkyResizeObserverMediaQueryService_currentBreakpoint = new WeakMap(), _SkyResizeObserverMediaQueryService_currentBreakpointObs = new WeakMap(), _SkyResizeObserverMediaQueryService_ngUnsubscribe = new WeakMap(), _SkyResizeObserverMediaQueryService_resizeObserverSvc = new WeakMap(), _SkyResizeObserverMediaQueryService_target = new WeakMap(), _SkyResizeObserverMediaQueryService_instances = new WeakSet(), _SkyResizeObserverMediaQueryService_updateBreakpoint = function _SkyResizeObserverMediaQueryService_updateBreakpoint(breakpoint) {
-    __classPrivateFieldSet(this, _SkyResizeObserverMediaQueryService_currentBreakpoint, breakpoint, "f");
-    __classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_currentBreakpointObs, "f").next(breakpoint);
-}, _SkyResizeObserverMediaQueryService_checkBreakpoint = function _SkyResizeObserverMediaQueryService_checkBreakpoint(width) {
-    const breakpoint = __classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_breakpoints, "f").find((breakpoint) => breakpoint.check(width));
-    return breakpoint ? breakpoint.name : undefined;
-}, _SkyResizeObserverMediaQueryService_checkWidth = function _SkyResizeObserverMediaQueryService_checkWidth(el) {
-    const width = el.nativeElement.offsetWidth || 0;
-    const breakpoint = __classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_instances, "m", _SkyResizeObserverMediaQueryService_checkBreakpoint).call(this, width);
-    if (breakpoint && breakpoint !== __classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_currentBreakpoint, "f")) {
-        __classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_instances, "m", _SkyResizeObserverMediaQueryService_updateBreakpoint).call(this, breakpoint);
-    }
-};
-SkyResizeObserverMediaQueryService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyResizeObserverMediaQueryService, deps: [{ token: SkyResizeObserverService }], target: i0.ɵɵFactoryTarget.Injectable });
-SkyResizeObserverMediaQueryService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyResizeObserverMediaQueryService, providedIn: 'any' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyResizeObserverMediaQueryService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'any',
-                }]
-        }], ctorParameters: function () { return [{ type: SkyResizeObserverService }]; } });
-
-var _SkyScrollableHostService_instances, _SkyScrollableHostService_mutationObserverSvc, _SkyScrollableHostService_windowRef, _SkyScrollableHostService_resizeObserverSvc, _SkyScrollableHostService_findScrollableHost, _SkyScrollableHostService_observeDocumentHiddenElementChanges, _SkyScrollableHostService_observeForScrollableHostChanges, _SkyScrollableHostService_isElementVisible, _SkyScrollableHostService_getViewportSize;
-function notifySubscribers(subscribers, item) {
-    for (const subscriber of subscribers) {
-        subscriber.next(item);
-    }
-}
-class SkyScrollableHostService {
-    constructor(mutationObserverSvc, windowRef, resizeObserverSvc) {
-        _SkyScrollableHostService_instances.add(this);
-        _SkyScrollableHostService_mutationObserverSvc.set(this, void 0);
-        _SkyScrollableHostService_windowRef.set(this, void 0);
-        _SkyScrollableHostService_resizeObserverSvc.set(this, void 0);
-        __classPrivateFieldSet(this, _SkyScrollableHostService_mutationObserverSvc, mutationObserverSvc, "f");
-        __classPrivateFieldSet(this, _SkyScrollableHostService_resizeObserverSvc, resizeObserverSvc, "f");
-        __classPrivateFieldSet(this, _SkyScrollableHostService_windowRef, windowRef, "f");
-    }
-    /**
-     * Returns the given element's current scrollable host
-     * @param elementRef The element whose scrollable host is being requested
-     * @returns The current scrollable host
-     */
-    getScrollableHost(elementRef) {
-        return __classPrivateFieldGet(this, _SkyScrollableHostService_instances, "m", _SkyScrollableHostService_findScrollableHost).call(this, elementRef.nativeElement);
-    }
-    /**
-     * Returns an observable which emits the given element's current scrollable host
-     * @param elementRef The element whose scrollable host is being requested
-     * @returns An observable which emits the current scrollable host element.
-     * @internal
-     */
-    watchScrollableHost(elementRef) {
-        const subscribers = [];
-        let parentMutationObserver;
-        let documentHiddenElementMutationObserver;
-        return new Observable((subscriber) => {
-            subscribers.push(subscriber);
-            let scrollableHost = __classPrivateFieldGet(this, _SkyScrollableHostService_instances, "m", _SkyScrollableHostService_findScrollableHost).call(this, elementRef.nativeElement);
-            // Setup mutation observers only once, for all subscribers.
-            if (subscribers.length === 1) {
-                parentMutationObserver = __classPrivateFieldGet(this, _SkyScrollableHostService_mutationObserverSvc, "f").create(() => {
-                    const newScrollableHost = __classPrivateFieldGet(this, _SkyScrollableHostService_instances, "m", _SkyScrollableHostService_findScrollableHost).call(this, elementRef.nativeElement);
-                    // Reset observer if scrollable host changes.
-                    if (newScrollableHost !== scrollableHost &&
-                        __classPrivateFieldGet(this, _SkyScrollableHostService_instances, "m", _SkyScrollableHostService_isElementVisible).call(this, elementRef)) {
-                        scrollableHost = newScrollableHost;
-                        __classPrivateFieldGet(this, _SkyScrollableHostService_instances, "m", _SkyScrollableHostService_observeForScrollableHostChanges).call(this, scrollableHost, parentMutationObserver);
-                        notifySubscribers(subscribers, scrollableHost);
-                    }
-                });
-                __classPrivateFieldGet(this, _SkyScrollableHostService_instances, "m", _SkyScrollableHostService_observeForScrollableHostChanges).call(this, scrollableHost, parentMutationObserver);
-                documentHiddenElementMutationObserver =
-                    __classPrivateFieldGet(this, _SkyScrollableHostService_mutationObserverSvc, "f").create(() => {
-                        if (scrollableHost && !__classPrivateFieldGet(this, _SkyScrollableHostService_instances, "m", _SkyScrollableHostService_isElementVisible).call(this, elementRef)) {
-                            // If the scrollable host is not visible, set it to undefined and unsubscribe from its mutation changes.
-                            // Then, observe the document element so that a new scrollable host can be found.
-                            scrollableHost = undefined;
-                            __classPrivateFieldGet(this, _SkyScrollableHostService_instances, "m", _SkyScrollableHostService_observeForScrollableHostChanges).call(this, scrollableHost, parentMutationObserver);
-                            notifySubscribers(subscribers, scrollableHost);
-                        }
-                    });
-                __classPrivateFieldGet(this, _SkyScrollableHostService_instances, "m", _SkyScrollableHostService_observeDocumentHiddenElementChanges).call(this, documentHiddenElementMutationObserver);
-            }
-            // Emit the scrollable host to the subscriber.
-            subscriber.next(scrollableHost);
-            // Teardown callback for the subscription.
-            subscriber.add(() => {
-                const subIndex = subscribers.indexOf(subscriber);
-                /* istanbul ignore else */
-                if (subIndex >= 0) {
-                    subscribers.splice(subIndex, 1);
-                }
-                if (subscribers.length === 0) {
-                    documentHiddenElementMutationObserver.disconnect();
-                    parentMutationObserver.disconnect();
-                }
-            });
-        });
-    }
-    /**
-     * Returns an observable which emits whenever the element's scrollable host emits a scroll event. The observable will always emit the scroll events from the elements current scrollable host and will update based on any scrollable host changes. The observable will also emit once whenever the scrollable host changes.
-     * @param elementRef The element whose scrollable host scroll events are being requested
-     * @returns An observable which emits when the elements scrollable host is scrolled or is changed
-     */
-    watchScrollableHostScrollEvents(elementRef) {
-        const subscribers = [];
-        let scrollableHost;
-        let newScrollableHostObservable = new Subject();
-        let scrollableHostSubscription;
-        let scrollEventSubscription;
-        return new Observable((subscriber) => {
-            subscribers.push(subscriber);
-            // Setup mutation observers only once, for all subscribers.
-            if (subscribers.length === 1) {
-                scrollableHostSubscription = this.watchScrollableHost(elementRef).subscribe((newScrollableHost) => {
-                    newScrollableHostObservable.next();
-                    newScrollableHostObservable.complete();
-                    if (scrollableHost && scrollableHost !== newScrollableHost) {
-                        notifySubscribers(subscribers);
-                    }
-                    scrollableHost = newScrollableHost;
-                    newScrollableHostObservable = new Subject();
-                    // Only subscribe to scroll events if the host element is defined.
-                    /* istanbul ignore else */
-                    if (newScrollableHost) {
-                        scrollEventSubscription = fromEvent(newScrollableHost, 'scroll')
-                            .pipe(takeUntil(newScrollableHostObservable))
-                            .subscribe(() => {
-                            notifySubscribers(subscribers);
-                        });
-                    }
-                });
-            }
-            // Teardown callback for the subscription.
-            subscriber.add(() => {
-                const subIndex = subscribers.indexOf(subscriber);
-                /* istanbul ignore else */
-                if (subIndex >= 0) {
-                    subscribers.splice(subIndex, 1);
-                }
-                if (subscribers.length === 0) {
-                    scrollableHostSubscription.unsubscribe();
-                    scrollEventSubscription.unsubscribe();
-                    newScrollableHostObservable.complete();
-                }
-            });
-        });
-    }
-    watchScrollableHostClipPathChanges(elementRef) {
-        if (!__classPrivateFieldGet(this, _SkyScrollableHostService_resizeObserverSvc, "f")) {
-            return of('none');
-        }
-        return this.watchScrollableHost(elementRef).pipe(switchMap((scrollableHost) => {
-            if (!__classPrivateFieldGet(this, _SkyScrollableHostService_resizeObserverSvc, "f") ||
-                !scrollableHost ||
-                scrollableHost === __classPrivateFieldGet(this, _SkyScrollableHostService_windowRef, "f").nativeWindow) {
-                return of('none');
-            }
-            return concat([
-                of(undefined),
-                __classPrivateFieldGet(this, _SkyScrollableHostService_resizeObserverSvc, "f").observe({ nativeElement: scrollableHost }),
-            ]).pipe(debounceTime(0, animationFrameScheduler), map(() => {
-                const viewportSize = __classPrivateFieldGet(this, _SkyScrollableHostService_instances, "m", _SkyScrollableHostService_getViewportSize).call(this);
-                const { top, left, width, height } = scrollableHost.getBoundingClientRect();
-                const right = Math.max(viewportSize.width - left - width, 0);
-                const bottom = Math.max(viewportSize.height - top - height, 0);
-                return `inset(${top}px ${right}px ${bottom}px ${left}px)`;
-            }));
-        }));
-    }
-}
-_SkyScrollableHostService_mutationObserverSvc = new WeakMap(), _SkyScrollableHostService_windowRef = new WeakMap(), _SkyScrollableHostService_resizeObserverSvc = new WeakMap(), _SkyScrollableHostService_instances = new WeakSet(), _SkyScrollableHostService_findScrollableHost = function _SkyScrollableHostService_findScrollableHost(element) {
-    const regex = /(auto|scroll)/;
-    const windowObj = __classPrivateFieldGet(this, _SkyScrollableHostService_windowRef, "f").nativeWindow;
-    const bodyObj = windowObj.document.body;
-    if (!element) {
-        return windowObj;
-    }
-    let style = windowObj.getComputedStyle(element);
-    let parent = element;
-    do {
-        parent = parent.parentNode;
-        // Return `window` if the parent element has been removed from the DOM.
-        if (!(parent instanceof HTMLElement)) {
-            return windowObj;
-        }
-        style = windowObj.getComputedStyle(parent);
-    } while (!regex.test(style.overflow) &&
-        !regex.test(style.overflowY) &&
-        parent !== bodyObj);
-    if (parent === bodyObj) {
-        return windowObj;
-    }
-    return parent;
-}, _SkyScrollableHostService_observeDocumentHiddenElementChanges = function _SkyScrollableHostService_observeDocumentHiddenElementChanges(mutationObserver) {
-    mutationObserver.observe(document.documentElement, {
-        attributes: true,
-        attributeFilter: ['class', 'style', 'hidden'],
-        childList: true,
-        subtree: true,
-    });
-}, _SkyScrollableHostService_observeForScrollableHostChanges = function _SkyScrollableHostService_observeForScrollableHostChanges(element, mutationObserver) {
-    mutationObserver.disconnect();
-    const target = element instanceof HTMLElement ? element : document.documentElement;
-    mutationObserver.observe(target, {
-        attributes: true,
-        attributeFilter: ['class', 'style'],
-        childList: true,
-        subtree: true,
-    });
-}, _SkyScrollableHostService_isElementVisible = function _SkyScrollableHostService_isElementVisible(elementRef) {
-    var _a;
-    return !!((_a = elementRef.nativeElement) === null || _a === void 0 ? void 0 : _a.offsetParent);
-}, _SkyScrollableHostService_getViewportSize = function _SkyScrollableHostService_getViewportSize() {
-    const win = __classPrivateFieldGet(this, _SkyScrollableHostService_windowRef, "f").nativeWindow;
-    const docElem = win.document.documentElement;
-    return {
-        width: docElem.clientWidth,
-        height: docElem.clientHeight,
-    };
-};
-SkyScrollableHostService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyScrollableHostService, deps: [{ token: SkyMutationObserverService }, { token: SkyAppWindowRef }, { token: SkyResizeObserverService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-SkyScrollableHostService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyScrollableHostService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyScrollableHostService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () {
-        return [{ type: SkyMutationObserverService }, { type: SkyAppWindowRef }, { type: SkyResizeObserverService, decorators: [{
-                        type: Optional
-                    }] }];
-    } });
-
-var _SkyAppTitleService_title;
-/**
- * Provides a method for setting a formatted title on the current window.
- */
-class SkyAppTitleService {
-    constructor(title) {
-        _SkyAppTitleService_title.set(this, void 0);
-        __classPrivateFieldSet(this, _SkyAppTitleService_title, title, "f");
-    }
-    /**
-     * 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.
-     */
-    setTitle(args) {
-        if (args === null || args === void 0 ? void 0 : args.titleParts) {
-            __classPrivateFieldGet(this, _SkyAppTitleService_title, "f").setTitle(args.titleParts.join(' - '));
-        }
-    }
-}
-_SkyAppTitleService_title = new WeakMap();
-SkyAppTitleService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAppTitleService, deps: [{ token: i1$1.Title }], target: i0.ɵɵFactoryTarget.Injectable });
-SkyAppTitleService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAppTitleService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyAppTitleService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () { return [{ type: i1$1.Title }]; } });
-
-var _SkyTrimDirective_instances, _SkyTrimDirective_elRef, _SkyTrimDirective_obs, _SkyTrimDirective_observe, _SkyTrimDirective_disconnect, _SkyTrimDirective_trim;
-/**
- * Trims whitespace in each text node that is a direct descendent of the current element.
- */
-class SkyTrimDirective {
-    constructor(elRef, mutationObs) {
-        _SkyTrimDirective_instances.add(this);
-        _SkyTrimDirective_elRef.set(this, void 0);
-        _SkyTrimDirective_obs.set(this, void 0);
-        __classPrivateFieldSet(this, _SkyTrimDirective_elRef, elRef, "f");
-        __classPrivateFieldSet(this, _SkyTrimDirective_obs, mutationObs.create((mutations) => {
-            const nodes = [];
-            // Only trim white space inside direct descendants of the current element.
-            for (const mutation of mutations) {
-                if (mutation.target.parentNode === elRef.nativeElement) {
-                    nodes.push(mutation.target);
-                }
-            }
-            __classPrivateFieldGet(this, _SkyTrimDirective_instances, "m", _SkyTrimDirective_trim).call(this, nodes);
-        }), "f");
-        __classPrivateFieldGet(this, _SkyTrimDirective_instances, "m", _SkyTrimDirective_observe).call(this);
-    }
-    ngOnInit() {
-        const el = __classPrivateFieldGet(this, _SkyTrimDirective_elRef, "f").nativeElement;
-        __classPrivateFieldGet(this, _SkyTrimDirective_instances, "m", _SkyTrimDirective_trim).call(this, Array.from(el.childNodes));
-    }
-    ngOnDestroy() {
-        __classPrivateFieldGet(this, _SkyTrimDirective_instances, "m", _SkyTrimDirective_disconnect).call(this);
-    }
-}
-_SkyTrimDirective_elRef = new WeakMap(), _SkyTrimDirective_obs = new WeakMap(), _SkyTrimDirective_instances = new WeakSet(), _SkyTrimDirective_observe = function _SkyTrimDirective_observe() {
-    __classPrivateFieldGet(this, _SkyTrimDirective_obs, "f").observe(__classPrivateFieldGet(this, _SkyTrimDirective_elRef, "f").nativeElement, {
-        characterData: true,
-        subtree: true,
-    });
-}, _SkyTrimDirective_disconnect = function _SkyTrimDirective_disconnect() {
-    __classPrivateFieldGet(this, _SkyTrimDirective_obs, "f").disconnect();
-}, _SkyTrimDirective_trim = function _SkyTrimDirective_trim(nodes) {
-    // Suspend the MutationObserver so altering the text content of each node
-    // doesn't retrigger the observe callback.
-    __classPrivateFieldGet(this, _SkyTrimDirective_instances, "m", _SkyTrimDirective_disconnect).call(this);
-    for (const node of nodes) {
-        if (node.nodeType === Node.TEXT_NODE && node.textContent) {
-            const textContent = node.textContent;
-            const textContentTrimmed = textContent.trim();
-            if (textContent !== textContentTrimmed) {
-                node.textContent = textContentTrimmed;
-            }
-        }
-    }
-    __classPrivateFieldGet(this, _SkyTrimDirective_instances, "m", _SkyTrimDirective_observe).call(this);
-};
-SkyTrimDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyTrimDirective, deps: [{ token: i0.ElementRef }, { token: SkyMutationObserverService }], target: i0.ɵɵFactoryTarget.Directive });
-SkyTrimDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: SkyTrimDirective, selector: "[skyTrim]", ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyTrimDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[skyTrim]',
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: SkyMutationObserverService }]; } });
-
-class SkyTrimModule {
-}
-SkyTrimModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyTrimModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyTrimModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyTrimModule, declarations: [SkyTrimDirective], exports: [SkyTrimDirective] });
-SkyTrimModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyTrimModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyTrimModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [SkyTrimDirective],
-                    exports: [SkyTrimDirective],
-                }]
-        }] });
-
-class SkyUIConfigService {
-    getConfig(key, defaultConfig) {
-        return of(defaultConfig);
-    }
-    /* istanbul ignore next */
-    setConfig(key, value) {
-        return of({});
-    }
-}
-SkyUIConfigService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyUIConfigService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-SkyUIConfigService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyUIConfigService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyUIConfigService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }] });
-
-class SkyViewkeeperHostOptions {
-}
-SkyViewkeeperHostOptions.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyViewkeeperHostOptions, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-SkyViewkeeperHostOptions.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyViewkeeperHostOptions });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyViewkeeperHostOptions, decorators: [{
-            type: Injectable
-        }] });
-
-var _SkyViewkeeper_instances, _SkyViewkeeper_boundaryEl, _SkyViewkeeper_el, _SkyViewkeeper_id, _SkyViewkeeper_setWidth, _SkyViewkeeper_verticalOffset, _SkyViewkeeper_verticalOffsetEl, _SkyViewkeeper_viewportMarginTop, _SkyViewkeeper_currentElFixedLeft, _SkyViewkeeper_currentElFixedTop, _SkyViewkeeper_currentElFixedWidth, _SkyViewkeeper_currentElClipLeft, _SkyViewkeeper_currentElClipTop, _SkyViewkeeper_isDestroyed, _SkyViewkeeper_scrollableHost, _SkyViewkeeper_syncElPositionHandler, _SkyViewkeeper_intersectionObserver, _SkyViewkeeper_getSpacerId, _SkyViewkeeper_unfixEl, _SkyViewkeeper_calculateVerticalOffset, _SkyViewkeeper_shouldFixEl, _SkyViewkeeper_getFixedStyles, _SkyViewkeeper_needsUpdating, _SkyViewkeeper_fixEl, _SkyViewkeeper_getBoundaryInfo;
-const CLS_VIEWKEEPER_FIXED = 'sky-viewkeeper-fixed';
-const EVT_AFTER_VIEWKEEPER_SYNC = 'afterViewkeeperSync';
-let styleEl;
-let nextIdIndex;
-function ensureStyleEl() {
-    if (!styleEl) {
-        styleEl = document.createElement('style');
-        const css = document.createTextNode(`
-.${CLS_VIEWKEEPER_FIXED} {
-  position: fixed !important;
-  z-index: 999;
-  opacity: 0.95;
-  overflow: hidden;
-}
-
-.sky-theme-modern .${CLS_VIEWKEEPER_FIXED} {
-  box-shadow: 0px 1px 8px -1px rgba(0, 0, 0, 0.3);
-  opacity: initial;
-}
-`);
-        styleEl.appendChild(css);
-        document.head.appendChild(styleEl);
-    }
-}
-function nextId() {
-    nextIdIndex = (nextIdIndex || 0) + 1;
-    return 'viewkeeper-' + nextIdIndex;
-}
-function getOffset(el, scrollableHost) {
-    const rect = el.getBoundingClientRect();
-    const parent = scrollableHost ? scrollableHost : document.documentElement;
-    return {
-        top: rect.top + parent.scrollTop,
-        left: rect.left + parent.scrollLeft,
-    };
-}
-function px(value) {
-    let pxValue = value ? value.toString() : '';
-    if (typeof value === 'number') {
-        pxValue = value + 'px';
-    }
-    return pxValue;
-}
-function setElPosition(el, left, top, width, marginTop, clipTop, clipLeft) {
-    el.style.top = px(top);
-    el.style.left = px(left);
-    el.style.marginTop = px(marginTop);
-    el.style.clipPath =
-        clipTop || clipLeft ? `inset(${px(clipTop)} 0 0 ${px(clipLeft)})` : 'none';
-    /*istanbul ignore else*/
-    /* sanity check */
-    if (width !== null) {
-        el.style.width = px(width);
-    }
-}
-function getHeightWithMargin(el) {
-    const computedStyle = getComputedStyle(el);
-    return (el.offsetHeight +
-        parseInt(computedStyle.marginTop, 10) +
-        parseInt(computedStyle.marginBottom, 10));
-}
-function createCustomEvent(name) {
-    const evt = document.createEvent('CustomEvent');
-    evt.initCustomEvent(name, false, false, undefined);
-    return evt;
-}
-class SkyViewkeeper {
-    constructor(options) {
-        var _a;
-        _SkyViewkeeper_instances.add(this);
-        _SkyViewkeeper_boundaryEl.set(this, void 0);
-        _SkyViewkeeper_el.set(this, void 0);
-        _SkyViewkeeper_id.set(this, void 0);
-        _SkyViewkeeper_setWidth.set(this, void 0);
-        _SkyViewkeeper_verticalOffset.set(this, void 0);
-        _SkyViewkeeper_verticalOffsetEl.set(this, void 0);
-        _SkyViewkeeper_viewportMarginTop.set(this, 0);
-        _SkyViewkeeper_currentElFixedLeft.set(this, void 0);
-        _SkyViewkeeper_currentElFixedTop.set(this, void 0);
-        _SkyViewkeeper_currentElFixedWidth.set(this, void 0);
-        _SkyViewkeeper_currentElClipLeft.set(this, void 0);
-        _SkyViewkeeper_currentElClipTop.set(this, void 0);
-        _SkyViewkeeper_isDestroyed.set(this, false);
-        _SkyViewkeeper_scrollableHost.set(this, void 0);
-        _SkyViewkeeper_syncElPositionHandler.set(this, void 0);
-        _SkyViewkeeper_intersectionObserver.set(this, void 0);
-        options = options || /* istanbul ignore next */ {};
-        __classPrivateFieldSet(this, _SkyViewkeeper_el, options.el, "f");
-        __classPrivateFieldSet(this, _SkyViewkeeper_boundaryEl, options.boundaryEl, "f");
-        if (!__classPrivateFieldGet(this, _SkyViewkeeper_el, "f")) {
-            throw new Error('[SkyViewkeeper] The option `el` is required.');
-        }
-        if (!__classPrivateFieldGet(this, _SkyViewkeeper_boundaryEl, "f")) {
-            throw new Error('[SkyViewkeeper] The option `boundaryEl` is required.');
-        }
-        const el = __classPrivateFieldGet(this, _SkyViewkeeper_el, "f");
-        const boundaryEl = __classPrivateFieldGet(this, _SkyViewkeeper_boundaryEl, "f");
-        __classPrivateFieldSet(this, _SkyViewkeeper_setWidth, !!options.setWidth, "f");
-        __classPrivateFieldSet(this, _SkyViewkeeper_id, nextId(), "f");
-        __classPrivateFieldSet(this, _SkyViewkeeper_scrollableHost, options.scrollableHost, "f");
-        __classPrivateFieldSet(this, _SkyViewkeeper_verticalOffset, options.verticalOffset || 0, "f");
-        __classPrivateFieldSet(this, _SkyViewkeeper_verticalOffsetEl, options.verticalOffsetEl, "f");
-        // Only set viewport margin if the scrollable host is undefined.
-        if (!__classPrivateFieldGet(this, _SkyViewkeeper_scrollableHost, "f")) {
-            __classPrivateFieldSet(this, _SkyViewkeeper_viewportMarginTop, (_a = options.viewportMarginTop) !== null && _a !== void 0 ? _a : 0, "f");
-        }
-        __classPrivateFieldSet(this, _SkyViewkeeper_syncElPositionHandler, () => this.syncElPosition(el, boundaryEl), "f");
-        if (__classPrivateFieldGet(this, _SkyViewkeeper_verticalOffsetEl, "f")) {
-            __classPrivateFieldGet(this, _SkyViewkeeper_verticalOffsetEl, "f").addEventListener(EVT_AFTER_VIEWKEEPER_SYNC, __classPrivateFieldGet(this, _SkyViewkeeper_syncElPositionHandler, "f"));
-        }
-        window.addEventListener('scroll', __classPrivateFieldGet(this, _SkyViewkeeper_syncElPositionHandler, "f"), true);
-        window.addEventListener('resize', __classPrivateFieldGet(this, _SkyViewkeeper_syncElPositionHandler, "f"));
-        window.addEventListener('orientationchange', __classPrivateFieldGet(this, _SkyViewkeeper_syncElPositionHandler, "f"));
-        ensureStyleEl();
-        this.syncElPosition(el, boundaryEl);
-    }
-    syncElPosition(el, boundaryEl) {
-        const verticalOffset = __classPrivateFieldGet(this, _SkyViewkeeper_instances, "m", _SkyViewkeeper_calculateVerticalOffset).call(this);
-        // When the element isn't visible, its size can't be calculated, so don't attempt syncing position in this case.
-        if (el.offsetWidth === 0 && el.offsetHeight === 0) {
-            return;
-        }
-        const boundaryInfo = __classPrivateFieldGet(this, _SkyViewkeeper_instances, "m", _SkyViewkeeper_getBoundaryInfo).call(this, el, boundaryEl);
-        const fixedStyles = __classPrivateFieldGet(this, _SkyViewkeeper_instances, "m", _SkyViewkeeper_getFixedStyles).call(this, boundaryInfo, verticalOffset);
-        const doFixEl = __classPrivateFieldGet(this, _SkyViewkeeper_instances, "m", _SkyViewkeeper_shouldFixEl).call(this, el, boundaryInfo, verticalOffset);
-        if (__classPrivateFieldGet(this, _SkyViewkeeper_instances, "m", _SkyViewkeeper_needsUpdating).call(this, doFixEl, fixedStyles)) {
-            if (doFixEl) {
-                __classPrivateFieldGet(this, _SkyViewkeeper_instances, "m", _SkyViewkeeper_fixEl).call(this, el, boundaryInfo, fixedStyles);
-            }
-            else {
-                __classPrivateFieldGet(this, _SkyViewkeeper_instances, "m", _SkyViewkeeper_unfixEl).call(this, el);
-            }
-        }
-        const evt = createCustomEvent(EVT_AFTER_VIEWKEEPER_SYNC);
-        el.dispatchEvent(evt);
-    }
-    destroy() {
-        var _a;
-        if (!__classPrivateFieldGet(this, _SkyViewkeeper_isDestroyed, "f")) {
-            (_a = __classPrivateFieldGet(this, _SkyViewkeeper_intersectionObserver, "f")) === null || _a === void 0 ? void 0 : _a.disconnect();
-            window.removeEventListener('scroll', __classPrivateFieldGet(this, _SkyViewkeeper_syncElPositionHandler, "f"), true);
-            window.removeEventListener('resize', __classPrivateFieldGet(this, _SkyViewkeeper_syncElPositionHandler, "f"));
-            window.removeEventListener('orientationchange', __classPrivateFieldGet(this, _SkyViewkeeper_syncElPositionHandler, "f"));
-            if (__classPrivateFieldGet(this, _SkyViewkeeper_el, "f")) {
-                __classPrivateFieldGet(this, _SkyViewkeeper_instances, "m", _SkyViewkeeper_unfixEl).call(this, __classPrivateFieldGet(this, _SkyViewkeeper_el, "f"));
-            }
-            if (__classPrivateFieldGet(this, _SkyViewkeeper_verticalOffsetEl, "f")) {
-                __classPrivateFieldGet(this, _SkyViewkeeper_verticalOffsetEl, "f").removeEventListener(EVT_AFTER_VIEWKEEPER_SYNC, __classPrivateFieldGet(this, _SkyViewkeeper_syncElPositionHandler, "f"));
-            }
-            __classPrivateFieldSet(this, _SkyViewkeeper_el, __classPrivateFieldSet(this, _SkyViewkeeper_boundaryEl, __classPrivateFieldSet(this, _SkyViewkeeper_verticalOffsetEl, undefined, "f"), "f"), "f");
-            __classPrivateFieldSet(this, _SkyViewkeeper_isDestroyed, true, "f");
-        }
-    }
-}
-_SkyViewkeeper_boundaryEl = new WeakMap(), _SkyViewkeeper_el = new WeakMap(), _SkyViewkeeper_id = new WeakMap(), _SkyViewkeeper_setWidth = new WeakMap(), _SkyViewkeeper_verticalOffset = new WeakMap(), _SkyViewkeeper_verticalOffsetEl = new WeakMap(), _SkyViewkeeper_viewportMarginTop = new WeakMap(), _SkyViewkeeper_currentElFixedLeft = new WeakMap(), _SkyViewkeeper_currentElFixedTop = new WeakMap(), _SkyViewkeeper_currentElFixedWidth = new WeakMap(), _SkyViewkeeper_currentElClipLeft = new WeakMap(), _SkyViewkeeper_currentElClipTop = new WeakMap(), _SkyViewkeeper_isDestroyed = new WeakMap(), _SkyViewkeeper_scrollableHost = new WeakMap(), _SkyViewkeeper_syncElPositionHandler = new WeakMap(), _SkyViewkeeper_intersectionObserver = new WeakMap(), _SkyViewkeeper_instances = new WeakSet(), _SkyViewkeeper_getSpacerId = function _SkyViewkeeper_getSpacerId() {
-    return __classPrivateFieldGet(this, _SkyViewkeeper_id, "f") + '-spacer';
-}, _SkyViewkeeper_unfixEl = function _SkyViewkeeper_unfixEl(el) {
-    const spacerEl = document.getElementById(__classPrivateFieldGet(this, _SkyViewkeeper_instances, "m", _SkyViewkeeper_getSpacerId).call(this));
-    /*istanbul ignore else*/
-    if (spacerEl === null || spacerEl === void 0 ? void 0 : spacerEl.parentElement) {
-        spacerEl.parentElement.removeChild(spacerEl);
-    }
-    el.classList.remove(CLS_VIEWKEEPER_FIXED);
-    __classPrivateFieldSet(this, _SkyViewkeeper_currentElFixedLeft, __classPrivateFieldSet(this, _SkyViewkeeper_currentElFixedTop, __classPrivateFieldSet(this, _SkyViewkeeper_currentElFixedWidth, undefined, "f"), "f"), "f");
-    let width = '';
-    if (__classPrivateFieldGet(this, _SkyViewkeeper_setWidth, "f")) {
-        width = 'auto';
-    }
-    setElPosition(el, '', '', width, '', 0, 0);
-}, _SkyViewkeeper_calculateVerticalOffset = function _SkyViewkeeper_calculateVerticalOffset() {
-    let offset = __classPrivateFieldGet(this, _SkyViewkeeper_verticalOffset, "f");
-    if (__classPrivateFieldGet(this, _SkyViewkeeper_verticalOffsetEl, "f")) {
-        const verticalOffsetElTopStyle = __classPrivateFieldGet(this, _SkyViewkeeper_verticalOffsetEl, "f").style.top;
-        const verticalOffsetElTop = parseInt(verticalOffsetElTopStyle, 10) || 0;
-        offset += __classPrivateFieldGet(this, _SkyViewkeeper_verticalOffsetEl, "f").offsetHeight + verticalOffsetElTop;
-    }
-    else if (__classPrivateFieldGet(this, _SkyViewkeeper_scrollableHost, "f")) {
-        offset += __classPrivateFieldGet(this, _SkyViewkeeper_scrollableHost, "f").getBoundingClientRect().top;
-    }
-    return offset;
-}, _SkyViewkeeper_shouldFixEl = function _SkyViewkeeper_shouldFixEl(el, boundaryInfo, verticalOffset) {
-    let anchorTop;
-    if (boundaryInfo.spacerEl) {
-        anchorTop = getOffset(boundaryInfo.spacerEl, __classPrivateFieldGet(this, _SkyViewkeeper_scrollableHost, "f")).top;
-    }
-    else {
-        anchorTop = getOffset(el, __classPrivateFieldGet(this, _SkyViewkeeper_scrollableHost, "f")).top;
-    }
-    const doFixEl = boundaryInfo.scrollTop + verticalOffset + __classPrivateFieldGet(this, _SkyViewkeeper_viewportMarginTop, "f") >
-        anchorTop;
-    return doFixEl;
-}, _SkyViewkeeper_getFixedStyles = function _SkyViewkeeper_getFixedStyles(boundaryInfo, verticalOffset) {
-    // If the element needs to be fixed, this will calculate its position.  The position
-    // will be 0 (fully visible) unless the user is scrolling the boundary out of view.
-    // In that case, the element should begin to scroll out of view with the
-    // rest of the boundary by setting its top position to a negative value.
-    const elTop = boundaryInfo.boundaryBottom -
-        boundaryInfo.elHeight -
-        boundaryInfo.scrollTop;
-    const elClipTop = elTop < verticalOffset ? verticalOffset - elTop : 0;
-    const elFixedTop = Math.min(elTop, verticalOffset);
-    const elFixedWidth = boundaryInfo.boundaryEl.getBoundingClientRect().width;
-    const elFixedLeft = boundaryInfo.boundaryOffset.left - boundaryInfo.scrollLeft;
-    const elClipLeft = elFixedLeft < 0 ? 0 - elFixedLeft : 0;
-    return {
-        elFixedLeft,
-        elFixedTop,
-        elFixedWidth,
-        elClipLeft,
-        elClipTop,
-    };
-}, _SkyViewkeeper_needsUpdating = function _SkyViewkeeper_needsUpdating(doFixEl, fixedStyles) {
-    if ((doFixEl &&
-        __classPrivateFieldGet(this, _SkyViewkeeper_currentElFixedLeft, "f") === fixedStyles.elFixedLeft &&
-        __classPrivateFieldGet(this, _SkyViewkeeper_currentElFixedTop, "f") === fixedStyles.elFixedTop &&
-        __classPrivateFieldGet(this, _SkyViewkeeper_currentElClipLeft, "f") === fixedStyles.elClipLeft &&
-        __classPrivateFieldGet(this, _SkyViewkeeper_currentElClipTop, "f") === fixedStyles.elClipTop &&
-        __classPrivateFieldGet(this, _SkyViewkeeper_currentElFixedWidth, "f") === fixedStyles.elFixedWidth) ||
-        (!doFixEl &&
-            !(__classPrivateFieldGet(this, _SkyViewkeeper_currentElFixedLeft, "f") !== undefined &&
-                __classPrivateFieldGet(this, _SkyViewkeeper_currentElFixedLeft, "f") !== 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_fixEl = function _SkyViewkeeper_fixEl(el, boundaryInfo, fixedStyles) {
-    /* istanbul ignore else */
-    /* sanity check */
-    if (!boundaryInfo.spacerEl) {
-        const spacerHeight = boundaryInfo.elHeight;
-        const spacerEl = document.createElement('div');
-        spacerEl.id = boundaryInfo.spacerId;
-        spacerEl.style.height = px(spacerHeight);
-        /*istanbul ignore else*/
-        if (el.parentNode) {
-            el.parentNode.insertBefore(spacerEl, el.nextSibling);
-        }
-    }
-    el.classList.add(CLS_VIEWKEEPER_FIXED);
-    __classPrivateFieldSet(this, _SkyViewkeeper_currentElFixedTop, fixedStyles.elFixedTop, "f");
-    __classPrivateFieldSet(this, _SkyViewkeeper_currentElFixedLeft, fixedStyles.elFixedLeft, "f");
-    __classPrivateFieldSet(this, _SkyViewkeeper_currentElClipTop, fixedStyles.elClipTop, "f");
-    __classPrivateFieldSet(this, _SkyViewkeeper_currentElClipLeft, fixedStyles.elClipLeft, "f");
-    __classPrivateFieldSet(this, _SkyViewkeeper_currentElFixedWidth, fixedStyles.elFixedWidth, "f");
-    let width = 0;
-    if (__classPrivateFieldGet(this, _SkyViewkeeper_setWidth, "f")) {
-        width = fixedStyles.elFixedWidth;
-    }
-    setElPosition(el, fixedStyles.elFixedLeft, fixedStyles.elFixedTop, width, __classPrivateFieldGet(this, _SkyViewkeeper_viewportMarginTop, "f"), fixedStyles.elClipTop, fixedStyles.elClipLeft);
-}, _SkyViewkeeper_getBoundaryInfo = function _SkyViewkeeper_getBoundaryInfo(el, boundaryEl) {
-    const spacerId = __classPrivateFieldGet(this, _SkyViewkeeper_instances, "m", _SkyViewkeeper_getSpacerId).call(this);
-    const spacerEl = document.getElementById(spacerId);
-    const boundaryOffset = getOffset(boundaryEl, __classPrivateFieldGet(this, _SkyViewkeeper_scrollableHost, "f"));
-    const boundaryTop = boundaryOffset.top;
-    const boundaryBottom = boundaryTop + boundaryEl.getBoundingClientRect().height;
-    const scrollLeft = __classPrivateFieldGet(this, _SkyViewkeeper_scrollableHost, "f")
-        ? __classPrivateFieldGet(this, _SkyViewkeeper_scrollableHost, "f").scrollLeft
-        : document.documentElement.scrollLeft;
-    const scrollTop = __classPrivateFieldGet(this, _SkyViewkeeper_scrollableHost, "f")
-        ? __classPrivateFieldGet(this, _SkyViewkeeper_scrollableHost, "f").scrollTop
-        : document.documentElement.scrollTop;
-    const elHeight = getHeightWithMargin(el);
-    return {
-        boundaryBottom,
-        boundaryOffset,
-        boundaryEl,
-        elHeight,
-        scrollLeft,
-        scrollTop,
-        spacerId,
-        spacerEl,
-    };
-};
-
-var _SkyViewkeeperService_hostOptions;
-/**
- * Provides methods for creating and destroying viewkeeper instances.
- */
-class SkyViewkeeperService {
-    constructor(hostOptions) {
-        _SkyViewkeeperService_hostOptions.set(this, void 0);
-        __classPrivateFieldSet(this, _SkyViewkeeperService_hostOptions, hostOptions, "f");
-    }
-    /**
-     *
-     * @param options Creates a viewkeeper instance, applying host options where applicable.
-     */
-    create(options) {
-        options = Object.assign({}, __classPrivateFieldGet(this, _SkyViewkeeperService_hostOptions, "f") || {}, options);
-        return new SkyViewkeeper(options);
-    }
-    /**
-     * Destroys a viewkeeper instance.
-     * @param vk Viewkeeper instance to destroy.
-     */
-    destroy(vk) {
-        vk.destroy();
-    }
-}
-_SkyViewkeeperService_hostOptions = new WeakMap();
-SkyViewkeeperService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyViewkeeperService, deps: [{ token: SkyViewkeeperHostOptions, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-SkyViewkeeperService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyViewkeeperService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyViewkeeperService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: function () {
-        return [{ type: SkyViewkeeperHostOptions, decorators: [{
-                        type: Optional
-                    }] }];
-    } });
-
-var _SkyViewkeeperDirective_instances, _SkyViewkeeperDirective__skyViewkeeper, _SkyViewkeeperDirective_currentViewkeeperEls, _SkyViewkeeperDirective_el, _SkyViewkeeperDirective_mutationObserverSvc, _SkyViewkeeperDirective_observer, _SkyViewkeeperDirective_scrollableHostSvc, _SkyViewkeeperDirective_scrollableHostWatchUnsubscribe, _SkyViewkeeperDirective_viewkeepers, _SkyViewkeeperDirective_viewkeeperSvc, _SkyViewkeeperDirective_destroyViewkeepers, _SkyViewkeeperDirective_getViewkeeperEls, _SkyViewkeeperDirective_viewkeeperElsChanged, _SkyViewkeeperDirective_detectElements;
-class SkyViewkeeperDirective {
-    set skyViewkeeper(value) {
-        __classPrivateFieldSet(this, _SkyViewkeeperDirective__skyViewkeeper, value, "f");
-        __classPrivateFieldGet(this, _SkyViewkeeperDirective_instances, "m", _SkyViewkeeperDirective_detectElements).call(this);
-    }
-    get skyViewkeeper() {
-        return __classPrivateFieldGet(this, _SkyViewkeeperDirective__skyViewkeeper, "f");
-    }
-    constructor(el, mutationObserverSvc, viewkeeperSvc, scrollableHostSvc) {
-        _SkyViewkeeperDirective_instances.add(this);
-        _SkyViewkeeperDirective__skyViewkeeper.set(this, void 0);
-        _SkyViewkeeperDirective_currentViewkeeperEls.set(this, void 0);
-        _SkyViewkeeperDirective_el.set(this, void 0);
-        _SkyViewkeeperDirective_mutationObserverSvc.set(this, void 0);
-        _SkyViewkeeperDirective_observer.set(this, void 0);
-        _SkyViewkeeperDirective_scrollableHostSvc.set(this, void 0);
-        _SkyViewkeeperDirective_scrollableHostWatchUnsubscribe.set(this, void 0);
-        _SkyViewkeeperDirective_viewkeepers.set(this, []);
-        _SkyViewkeeperDirective_viewkeeperSvc.set(this, void 0);
-        __classPrivateFieldSet(this, _SkyViewkeeperDirective_el, el, "f");
-        __classPrivateFieldSet(this, _SkyViewkeeperDirective_mutationObserverSvc, mutationObserverSvc, "f");
-        __classPrivateFieldSet(this, _SkyViewkeeperDirective_viewkeeperSvc, viewkeeperSvc, "f");
-        __classPrivateFieldSet(this, _SkyViewkeeperDirective_scrollableHostSvc, scrollableHostSvc, "f");
-    }
-    ngOnInit() {
-        __classPrivateFieldSet(this, _SkyViewkeeperDirective_observer, __classPrivateFieldGet(this, _SkyViewkeeperDirective_mutationObserverSvc, "f").create(() => __classPrivateFieldGet(this, _SkyViewkeeperDirective_instances, "m", _SkyViewkeeperDirective_detectElements).call(this)), "f");
-        __classPrivateFieldGet(this, _SkyViewkeeperDirective_observer, "f").observe(__classPrivateFieldGet(this, _SkyViewkeeperDirective_el, "f").nativeElement, {
-            childList: true,
-            subtree: true,
-        });
-    }
-    ngOnDestroy() {
-        /*istanbul ignore else*/
-        if (__classPrivateFieldGet(this, _SkyViewkeeperDirective_observer, "f")) {
-            __classPrivateFieldGet(this, _SkyViewkeeperDirective_observer, "f").disconnect();
-        }
-        /*istanbul ignore else*/
-        if (__classPrivateFieldGet(this, _SkyViewkeeperDirective_scrollableHostWatchUnsubscribe, "f")) {
-            __classPrivateFieldGet(this, _SkyViewkeeperDirective_scrollableHostWatchUnsubscribe, "f").next();
-            __classPrivateFieldGet(this, _SkyViewkeeperDirective_scrollableHostWatchUnsubscribe, "f").complete();
-        }
-        __classPrivateFieldGet(this, _SkyViewkeeperDirective_instances, "m", _SkyViewkeeperDirective_destroyViewkeepers).call(this);
-    }
-}
-_SkyViewkeeperDirective__skyViewkeeper = new WeakMap(), _SkyViewkeeperDirective_currentViewkeeperEls = new WeakMap(), _SkyViewkeeperDirective_el = new WeakMap(), _SkyViewkeeperDirective_mutationObserverSvc = new WeakMap(), _SkyViewkeeperDirective_observer = new WeakMap(), _SkyViewkeeperDirective_scrollableHostSvc = new WeakMap(), _SkyViewkeeperDirective_scrollableHostWatchUnsubscribe = new WeakMap(), _SkyViewkeeperDirective_viewkeepers = new WeakMap(), _SkyViewkeeperDirective_viewkeeperSvc = new WeakMap(), _SkyViewkeeperDirective_instances = new WeakSet(), _SkyViewkeeperDirective_destroyViewkeepers = function _SkyViewkeeperDirective_destroyViewkeepers() {
-    for (const viewkeeper of __classPrivateFieldGet(this, _SkyViewkeeperDirective_viewkeepers, "f")) {
-        __classPrivateFieldGet(this, _SkyViewkeeperDirective_viewkeeperSvc, "f").destroy(viewkeeper);
-    }
-    __classPrivateFieldSet(this, _SkyViewkeeperDirective_viewkeepers, [], "f");
-}, _SkyViewkeeperDirective_getViewkeeperEls = function _SkyViewkeeperDirective_getViewkeeperEls() {
-    let viewkeeperEls = [];
-    if (this.skyViewkeeper) {
-        viewkeeperEls = [];
-        for (const item of this.skyViewkeeper) {
-            const matchingEls = Array.from(__classPrivateFieldGet(this, _SkyViewkeeperDirective_el, "f").nativeElement.querySelectorAll(item));
-            viewkeeperEls = [...viewkeeperEls, ...matchingEls];
-        }
-    }
-    return viewkeeperEls;
-}, _SkyViewkeeperDirective_viewkeeperElsChanged = function _SkyViewkeeperDirective_viewkeeperElsChanged(viewkeeperEls) {
-    if (!viewkeeperEls !== !__classPrivateFieldGet(this, _SkyViewkeeperDirective_currentViewkeeperEls, "f")) {
-        return true;
-    }
-    if (viewkeeperEls && __classPrivateFieldGet(this, _SkyViewkeeperDirective_currentViewkeeperEls, "f")) {
-        if (viewkeeperEls.length !== __classPrivateFieldGet(this, _SkyViewkeeperDirective_currentViewkeeperEls, "f").length) {
-            return true;
-        }
-        for (let i = 0, n = viewkeeperEls.length; i < n; i++) {
-            if (viewkeeperEls[i] !== __classPrivateFieldGet(this, _SkyViewkeeperDirective_currentViewkeeperEls, "f")[i]) {
-                return true;
-            }
-        }
-    }
-    return false;
-}, _SkyViewkeeperDirective_detectElements = function _SkyViewkeeperDirective_detectElements() {
-    const viewkeeperEls = __classPrivateFieldGet(this, _SkyViewkeeperDirective_instances, "m", _SkyViewkeeperDirective_getViewkeeperEls).call(this);
-    if (__classPrivateFieldGet(this, _SkyViewkeeperDirective_instances, "m", _SkyViewkeeperDirective_viewkeeperElsChanged).call(this, viewkeeperEls)) {
-        if (__classPrivateFieldGet(this, _SkyViewkeeperDirective_scrollableHostWatchUnsubscribe, "f")) {
-            __classPrivateFieldGet(this, _SkyViewkeeperDirective_scrollableHostWatchUnsubscribe, "f").next();
-            __classPrivateFieldGet(this, _SkyViewkeeperDirective_scrollableHostWatchUnsubscribe, "f").complete();
-            __classPrivateFieldSet(this, _SkyViewkeeperDirective_scrollableHostWatchUnsubscribe, new Subject(), "f");
-        }
-        else {
-            __classPrivateFieldSet(this, _SkyViewkeeperDirective_scrollableHostWatchUnsubscribe, new Subject(), "f");
-        }
-        if (__classPrivateFieldGet(this, _SkyViewkeeperDirective_scrollableHostSvc, "f")) {
-            __classPrivateFieldGet(this, _SkyViewkeeperDirective_scrollableHostSvc, "f")
-                .watchScrollableHost(__classPrivateFieldGet(this, _SkyViewkeeperDirective_el, "f"))
-                .pipe(takeUntil(__classPrivateFieldGet(this, _SkyViewkeeperDirective_scrollableHostWatchUnsubscribe, "f")))
-                .subscribe((scrollableHost) => {
-                __classPrivateFieldGet(this, _SkyViewkeeperDirective_instances, "m", _SkyViewkeeperDirective_destroyViewkeepers).call(this);
-                let previousViewkeeperEl;
-                for (const viewkeeperEl of viewkeeperEls) {
-                    __classPrivateFieldGet(this, _SkyViewkeeperDirective_viewkeepers, "f").push(__classPrivateFieldGet(this, _SkyViewkeeperDirective_viewkeeperSvc, "f").create({
-                        boundaryEl: __classPrivateFieldGet(this, _SkyViewkeeperDirective_el, "f").nativeElement,
-                        scrollableHost: scrollableHost instanceof HTMLElement
-                            ? scrollableHost
-                            : undefined,
-                        el: viewkeeperEl,
-                        setWidth: true,
-                        verticalOffsetEl: previousViewkeeperEl,
-                    }));
-                    previousViewkeeperEl = viewkeeperEl;
-                }
-            });
-        }
-        __classPrivateFieldSet(this, _SkyViewkeeperDirective_currentViewkeeperEls, viewkeeperEls, "f");
-    }
-};
-SkyViewkeeperDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyViewkeeperDirective, deps: [{ token: i0.ElementRef }, { token: SkyMutationObserverService }, { token: SkyViewkeeperService }, { token: SkyScrollableHostService, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-SkyViewkeeperDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.9", type: SkyViewkeeperDirective, selector: "[skyViewkeeper]", inputs: { skyViewkeeper: "skyViewkeeper" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyViewkeeperDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[skyViewkeeper]',
-                }]
-        }], ctorParameters: function () {
-        return [{ type: i0.ElementRef }, { type: SkyMutationObserverService }, { type: SkyViewkeeperService }, { type: SkyScrollableHostService, decorators: [{
-                        type: Optional
-                    }] }];
-    }, propDecorators: { skyViewkeeper: [{
-                type: Input
-            }] } });
-
-class SkyViewkeeperModule {
-}
-SkyViewkeeperModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyViewkeeperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyViewkeeperModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyViewkeeperModule, declarations: [SkyViewkeeperDirective], exports: [SkyViewkeeperDirective] });
-SkyViewkeeperModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyViewkeeperModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyViewkeeperModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [SkyViewkeeperDirective],
-                    exports: [SkyViewkeeperDirective],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { NumericOptions, SKY_LOG_LEVEL, SKY_STACKING_CONTEXT, SkyAffixAutoFitContext, SkyAffixModule, SkyAffixService, SkyAffixer, SkyAppFormat, SkyAppTitleService, SkyAppWindowRef, SkyCoreAdapterModule, SkyCoreAdapterService, SkyDefaultInputProvider, SkyDockItem, SkyDockLocation, SkyDockModule, SkyDockService, SkyDynamicComponentLocation, SkyDynamicComponentModule, SkyDynamicComponentService, SkyIdModule, SkyIdService, SkyLayoutHostService, SkyLiveAnnouncerService, SkyLogModule, SkyLogService, SkyMediaBreakpoints, SkyMediaQueryModule, SkyMediaQueryService, SkyMutationObserverService, SkyNumericModule, SkyNumericPipe, SkyNumericService, SkyOverlayInstance, SkyOverlayModule, SkyOverlayService, SkyPercentPipe, SkyPercentPipeModule, SkyResizeObserverMediaQueryService, SkyResizeObserverService, SkyScrollableHostService, SkyTrimModule, SkyUIConfigService, SkyViewkeeperHostOptions, SkyViewkeeperModule, SkyViewkeeperService, getWindow, SkyAffixDirective as λ1, SkyIdDirective as λ2, SkyViewkeeperDirective as λ3, SkyTrimDirective as λ4 };
-//# sourceMappingURL=skyux-core.mjs.map