@skyux/core 5.1.2 → 5.2.2

package/bundles/skyux-core.umd.js

@@ -2,7 +2,7 @@
         typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('rxjs'), require('rxjs/operators'), require('@skyux/i18n'), require('@angular/router'), require('@angular/platform-browser')) :
         typeof define === 'function' && define.amd ? define('@skyux/core', ['exports', '@angular/core', '@angular/common', 'rxjs', 'rxjs/operators', '@skyux/i18n', '@angular/router', '@angular/platform-browser'], factory) :
         (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.skyux = global.skyux || {}, global.skyux.core = {}), global.ng.core, global.ng.common, global.rxjs, global.rxjs.operators, global.i1, global.ng.router, global.ng.platformBrowser));
-}(this, (function (exports, i0, i4, rxjs, operators, i1, i3, i1$1) { 'use strict';
+})(this, (function (exports, i0, i4, rxjs, operators, i1, i3, i1$1) { 'use strict';
 
         function _interopNamespace(e) {
                 if (e && e.__esModule) return e;
@@ -13,14 +13,12 @@
                                         var d = Object.getOwnPropertyDescriptor(e, k);
                                         Object.defineProperty(n, k, d.get ? d : {
                                                 enumerable: true,
-                                                get: function () {
-                                                        return e[k];
-                                                }
+                                                get: function () { return e[k]; }
                                         });
                                 }
                         });
                 }
-                n['default'] = e;
+                n["default"] = e;
                 return Object.freeze(n);
         }
 
@@ -39,10 +37,10 @@
             }
             return SkyCoreAdapterModule;
         }());
-        SkyCoreAdapterModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyCoreAdapterModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-        SkyCoreAdapterModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyCoreAdapterModule });
-        SkyCoreAdapterModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyCoreAdapterModule });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyCoreAdapterModule, decorators: [{
+        SkyCoreAdapterModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyCoreAdapterModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+        SkyCoreAdapterModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyCoreAdapterModule });
+        SkyCoreAdapterModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyCoreAdapterModule });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyCoreAdapterModule, decorators: [{
                     type: i0.NgModule,
                     args: [{}]
                 }] });
@@ -78,7 +76,7 @@
             'object',
             'embed',
             '*[contenteditable=true]:not([disabled])',
-            '*[tabindex]:not([disabled])'
+            '*[tabindex]:not([disabled])',
         ].join(', ');
         var SkyCoreAdapterService = /** @class */ (function () {
             function SkyCoreAdapterService(rendererFactory) {
@@ -164,7 +162,8 @@
                 var containerElement = elementRef.nativeElement.querySelector(containerSelector);
                 var focusableChildren = this.getFocusableChildren(containerElement);
                 // Focus first focusable child if available. Otherwise, set focus on container.
-                if (!this.focusFirstElement(focusableChildren) && focusOnContainerIfNoChildrenFound) {
+                if (!this.focusFirstElement(focusableChildren) &&
+                    focusOnContainerIfNoChildrenFound) {
                     containerElement.focus();
                 }
             };
@@ -275,12 +274,12 @@
             };
             return SkyCoreAdapterService;
         }());
-        SkyCoreAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyCoreAdapterService, deps: [{ token: i0__namespace.RendererFactory2 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-        SkyCoreAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyCoreAdapterService, providedIn: 'root' });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyCoreAdapterService, decorators: [{
+        SkyCoreAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyCoreAdapterService, deps: [{ token: i0__namespace.RendererFactory2 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+        SkyCoreAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyCoreAdapterService, providedIn: 'root' });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyCoreAdapterService, decorators: [{
                     type: i0.Injectable,
                     args: [{
-                            providedIn: 'root'
+                            providedIn: 'root',
                         }]
                 }], ctorParameters: function () { return [{ type: i0__namespace.RendererFactory2 }]; } });
 
@@ -297,12 +296,7 @@
         })(exports.SkyAffixAutoFitContext || (exports.SkyAffixAutoFitContext = {}));
 
         function getNextPlacement(placement) {
-            var placements = [
-                'above',
-                'right',
-                'below',
-                'left'
-            ];
+            var placements = ['above', 'right', 'below', 'left'];
             var index = placements.indexOf(placement) + 1;
             if (index >= placements.length) {
                 index = 0;
@@ -314,7 +308,7 @@
                 above: 'below',
                 below: 'above',
                 right: 'left',
-                left: 'right'
+                left: 'right',
             };
             return pairings[placement];
         }
@@ -355,7 +349,7 @@
                 bottom: bottom,
                 left: left,
                 right: right,
-                top: top
+                top: top,
             };
         }
         function getOverflowParents(child) {
@@ -367,8 +361,7 @@
                 parentElement instanceof HTMLElement) {
                 var overflowY = window
                     .getComputedStyle(parentElement, undefined)
-                    .overflowY
-                    .toLowerCase();
+                    .overflowY.toLowerCase();
                 if (overflowY === 'auto' ||
                     overflowY === 'hidden' ||
                     overflowY === 'scroll') {
@@ -403,7 +396,7 @@
             enableAutoFit: false,
             horizontalAlignment: 'center',
             isSticky: false,
-            placement: 'above'
+            placement: 'above',
         };
         var SkyAffixer = /** @class */ (function () {
             function SkyAffixer(affixedElement, renderer) {
@@ -497,7 +490,8 @@
                 this._overflowScroll.complete();
                 this._offsetChange =
                     this._placementChange =
-                        this._overflowScroll = undefined;
+                        this._overflowScroll =
+                            undefined;
             };
             SkyAffixer.prototype.affix = function () {
                 this.baseRect = this.baseElement.getBoundingClientRect();
@@ -523,9 +517,10 @@
                         break;
                     }
                     if (!isAffixedElementFullyVisible) {
-                        placement = (attempts % 2 === 0)
-                            ? getInversePlacement(placement)
-                            : getNextPlacement(placement);
+                        placement =
+                            attempts % 2 === 0
+                                ? getInversePlacement(placement)
+                                : getNextPlacement(placement);
                     }
                     attempts++;
                 } while (!isAffixedElementFullyVisible && attempts < maxAttempts);
@@ -562,7 +557,7 @@
                                 top = top + affixedRect.height;
                                 break;
                             case 'middle':
-                                top = top + (affixedRect.height / 2);
+                                top = top + affixedRect.height / 2;
                                 break;
                             case 'bottom':
                             default:
@@ -576,7 +571,7 @@
                             default:
                                 break;
                             case 'middle':
-                                top = top - (affixedRect.height / 2);
+                                top = top - affixedRect.height / 2;
                                 break;
                             case 'bottom':
                                 top = top - affixedRect.height;
@@ -589,7 +584,7 @@
                             break;
                         case 'center':
                         default:
-                            left = baseRect.left + (baseRect.width / 2) - (affixedRect.width / 2);
+                            left = baseRect.left + baseRect.width / 2 - affixedRect.width / 2;
                             break;
                         case 'right':
                             left = baseRect.right - affixedRect.width;
@@ -609,7 +604,7 @@
                             break;
                         case 'middle':
                         default:
-                            top = baseRect.top + (baseRect.height / 2) - (affixedRect.height / 2);
+                            top = baseRect.top + baseRect.height / 2 - affixedRect.height / 2;
                             break;
                         case 'bottom':
                             top = baseRect.bottom - affixedRect.height;
@@ -685,7 +680,7 @@
             };
             SkyAffixer.prototype.getAutoFitContextParent = function () {
                 var bodyElement = this.overflowParents[0];
-                return (this.config.autoFitContext === exports.SkyAffixAutoFitContext.OverflowParent)
+                return this.config.autoFitContext === exports.SkyAffixAutoFitContext.OverflowParent
                     ? this.getImmediateOverflowParent()
                     : bodyElement;
             };
@@ -693,7 +688,7 @@
                 if (this.currentPlacement !== placement) {
                     this.currentPlacement = placement;
                     this._placementChange.next({
-                        placement: placement
+                        placement: placement,
                     });
                 }
             };
@@ -706,7 +701,8 @@
                             this.baseRect =
                                 this.currentPlacement =
                                     this.currentOffset =
-                                        this.overflowParents = undefined;
+                                        this.overflowParents =
+                                            undefined;
             };
             SkyAffixer.prototype.isNewOffset = function (offset) {
                 if (this.currentOffset === undefined) {
@@ -725,13 +721,13 @@
                     top: this.baseRect.top,
                     left: this.baseRect.left,
                     right: this.baseRect.right,
-                    bottom: this.baseRect.bottom
+                    bottom: this.baseRect.bottom,
                 }, this.config.autoFitOverflowOffset);
             };
             SkyAffixer.prototype.addScrollListeners = function () {
                 var _this = this;
                 this.scrollListeners = this.overflowParents.map(function (parentElement) {
-                    var overflow = (parentElement === document.body) ? 'window' : parentElement;
+                    var overflow = parentElement === document.body ? 'window' : parentElement;
                     return _this.renderer.listen(overflow, 'scroll', function () {
                         _this.affix();
                         _this._overflowScroll.next();
@@ -740,8 +736,7 @@
             };
             SkyAffixer.prototype.addResizeListener = function () {
                 var _this = this;
-                this.resizeListener = rxjs.fromEvent(window, 'resize')
-                    .subscribe(function () { return _this.affix(); });
+                this.resizeListener = rxjs.fromEvent(window, 'resize').subscribe(function () { return _this.affix(); });
             };
             SkyAffixer.prototype.removeResizeListener = function () {
                 if (this.resizeListener) {
@@ -773,12 +768,12 @@
             };
             return SkyAffixService;
         }());
-        SkyAffixService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyAffixService, deps: [{ token: i0__namespace.RendererFactory2 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-        SkyAffixService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyAffixService, providedIn: 'root' });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyAffixService, decorators: [{
+        SkyAffixService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAffixService, deps: [{ token: i0__namespace.RendererFactory2 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+        SkyAffixService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAffixService, providedIn: 'root' });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAffixService, decorators: [{
                     type: i0.Injectable,
                     args: [{
-                            providedIn: 'root'
+                            providedIn: 'root',
                         }]
                 }], ctorParameters: function () { return [{ type: i0__namespace.RendererFactory2 }]; } });
 
@@ -841,17 +836,17 @@
                     horizontalAlignment: this.affixHorizontalAlignment,
                     isSticky: this.affixIsSticky,
                     placement: this.affixPlacement,
-                    verticalAlignment: this.affixVerticalAlignment
+                    verticalAlignment: this.affixVerticalAlignment,
                 });
             };
             return SkyAffixDirective;
         }());
-        SkyAffixDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyAffixDirective, deps: [{ token: i0__namespace.ElementRef }, { token: SkyAffixService }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-        SkyAffixDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.12", type: SkyAffixDirective, selector: "[skyAffixTo]", inputs: { skyAffixTo: "skyAffixTo", affixAutoFitContext: "affixAutoFitContext", affixAutoFitOverflowOffset: "affixAutoFitOverflowOffset", affixEnableAutoFit: "affixEnableAutoFit", affixHorizontalAlignment: "affixHorizontalAlignment", affixIsSticky: "affixIsSticky", affixPlacement: "affixPlacement", affixVerticalAlignment: "affixVerticalAlignment" }, outputs: { affixOffsetChange: "affixOffsetChange", affixOverflowScroll: "affixOverflowScroll", affixPlacementChange: "affixPlacementChange" }, usesOnChanges: true, ngImport: i0__namespace });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyAffixDirective, decorators: [{
+        SkyAffixDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAffixDirective, deps: [{ token: i0__namespace.ElementRef }, { token: SkyAffixService }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+        SkyAffixDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.14", type: SkyAffixDirective, selector: "[skyAffixTo]", inputs: { skyAffixTo: "skyAffixTo", affixAutoFitContext: "affixAutoFitContext", affixAutoFitOverflowOffset: "affixAutoFitOverflowOffset", affixEnableAutoFit: "affixEnableAutoFit", affixHorizontalAlignment: "affixHorizontalAlignment", affixIsSticky: "affixIsSticky", affixPlacement: "affixPlacement", affixVerticalAlignment: "affixVerticalAlignment" }, outputs: { affixOffsetChange: "affixOffsetChange", affixOverflowScroll: "affixOverflowScroll", affixPlacementChange: "affixPlacementChange" }, usesOnChanges: true, ngImport: i0__namespace });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAffixDirective, decorators: [{
                     type: i0.Directive,
                     args: [{
-                            selector: '[skyAffixTo]'
+                            selector: '[skyAffixTo]',
                         }]
                 }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }, { type: SkyAffixService }]; }, propDecorators: { skyAffixTo: [{
                         type: i0.Input
@@ -882,23 +877,15 @@
             }
             return SkyAffixModule;
         }());
-        SkyAffixModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyAffixModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-        SkyAffixModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyAffixModule, declarations: [SkyAffixDirective], imports: [i4.CommonModule], exports: [SkyAffixDirective] });
-        SkyAffixModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyAffixModule, imports: [[
-                    i4.CommonModule
-                ]] });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyAffixModule, decorators: [{
+        SkyAffixModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAffixModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+        SkyAffixModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAffixModule, declarations: [SkyAffixDirective], imports: [i4.CommonModule], exports: [SkyAffixDirective] });
+        SkyAffixModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAffixModule, imports: [[i4.CommonModule]] });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAffixModule, decorators: [{
                     type: i0.NgModule,
                     args: [{
-                            imports: [
-                                i4.CommonModule
-                            ],
-                            exports: [
-                                SkyAffixDirective
-                            ],
-                            declarations: [
-                                SkyAffixDirective
-                            ]
+                            imports: [i4.CommonModule],
+                            exports: [SkyAffixDirective],
+                            declarations: [SkyAffixDirective],
                         }]
                 }] });
 
@@ -962,12 +949,12 @@
             };
             return MutationObserverService;
         }());
-        MutationObserverService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: MutationObserverService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-        MutationObserverService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: MutationObserverService, providedIn: 'root' });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: MutationObserverService, decorators: [{
+        MutationObserverService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: MutationObserverService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+        MutationObserverService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: MutationObserverService, providedIn: 'root' });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: MutationObserverService, decorators: [{
                     type: i0.Injectable,
                     args: [{
-                            providedIn: 'root'
+                            providedIn: 'root',
                         }]
                 }] });
 
@@ -991,7 +978,8 @@
                 this.currentDockHeight =
                     this.ngUnsubscribe =
                         this.observer =
-                            this.styleElement = undefined;
+                            this.styleElement =
+                                undefined;
             };
             SkyDockDomAdapterService.prototype.setSticky = function (elementRef) {
                 this.renderer.addClass(elementRef.nativeElement, 'sky-dock-sticky');
@@ -1011,7 +999,7 @@
                     attributes: true,
                     childList: true,
                     characterData: true,
-                    subtree: true
+                    subtree: true,
                 });
                 rxjs.fromEvent(window, 'resize')
                     .pipe(operators.debounceTime(250), operators.takeUntil(this.ngUnsubscribe))
@@ -1040,9 +1028,9 @@
             };
             return SkyDockDomAdapterService;
         }());
-        SkyDockDomAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyDockDomAdapterService, deps: [{ token: MutationObserverService }, { token: i0__namespace.RendererFactory2 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-        SkyDockDomAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyDockDomAdapterService });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyDockDomAdapterService, decorators: [{
+        SkyDockDomAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDockDomAdapterService, deps: [{ token: MutationObserverService }, { token: i0__namespace.RendererFactory2 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+        SkyDockDomAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDockDomAdapterService });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDockDomAdapterService, decorators: [{
                     type: i0.Injectable
                 }], ctorParameters: function () { return [{ type: MutationObserverService }, { type: i0__namespace.RendererFactory2 }]; } });
 
@@ -1076,21 +1064,21 @@
                 var factory = this.resolver.resolveComponentFactory(component);
                 var injector = i0.Injector.create({
                     providers: config.providers || [],
-                    parent: this.injector
+                    parent: this.injector,
                 });
                 var componentRef = this.target.createComponent(factory, undefined, injector);
-                var stackOrder = (config.stackOrder !== null && config.stackOrder !== undefined)
+                var stackOrder = config.stackOrder !== null && config.stackOrder !== undefined
                     ? config.stackOrder
                     : this.getHighestStackOrder();
                 this.itemRefs.push({
                     componentRef: componentRef,
-                    stackOrder: stackOrder
+                    stackOrder: stackOrder,
                 });
                 this.sortItemsByStackOrder();
                 this.changeDetector.markForCheck();
                 return {
                     componentRef: componentRef,
-                    stackOrder: stackOrder
+                    stackOrder: stackOrder,
                 };
             };
             SkyDockComponent.prototype.removeItem = function (item) {
@@ -1132,26 +1120,22 @@
             };
             return SkyDockComponent;
         }());
-        SkyDockComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyDockComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: i0__namespace.ComponentFactoryResolver }, { token: i0__namespace.ElementRef }, { token: i0__namespace.Injector }, { token: SkyDockDomAdapterService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-        SkyDockComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.12", type: SkyDockComponent, selector: "sky-dock", providers: [
-                SkyDockDomAdapterService
-            ], viewQueries: [{ propertyName: "target", first: true, predicate: ["target"], descendants: true, read: i0.ViewContainerRef, static: true }], ngImport: i0__namespace, template: "<ng-container\n  #target\n></ng-container>", styles: [":host{display:flex;flex-direction:column;width:100%}:host:not(.sky-dock-unbound){position:fixed;left:0;bottom:0;right:0}:host.sky-dock-sticky{position:sticky}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyDockComponent, decorators: [{
+        SkyDockComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDockComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: i0__namespace.ComponentFactoryResolver }, { token: i0__namespace.ElementRef }, { token: i0__namespace.Injector }, { token: SkyDockDomAdapterService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+        SkyDockComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyDockComponent, selector: "sky-dock", providers: [SkyDockDomAdapterService], viewQueries: [{ propertyName: "target", first: true, predicate: ["target"], descendants: true, read: i0.ViewContainerRef, static: true }], ngImport: i0__namespace, template: "<ng-container #target></ng-container>\n", styles: [":host{display:flex;flex-direction:column;width:100%}:host:not(.sky-dock-unbound){position:fixed;left:0;bottom:0;right:0}:host.sky-dock-sticky{position:sticky}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDockComponent, decorators: [{
                     type: i0.Component,
                     args: [{
                             selector: 'sky-dock',
-                            templateUrl: './dock.component.html',
-                            styleUrls: ['./dock.component.scss'],
-                            providers: [
-                                SkyDockDomAdapterService
-                            ],
-                            changeDetection: i0.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:0;bottom:0;right:0}:host.sky-dock-sticky{position:sticky}\n"],
+                            providers: [SkyDockDomAdapterService],
+                            changeDetection: i0.ChangeDetectionStrategy.OnPush,
                         }]
                 }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: i0__namespace.ComponentFactoryResolver }, { type: i0__namespace.ElementRef }, { type: i0__namespace.Injector }, { type: SkyDockDomAdapterService }]; }, propDecorators: { target: [{
                         type: i0.ViewChild,
                         args: ['target', {
                                 read: i0.ViewContainerRef,
-                                static: true
+                                static: true,
                             }]
                     }] } });
 
@@ -1160,28 +1144,16 @@
             }
             return SkyDockModule;
         }());
-        SkyDockModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyDockModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-        SkyDockModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyDockModule, declarations: [SkyDockComponent], imports: [i4.CommonModule] });
-        SkyDockModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyDockModule, providers: [
-                MutationObserverService
-            ], imports: [[
-                    i4.CommonModule
-                ]] });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyDockModule, decorators: [{
+        SkyDockModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDockModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+        SkyDockModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDockModule, declarations: [SkyDockComponent], imports: [i4.CommonModule] });
+        SkyDockModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDockModule, providers: [MutationObserverService], imports: [[i4.CommonModule]] });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDockModule, decorators: [{
                     type: i0.NgModule,
                     args: [{
-                            imports: [
-                                i4.CommonModule
-                            ],
-                            declarations: [
-                                SkyDockComponent
-                            ],
-                            entryComponents: [
-                                SkyDockComponent
-                            ],
-                            providers: [
-                                MutationObserverService
-                            ]
+                            imports: [i4.CommonModule],
+                            declarations: [SkyDockComponent],
+                            entryComponents: [SkyDockComponent],
+                            providers: [MutationObserverService],
                         }]
                 }] });
 
@@ -1238,12 +1210,12 @@
             });
             return SkyAppWindowRef;
         }());
-        SkyAppWindowRef.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyAppWindowRef, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-        SkyAppWindowRef.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyAppWindowRef, providedIn: 'root' });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyAppWindowRef, decorators: [{
+        SkyAppWindowRef.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAppWindowRef, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+        SkyAppWindowRef.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAppWindowRef, providedIn: 'root' });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAppWindowRef, decorators: [{
                     type: i0.Injectable,
                     args: [{
-                            providedIn: 'root'
+                            providedIn: 'root',
                         }]
                 }] });
 
@@ -1269,7 +1241,7 @@
              */
             SkyDynamicComponentService.prototype.createComponent = function (componentType, options) {
                 options = options || {
-                    location: exports.SkyDynamicComponentLocation.BodyBottom
+                    location: exports.SkyDynamicComponentLocation.BodyBottom,
                 };
                 var componentRef = this.componentFactoryResolver
                     .resolveComponentFactory(componentType)
@@ -1314,15 +1286,15 @@
             };
             return SkyDynamicComponentService;
         }());
-        SkyDynamicComponentService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyDynamicComponentService, deps: [{ token: i0__namespace.ComponentFactoryResolver }, { token: i0__namespace.ApplicationRef }, { token: i0__namespace.Injector }, { token: SkyAppWindowRef }, { token: i0__namespace.RendererFactory2 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-        SkyDynamicComponentService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyDynamicComponentService, providedIn: 'any' });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyDynamicComponentService, decorators: [{
+        SkyDynamicComponentService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDynamicComponentService, deps: [{ token: i0__namespace.ComponentFactoryResolver }, { token: i0__namespace.ApplicationRef }, { token: i0__namespace.Injector }, { token: SkyAppWindowRef }, { token: i0__namespace.RendererFactory2 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+        SkyDynamicComponentService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDynamicComponentService, providedIn: 'any' });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDynamicComponentService, decorators: [{
                     type: i0.Injectable,
                     args: [{
                             // Must be 'any' so that the component is created in the context of its module's injector.
                             // If set to 'root', the component's dependency injections would only be derived from the root
                             // injector and may loose context if the component is created within a lazy-loaded module.
-                            providedIn: 'any'
+                            providedIn: 'any',
                         }]
                 }], ctorParameters: function () { return [{ type: i0__namespace.ComponentFactoryResolver }, { type: i0__namespace.ApplicationRef }, { type: i0__namespace.Injector }, { type: SkyAppWindowRef }, { type: i0__namespace.RendererFactory2 }]; } });
 
@@ -1394,7 +1366,7 @@
                     }
                     dockOptions = {
                         location: dynamicLocation,
-                        referenceEl: this.options.referenceEl
+                        referenceEl: this.options.referenceEl,
                     };
                 }
                 this.dockRef = this.dynamicComponentService.createComponent(SkyDockComponent, dockOptions);
@@ -1406,12 +1378,12 @@
             };
             return SkyDockService;
         }());
-        SkyDockService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyDockService, deps: [{ token: SkyDynamicComponentService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-        SkyDockService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyDockService, providedIn: 'root' });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyDockService, decorators: [{
+        SkyDockService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDockService, deps: [{ token: SkyDynamicComponentService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+        SkyDockService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDockService, providedIn: 'root' });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDockService, decorators: [{
                     type: i0.Injectable,
                     args: [{
-                            providedIn: 'root'
+                            providedIn: 'root',
                         }]
                 }], ctorParameters: function () { return [{ type: SkyDynamicComponentService }]; } });
 
@@ -1425,10 +1397,10 @@
             }
             return SkyDynamicComponentModule;
         }());
-        SkyDynamicComponentModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyDynamicComponentModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-        SkyDynamicComponentModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyDynamicComponentModule });
-        SkyDynamicComponentModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyDynamicComponentModule });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyDynamicComponentModule, decorators: [{
+        SkyDynamicComponentModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDynamicComponentModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+        SkyDynamicComponentModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDynamicComponentModule });
+        SkyDynamicComponentModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDynamicComponentModule });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyDynamicComponentModule, decorators: [{
                     type: i0.NgModule,
                     args: [{}]
                 }] });
@@ -1447,12 +1419,12 @@
             };
             return SkyAppFormat;
         }());
-        SkyAppFormat.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyAppFormat, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-        SkyAppFormat.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyAppFormat, providedIn: 'root' });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyAppFormat, decorators: [{
+        SkyAppFormat.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAppFormat, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+        SkyAppFormat.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAppFormat, providedIn: 'root' });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAppFormat, decorators: [{
                     type: i0.Injectable,
                     args: [{
-                            providedIn: 'root'
+                            providedIn: 'root',
                         }]
                 }] });
 
@@ -1483,13 +1455,13 @@
             });
             return SkyIdDirective;
         }());
-        SkyIdDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyIdDirective, deps: [{ token: i0__namespace.ElementRef }, { token: i0__namespace.Renderer2 }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-        SkyIdDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.12", type: SkyIdDirective, selector: "[skyId]", exportAs: ["skyId"], ngImport: i0__namespace });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyIdDirective, decorators: [{
+        SkyIdDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyIdDirective, deps: [{ token: i0__namespace.ElementRef }, { token: i0__namespace.Renderer2 }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+        SkyIdDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.14", type: SkyIdDirective, selector: "[skyId]", exportAs: ["skyId"], ngImport: i0__namespace });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyIdDirective, decorators: [{
                     type: i0.Directive,
                     args: [{
                             selector: '[skyId]',
-                            exportAs: 'skyId'
+                            exportAs: 'skyId',
                         }]
                 }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }, { type: i0__namespace.Renderer2 }]; } });
 
@@ -1498,18 +1470,14 @@
             }
             return SkyIdModule;
         }());
-        SkyIdModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyIdModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-        SkyIdModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyIdModule, declarations: [SkyIdDirective], exports: [SkyIdDirective] });
-        SkyIdModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyIdModule });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyIdModule, decorators: [{
+        SkyIdModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyIdModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+        SkyIdModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyIdModule, declarations: [SkyIdDirective], exports: [SkyIdDirective] });
+        SkyIdModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyIdModule });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyIdModule, decorators: [{
                     type: i0.NgModule,
                     args: [{
-                            declarations: [
-                                SkyIdDirective
-                            ],
-                            exports: [
-                                SkyIdDirective
-                            ]
+                            declarations: [SkyIdDirective],
+                            exports: [SkyIdDirective],
                         }]
                 }] });
 
@@ -1522,10 +1490,10 @@
             }
             return SkyLogModule;
         }());
-        SkyLogModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyLogModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-        SkyLogModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyLogModule });
-        SkyLogModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyLogModule });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyLogModule, decorators: [{
+        SkyLogModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyLogModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+        SkyLogModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyLogModule });
+        SkyLogModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyLogModule });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyLogModule, decorators: [{
                     type: i0.NgModule,
                     args: [{}]
                 }] });
@@ -1548,12 +1516,12 @@
             };
             return SkyLogService;
         }());
-        SkyLogService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyLogService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-        SkyLogService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyLogService, providedIn: 'root' });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyLogService, decorators: [{
+        SkyLogService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyLogService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+        SkyLogService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyLogService, providedIn: 'root' });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyLogService, decorators: [{
                     type: i0.Injectable,
                     args: [{
-                            providedIn: 'root'
+                            providedIn: 'root',
                         }]
                 }] });
 
@@ -1566,10 +1534,10 @@
             }
             return SkyMediaQueryModule;
         }());
-        SkyMediaQueryModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyMediaQueryModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-        SkyMediaQueryModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyMediaQueryModule });
-        SkyMediaQueryModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyMediaQueryModule });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyMediaQueryModule, decorators: [{
+        SkyMediaQueryModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyMediaQueryModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+        SkyMediaQueryModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyMediaQueryModule });
+        SkyMediaQueryModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyMediaQueryModule });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyMediaQueryModule, decorators: [{
                     type: i0.NgModule,
                     args: [{}]
                 }] });
@@ -1582,20 +1550,20 @@
                 this.breakpoints = [
                     {
                         mediaQueryString: SkyMediaQueryService.xs,
-                        name: exports.SkyMediaBreakpoints.xs
+                        name: exports.SkyMediaBreakpoints.xs,
                     },
                     {
                         mediaQueryString: SkyMediaQueryService.sm,
-                        name: exports.SkyMediaBreakpoints.sm
+                        name: exports.SkyMediaBreakpoints.sm,
                     },
                     {
                         mediaQueryString: SkyMediaQueryService.md,
-                        name: exports.SkyMediaBreakpoints.md
+                        name: exports.SkyMediaBreakpoints.md,
                     },
                     {
                         mediaQueryString: SkyMediaQueryService.lg,
-                        name: exports.SkyMediaBreakpoints.lg
-                    }
+                        name: exports.SkyMediaBreakpoints.lg,
+                    },
                 ];
                 this.mediaQueries = [];
                 this.addListeners();
@@ -1622,7 +1590,7 @@
                 return this.currentSubject.subscribe({
                     next: function (breakpoints) {
                         listener(breakpoints);
-                    }
+                    },
                 });
             };
             /**
@@ -1652,7 +1620,7 @@
                     }
                     return {
                         mediaQueryList: mq,
-                        listener: listener
+                        listener: listener,
                     };
                 });
             };
@@ -1684,12 +1652,12 @@
          * The size for the `lg` breakpoint.
          */
         SkyMediaQueryService.lg = '(min-width: 1200px)';
-        SkyMediaQueryService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyMediaQueryService, deps: [{ token: i0__namespace.NgZone }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-        SkyMediaQueryService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyMediaQueryService, providedIn: 'root' });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyMediaQueryService, decorators: [{
+        SkyMediaQueryService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyMediaQueryService, deps: [{ token: i0__namespace.NgZone }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+        SkyMediaQueryService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyMediaQueryService, providedIn: 'root' });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyMediaQueryService, decorators: [{
                     type: i0.Injectable,
                     args: [{
-                            providedIn: 'root'
+                            providedIn: 'root',
                         }]
                 }], ctorParameters: function () { return [{ type: i0__namespace.NgZone }]; } });
 
@@ -1700,7 +1668,12 @@
          * To update this file, simply rerun the command.
          */
         var RESOURCES = {
-            'EN-US': { "skyux_numeric_billions_symbol": { "message": "B" }, "skyux_numeric_millions_symbol": { "message": "M" }, "skyux_numeric_thousands_symbol": { "message": "K" }, "skyux_numeric_trillions_symbol": { "message": "T" } },
+            'EN-US': {
+                skyux_numeric_billions_symbol: { message: 'B' },
+                skyux_numeric_millions_symbol: { message: 'M' },
+                skyux_numeric_thousands_symbol: { message: 'K' },
+                skyux_numeric_trillions_symbol: { message: 'T' },
+            },
         };
         var SkyCoreResourcesProvider = /** @class */ (function () {
             function SkyCoreResourcesProvider() {
@@ -1718,22 +1691,26 @@
             }
             return SkyCoreResourcesModule;
         }());
-        SkyCoreResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyCoreResourcesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-        SkyCoreResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyCoreResourcesModule, exports: [i1.SkyI18nModule] });
-        SkyCoreResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyCoreResourcesModule, providers: [{
+        SkyCoreResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyCoreResourcesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+        SkyCoreResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyCoreResourcesModule, exports: [i1.SkyI18nModule] });
+        SkyCoreResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyCoreResourcesModule, providers: [
+                {
                     provide: i1.SKY_LIB_RESOURCES_PROVIDERS,
                     useClass: SkyCoreResourcesProvider,
-                    multi: true
-                }], imports: [i1.SkyI18nModule] });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyCoreResourcesModule, decorators: [{
+                    multi: true,
+                },
+            ], imports: [i1.SkyI18nModule] });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyCoreResourcesModule, decorators: [{
                     type: i0.NgModule,
                     args: [{
                             exports: [i1.SkyI18nModule],
-                            providers: [{
+                            providers: [
+                                {
                                     provide: i1.SKY_LIB_RESOURCES_PROVIDERS,
                                     useClass: SkyCoreResourcesProvider,
-                                    multi: true
-                                }]
+                                    multi: true,
+                                },
+                            ],
                         }]
                 }] });
 
@@ -2014,7 +1991,7 @@
                         ar[i] = from[i];
                     }
                 }
-            return to.concat(ar || from);
+            return to.concat(ar || Array.prototype.slice.call(from));
         }
         function __await(v) {
             return this instanceof __await ? (this.v = v, this) : new __await(v);
@@ -2142,15 +2119,18 @@
                         throw new Error(digits + " is not a valid digit info for number pipes");
                     }
                     /* istanbul ignore else */
-                    if (parts[1] != null) { // min integer digits
+                    if (parts[1] != null) {
+                        // min integer digits
                         minInt = parseIntAutoRadix(parts[1]);
                     }
                     /* istanbul ignore else */
-                    if (parts[3] != null) { // min fraction digits
+                    if (parts[3] != null) {
+                        // min fraction digits
                         minFraction = parseIntAutoRadix(parts[3]);
                     }
                     /* istanbul ignore else */
-                    if (parts[5] != null) { // max fraction digits
+                    if (parts[5] != null) {
+                        // max fraction digits
                         maxFraction = parseIntAutoRadix(parts[5]);
                     }
                 }
@@ -2160,7 +2140,7 @@
                     maximumFractionDigits: maxFraction,
                     currency: currency,
                     currencyAsSymbol: currencyAsSymbol,
-                    currencySign: currencySign
+                    currencySign: currencySign,
                 });
             };
             return SkyNumberFormatUtility;
@@ -2171,10 +2151,10 @@
             function SkyNumericService(resourcesService) {
                 this.resourcesService = resourcesService;
                 this.symbolIndex = [
-                    { value: 1E12, label: this.getSymbol('skyux_numeric_trillions_symbol') },
-                    { value: 1E9, label: this.getSymbol('skyux_numeric_billions_symbol') },
-                    { value: 1E6, label: this.getSymbol('skyux_numeric_millions_symbol') },
-                    { value: 1E3, label: this.getSymbol('skyux_numeric_thousands_symbol') }
+                    { value: 1e12, label: this.getSymbol('skyux_numeric_trillions_symbol') },
+                    { value: 1e9, label: this.getSymbol('skyux_numeric_billions_symbol') },
+                    { value: 1e6, label: this.getSymbol('skyux_numeric_millions_symbol') },
+                    { value: 1e3, label: this.getSymbol('skyux_numeric_thousands_symbol') },
                 ];
             }
             Object.defineProperty(SkyNumericService.prototype, "currentLocale", {
@@ -2211,8 +2191,9 @@
                 for (var i = 0; i < this.symbolIndex.length; i++) {
                     var symbol = this.symbolIndex[i];
                     if (options.truncate &&
-                        roundedNumberAbs >= options.truncateAfter && roundedNumberAbs >= symbol.value) {
-                        roundedNumber = this.roundNumber((value / symbol.value), options.digits);
+                        roundedNumberAbs >= options.truncateAfter &&
+                        roundedNumberAbs >= symbol.value) {
+                        roundedNumber = this.roundNumber(value / symbol.value, options.digits);
                         if (Math.abs(roundedNumber) === 1000 && i > 0) {
                             // Rounding caused the number to cross into the range of the next symbol.
                             symbol = this.symbolIndex[i - 1];
@@ -2234,7 +2215,7 @@
                     // Note: This will need to be reviewed if we support currencies with
                     // three decimal digits.
                     case 'currency':
-                        var isDecimal = (value % 1 !== 0);
+                        var isDecimal = value % 1 !== 0;
                         if (options.minDigits) {
                             digits = "1." + options.minDigits + "-" + options.digits;
                         }
@@ -2309,7 +2290,7 @@
                 var isExponentFormat = valueStr.includes('e');
                 if (isExponentFormat) {
                     var _b = __read(valueStr.split('e'), 2), base = _b[0], exp = _b[1];
-                    var newExp = scaleUp ? (Number(exp) + scalar) : (Number(exp) - scalar);
+                    var newExp = scaleUp ? Number(exp) + scalar : Number(exp) - scalar;
                     return Number(base + "e" + newExp);
                 }
                 else {
@@ -2325,7 +2306,7 @@
                 var symbols = this.symbolIndex.map(function (s) { return s.label; });
                 var regexp = new RegExp(symbols.join('|'), 'ig');
                 var match = value.match(regexp);
-                this.shortSymbol = (match) ? match.toString() : '';
+                this.shortSymbol = match ? match.toString() : '';
             };
             /**
              * Must have previously called storeShortenSymbol to have something to replace.
@@ -2346,12 +2327,12 @@
             };
             return SkyNumericService;
         }());
-        SkyNumericService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyNumericService, deps: [{ token: i1__namespace.SkyLibResourcesService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-        SkyNumericService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyNumericService, providedIn: 'any' });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyNumericService, decorators: [{
+        SkyNumericService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyNumericService, deps: [{ token: i1__namespace.SkyLibResourcesService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+        SkyNumericService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyNumericService, providedIn: 'any' });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyNumericService, decorators: [{
                     type: i0.Injectable,
                     args: [{
-                            providedIn: 'any'
+                            providedIn: 'any',
                         }]
                 }], ctorParameters: function () { return [{ type: i1__namespace.SkyLibResourcesService }]; } });
 
@@ -2372,7 +2353,8 @@
                 this.numericService = numericService;
                 this.changeDetector = changeDetector;
                 this.ngUnsubscribe = new rxjs.Subject();
-                this.localeProvider.getLocaleInfo()
+                this.localeProvider
+                    .getLocaleInfo()
                     .pipe(operators.takeUntil(this.ngUnsubscribe))
                     .subscribe(function (localeInfo) {
                     _this.providerLocale = localeInfo.locale;
@@ -2386,7 +2368,8 @@
             };
             SkyNumericPipe.prototype.transform = function (value, config) {
                 var _a;
-                var newCacheKey = (config ? JSON.stringify(config, Object.keys(config).sort()) : '') + (value + "_" + ((config === null || config === void 0 ? void 0 : config.locale) || this.providerLocale));
+                var newCacheKey = (config ? JSON.stringify(config, Object.keys(config).sort()) : '') +
+                    (value + "_" + ((config === null || config === void 0 ? void 0 : config.locale) || this.providerLocale));
                 /* If the value and locale are the same as the last transform then return the previous value
                 instead of reformatting. */
                 if (this.formattedValue && this.cacheKey === newCacheKey) {
@@ -2395,9 +2378,7 @@
                 var options = new NumericOptions();
                 // The default number of digits is `1`. When truncate is disabled, set digits
                 // to `0` to avoid the unnecessary addition of `.0` at the end of the formatted number.
-                if (config &&
-                    config.truncate === false &&
-                    config.digits === undefined) {
+                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
@@ -2408,9 +2389,7 @@
                     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) {
+                else if (config && config.minDigits && !config.digits) {
                     options.digits = config.minDigits;
                 }
                 Object.assign(options, config);
@@ -2423,13 +2402,13 @@
             };
             return SkyNumericPipe;
         }());
-        SkyNumericPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyNumericPipe, deps: [{ token: i1__namespace.SkyAppLocaleProvider }, { token: SkyNumericService }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-        SkyNumericPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyNumericPipe, name: "skyNumeric", pure: false });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyNumericPipe, decorators: [{
+        SkyNumericPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyNumericPipe, deps: [{ token: i1__namespace.SkyAppLocaleProvider }, { token: SkyNumericService }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Pipe });
+        SkyNumericPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyNumericPipe, name: "skyNumeric", pure: false });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyNumericPipe, decorators: [{
                     type: i0.Pipe,
                     args: [{
                             name: 'skyNumeric',
-                            pure: false
+                            pure: false,
                         }]
                 }], ctorParameters: function () { return [{ type: i1__namespace.SkyAppLocaleProvider }, { type: SkyNumericService }, { type: i0__namespace.ChangeDetectorRef }]; } });
 
@@ -2438,31 +2417,16 @@
             }
             return SkyNumericModule;
         }());
-        SkyNumericModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyNumericModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-        SkyNumericModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyNumericModule, declarations: [SkyNumericPipe], imports: [i1.SkyI18nModule,
-                SkyCoreResourcesModule], exports: [SkyNumericPipe] });
-        SkyNumericModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyNumericModule, providers: [
-                SkyNumericPipe
-            ], imports: [[
-                    i1.SkyI18nModule,
-                    SkyCoreResourcesModule
-                ]] });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyNumericModule, decorators: [{
+        SkyNumericModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyNumericModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+        SkyNumericModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyNumericModule, declarations: [SkyNumericPipe], imports: [i1.SkyI18nModule, SkyCoreResourcesModule], exports: [SkyNumericPipe] });
+        SkyNumericModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyNumericModule, providers: [SkyNumericPipe], imports: [[i1.SkyI18nModule, SkyCoreResourcesModule]] });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyNumericModule, decorators: [{
                     type: i0.NgModule,
                     args: [{
-                            declarations: [
-                                SkyNumericPipe
-                            ],
-                            providers: [
-                                SkyNumericPipe
-                            ],
-                            imports: [
-                                i1.SkyI18nModule,
-                                SkyCoreResourcesModule
-                            ],
-                            exports: [
-                                SkyNumericPipe
-                            ]
+                            declarations: [SkyNumericPipe],
+                            providers: [SkyNumericPipe],
+                            imports: [i1.SkyI18nModule, SkyCoreResourcesModule],
+                            exports: [SkyNumericPipe],
                         }]
                 }] });
 
@@ -2612,7 +2576,7 @@
                 var factory = this.resolver.resolveComponentFactory(component);
                 var injector = i0.Injector.create({
                     providers: providers,
-                    parent: this.injector
+                    parent: this.injector,
                 });
                 var componentRef = this.targetRef.createComponent(factory, undefined, injector);
                 // Run an initial change detection cycle after the component has been created.
@@ -2665,15 +2629,15 @@
             };
             return SkyOverlayComponent;
         }());
-        SkyOverlayComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyOverlayComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: i0__namespace.ComponentFactoryResolver }, { token: i0__namespace.Injector }, { token: SkyCoreAdapterService }, { token: SkyOverlayContext }, { token: i3__namespace.Router, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
-        SkyOverlayComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.12", type: SkyOverlayComponent, selector: "sky-overlay", viewQueries: [{ propertyName: "overlayContentRef", first: true, predicate: ["overlayContentRef"], descendants: true, read: i0.ElementRef, static: true }, { propertyName: "overlayRef", first: true, predicate: ["overlayRef"], descendants: true, read: i0.ElementRef, static: true }, { propertyName: "targetRef", first: true, predicate: ["target"], descendants: true, read: i0.ViewContainerRef, static: true }], ngImport: i0__namespace, template: "<div\n  [class]=\"wrapperClass\"\n  [style.zIndex]=\"zIndex\"\n  [ngClass]=\"{\n    'enable-pointer-events-pass-through': enablePointerEvents,\n    'sky-overlay': true\n  }\"\n  #overlayRef\n>\n  <div\n    class=\"sky-overlay-content\"\n    #overlayContentRef\n  >\n    <ng-template\n      #target\n    >\n    </ng-template>\n  </div>\n  <div *ngIf=\"showBackdrop\"\n    class=\"sky-overlay-backdrop\"\n  ></div>\n</div>\n", styles: [".sky-overlay{position:fixed;top:0;right:0;left:0;bottom:0;width:100%;height:100%;display:flex;pointer-events:auto}.sky-overlay-content{position:relative;z-index:1;display:inline-flex;align-self:start;pointer-events:auto}.sky-overlay-backdrop{background:rgba(0,0,0,.5);top:0;right:0;left:0;bottom:0;width:100%;height:100%;position:absolute}.enable-pointer-events-pass-through{pointer-events:none}.enable-pointer-events-pass-through .sky-overlay-backdrop{pointer-events:none}.enable-pointer-events-pass-through .sky-overlay-content{pointer-events:auto}\n"], directives: [{ type: i4__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyOverlayComponent, decorators: [{
+        SkyOverlayComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyOverlayComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: i0__namespace.ComponentFactoryResolver }, { token: i0__namespace.Injector }, { token: SkyCoreAdapterService }, { token: SkyOverlayContext }, { token: i3__namespace.Router, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
+        SkyOverlayComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyOverlayComponent, selector: "sky-overlay", viewQueries: [{ propertyName: "overlayContentRef", first: true, predicate: ["overlayContentRef"], descendants: true, read: i0.ElementRef, static: true }, { propertyName: "overlayRef", first: true, predicate: ["overlayRef"], descendants: true, read: i0.ElementRef, static: true }, { propertyName: "targetRef", first: true, predicate: ["target"], descendants: true, read: i0.ViewContainerRef, static: true }], ngImport: i0__namespace, template: "<div\n  [class]=\"wrapperClass\"\n  [style.zIndex]=\"zIndex\"\n  [ngClass]=\"{\n    'enable-pointer-events-pass-through': enablePointerEvents,\n    'sky-overlay': true\n  }\"\n  #overlayRef\n>\n  <div class=\"sky-overlay-content\" #overlayContentRef>\n    <ng-template #target> </ng-template>\n  </div>\n  <div *ngIf=\"showBackdrop\" class=\"sky-overlay-backdrop\"></div>\n</div>\n", styles: [".sky-overlay{position:fixed;top:0;right:0;left:0;bottom:0;width:100%;height:100%;display:flex;pointer-events:auto}.sky-overlay-content{position:relative;z-index:1;display:inline-flex;align-self:start;pointer-events:auto}.sky-overlay-backdrop{background:rgba(0,0,0,.5);top:0;right:0;left:0;bottom:0;width:100%;height:100%;position:absolute}.enable-pointer-events-pass-through{pointer-events:none}.enable-pointer-events-pass-through .sky-overlay-backdrop{pointer-events:none}.enable-pointer-events-pass-through .sky-overlay-content{pointer-events:auto}\n"], directives: [{ type: i4__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyOverlayComponent, decorators: [{
                     type: i0.Component,
                     args: [{
                             selector: 'sky-overlay',
-                            templateUrl: './overlay.component.html',
-                            styleUrls: ['./overlay.component.scss'],
-                            changeDetection: i0.ChangeDetectionStrategy.OnPush
+                            template: "<div\n  [class]=\"wrapperClass\"\n  [style.zIndex]=\"zIndex\"\n  [ngClass]=\"{\n    'enable-pointer-events-pass-through': enablePointerEvents,\n    'sky-overlay': true\n  }\"\n  #overlayRef\n>\n  <div class=\"sky-overlay-content\" #overlayContentRef>\n    <ng-template #target> </ng-template>\n  </div>\n  <div *ngIf=\"showBackdrop\" class=\"sky-overlay-backdrop\"></div>\n</div>\n",
+                            styles: [".sky-overlay{position:fixed;top:0;right:0;left:0;bottom:0;width:100%;height:100%;display:flex;pointer-events:auto}.sky-overlay-content{position:relative;z-index:1;display:inline-flex;align-self:start;pointer-events:auto}.sky-overlay-backdrop{background:rgba(0,0,0,.5);top:0;right:0;left:0;bottom:0;width:100%;height:100%;position:absolute}.enable-pointer-events-pass-through{pointer-events:none}.enable-pointer-events-pass-through .sky-overlay-backdrop{pointer-events:none}.enable-pointer-events-pass-through .sky-overlay-content{pointer-events:auto}\n"],
+                            changeDetection: i0.ChangeDetectionStrategy.OnPush,
                         }]
                 }], ctorParameters: function () {
                 return [{ type: i0__namespace.ChangeDetectorRef }, { type: i0__namespace.ComponentFactoryResolver }, { type: i0__namespace.Injector }, { type: SkyCoreAdapterService }, { type: SkyOverlayContext }, { type: i3__namespace.Router, decorators: [{
@@ -2683,19 +2647,19 @@
                         type: i0.ViewChild,
                         args: ['overlayContentRef', {
                                 read: i0.ElementRef,
-                                static: true
+                                static: true,
                             }]
                     }], overlayRef: [{
                         type: i0.ViewChild,
                         args: ['overlayRef', {
                                 read: i0.ElementRef,
-                                static: true
+                                static: true,
                             }]
                     }], targetRef: [{
                         type: i0.ViewChild,
                         args: ['target', {
                                 read: i0.ViewContainerRef,
-                                static: true
+                                static: true,
                             }]
                     }] } });
 
@@ -2704,23 +2668,15 @@
             }
             return SkyOverlayModule;
         }());
-        SkyOverlayModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyOverlayModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-        SkyOverlayModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyOverlayModule, declarations: [SkyOverlayComponent], imports: [i4.CommonModule] });
-        SkyOverlayModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyOverlayModule, imports: [[
-                    i4.CommonModule
-                ]] });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyOverlayModule, decorators: [{
+        SkyOverlayModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyOverlayModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+        SkyOverlayModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyOverlayModule, declarations: [SkyOverlayComponent], imports: [i4.CommonModule] });
+        SkyOverlayModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyOverlayModule, imports: [[i4.CommonModule]] });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyOverlayModule, decorators: [{
                     type: i0.NgModule,
                     args: [{
-                            imports: [
-                                i4.CommonModule
-                            ],
-                            declarations: [
-                                SkyOverlayComponent
-                            ],
-                            entryComponents: [
-                                SkyOverlayComponent
-                            ]
+                            imports: [i4.CommonModule],
+                            declarations: [SkyOverlayComponent],
+                            entryComponents: [SkyOverlayComponent],
                         }]
                 }] });
 
@@ -2755,12 +2711,12 @@
             };
             return SkyOverlayAdapterService;
         }());
-        SkyOverlayAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyOverlayAdapterService, deps: [{ token: i0__namespace.RendererFactory2 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-        SkyOverlayAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyOverlayAdapterService, providedIn: 'root' });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyOverlayAdapterService, decorators: [{
+        SkyOverlayAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyOverlayAdapterService, deps: [{ token: i0__namespace.RendererFactory2 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+        SkyOverlayAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyOverlayAdapterService, providedIn: 'root' });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyOverlayAdapterService, decorators: [{
                     type: i0.Injectable,
                     args: [{
-                            providedIn: 'root'
+                            providedIn: 'root',
                         }]
                 }], ctorParameters: function () { return [{ type: i0__namespace.RendererFactory2 }]; } });
 
@@ -2830,10 +2786,12 @@
             SkyOverlayService.prototype.createOverlay = function (config) {
                 var injector = i0.Injector.create({
                     parent: this.injector,
-                    providers: [{
+                    providers: [
+                        {
                             provide: SkyOverlayContext,
-                            useValue: new SkyOverlayContext(config)
-                        }]
+                            useValue: new SkyOverlayContext(config),
+                        },
+                    ],
                 });
                 var componentRef = this.componentFactoryResolver
                     .resolveComponentFactory(SkyOverlayComponent)
@@ -2851,7 +2809,7 @@
                     enablePointerEvents: false,
                     enableScroll: true,
                     showBackdrop: false,
-                    wrapperClass: ''
+                    wrapperClass: '',
                 };
                 return Object.assign(Object.assign({}, defaults), config);
             };
@@ -2868,12 +2826,12 @@
             return SkyOverlayService;
         }());
         SkyOverlayService.overlays = [];
-        SkyOverlayService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyOverlayService, deps: [{ token: i0__namespace.ApplicationRef }, { token: i0__namespace.ComponentFactoryResolver }, { token: i0__namespace.Injector }, { token: SkyOverlayAdapterService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-        SkyOverlayService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyOverlayService, providedIn: 'root' });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyOverlayService, decorators: [{
+        SkyOverlayService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyOverlayService, deps: [{ token: i0__namespace.ApplicationRef }, { token: i0__namespace.ComponentFactoryResolver }, { token: i0__namespace.Injector }, { token: SkyOverlayAdapterService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+        SkyOverlayService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyOverlayService, providedIn: 'root' });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyOverlayService, decorators: [{
                     type: i0.Injectable,
                     args: [{
-                            providedIn: 'root'
+                            providedIn: 'root',
                         }]
                 }], ctorParameters: function () { return [{ type: i0__namespace.ApplicationRef }, { type: i0__namespace.ComponentFactoryResolver }, { type: i0__namespace.Injector }, { type: SkyOverlayAdapterService }]; } });
 
@@ -2884,7 +2842,8 @@
                 this.defaultFormat = '1.0-2';
                 this.defaultLocale = 'en-US';
                 this.ngUnsubscribe = new rxjs.Subject();
-                this.localeProvider.getLocaleInfo()
+                this.localeProvider
+                    .getLocaleInfo()
                     .pipe(operators.takeUntil(this.ngUnsubscribe))
                     .subscribe(function (localeInfo) {
                     _this.defaultLocale = localeInfo.locale;
@@ -2909,13 +2868,13 @@
             };
             return SkyPercentPipe;
         }());
-        SkyPercentPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyPercentPipe, deps: [{ token: i1__namespace.SkyAppLocaleProvider }], target: i0__namespace.ɵɵFactoryTarget.Pipe });
-        SkyPercentPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyPercentPipe, name: "skyPercent", pure: false });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyPercentPipe, decorators: [{
+        SkyPercentPipe.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyPercentPipe, deps: [{ token: i1__namespace.SkyAppLocaleProvider }], target: i0__namespace.ɵɵFactoryTarget.Pipe });
+        SkyPercentPipe.ɵpipe = i0__namespace.ɵɵngDeclarePipe({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyPercentPipe, name: "skyPercent", pure: false });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyPercentPipe, decorators: [{
                     type: i0.Pipe,
                     args: [{
                             name: 'skyPercent',
-                            pure: false
+                            pure: false,
                         }]
                 }], ctorParameters: function () { return [{ type: i1__namespace.SkyAppLocaleProvider }]; } });
 
@@ -2924,59 +2883,127 @@
             }
             return SkyPercentPipeModule;
         }());
-        SkyPercentPipeModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyPercentPipeModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-        SkyPercentPipeModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyPercentPipeModule, declarations: [SkyPercentPipe], imports: [i4.CommonModule,
-                SkyCoreResourcesModule], exports: [SkyPercentPipe] });
-        SkyPercentPipeModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyPercentPipeModule, providers: [
-                SkyPercentPipe
-            ], imports: [[
-                    i4.CommonModule,
-                    SkyCoreResourcesModule
-                ]] });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyPercentPipeModule, decorators: [{
+        SkyPercentPipeModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyPercentPipeModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+        SkyPercentPipeModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyPercentPipeModule, declarations: [SkyPercentPipe], imports: [i4.CommonModule, SkyCoreResourcesModule], exports: [SkyPercentPipe] });
+        SkyPercentPipeModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyPercentPipeModule, providers: [SkyPercentPipe], imports: [[i4.CommonModule, SkyCoreResourcesModule]] });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyPercentPipeModule, decorators: [{
                     type: i0.NgModule,
                     args: [{
-                            declarations: [
-                                SkyPercentPipe
-                            ],
-                            providers: [
-                                SkyPercentPipe
-                            ],
-                            imports: [
-                                i4.CommonModule,
-                                SkyCoreResourcesModule
-                            ],
-                            exports: [
-                                SkyPercentPipe
-                            ]
+                            declarations: [SkyPercentPipe],
+                            providers: [SkyPercentPipe],
+                            imports: [i4.CommonModule, SkyCoreResourcesModule],
+                            exports: [SkyPercentPipe],
                         }]
                 }] });
 
+        function notifySubscribers(subscribers, item) {
+            var e_1, _a;
+            try {
+                for (var subscribers_1 = __values(subscribers), subscribers_1_1 = subscribers_1.next(); !subscribers_1_1.done; subscribers_1_1 = subscribers_1.next()) {
+                    var subscriber = subscribers_1_1.value;
+                    subscriber.next(item);
+                }
+            }
+            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+            finally {
+                try {
+                    if (subscribers_1_1 && !subscribers_1_1.done && (_a = subscribers_1.return)) _a.call(subscribers_1);
+                }
+                finally { if (e_1) throw e_1.error; }
+            }
+        }
         var SkyScrollableHostService = /** @class */ (function () {
             function SkyScrollableHostService(mutationObserverSvc, windowRef) {
                 this.mutationObserverSvc = mutationObserverSvc;
                 this.windowRef = windowRef;
             }
-            SkyScrollableHostService.prototype.getScrollabeHost = function (elementRef) {
+            /**
+             * Returns the given element's current scrollable host
+             * @param elementRef The element whose scrollable host is being requested
+             * @returns The current scrollable host
+             */
+            SkyScrollableHostService.prototype.getScrollableHost = function (elementRef) {
                 return this.findScrollableHost(elementRef.nativeElement);
             };
-            SkyScrollableHostService.prototype.watchScrollableHost = function (elementRef, completionObservable) {
+            /**
+             * Returns an observable which emits the given element's current scrollable host
+             * @param elementRef The element whose scrollable host is being requested
+             * @param completionObservable An observable which alerts the internal observers that they should complete
+             * @returns An observable which emits the current scrollable host
+             * @internal
+             */
+            SkyScrollableHostService.prototype.watchScrollableHost = function (elementRef) {
                 var _this = this;
-                var scrollableHost = this.findScrollableHost(elementRef.nativeElement);
-                var behaviorSubject = new rxjs.BehaviorSubject(scrollableHost);
-                var mutationObserver = this.mutationObserverSvc.create(function () {
-                    var newScrollableHost = _this.findScrollableHost(elementRef.nativeElement);
-                    if (newScrollableHost !== scrollableHost) {
-                        scrollableHost = newScrollableHost;
+                var subscribers = [];
+                var mutationObserver;
+                return new rxjs.Observable(function (subscriber) {
+                    subscribers.push(subscriber);
+                    var scrollableHost = _this.findScrollableHost(elementRef.nativeElement);
+                    if (subscribers.length === 1) {
+                        mutationObserver = _this.mutationObserverSvc.create(function () {
+                            var newScrollableHost = _this.findScrollableHost(elementRef.nativeElement);
+                            if (newScrollableHost !== scrollableHost) {
+                                scrollableHost = newScrollableHost;
+                                _this.observeForScrollableHostChanges(scrollableHost, mutationObserver);
+                                notifySubscribers(subscribers, scrollableHost);
+                            }
+                        });
                         _this.observeForScrollableHostChanges(scrollableHost, mutationObserver);
-                        behaviorSubject.next(scrollableHost);
                     }
+                    subscriber.next(scrollableHost);
+                    subscriber.add(function () {
+                        var subIndex = subscribers.indexOf(subscriber);
+                        /* sanity check */
+                        /* istanbul ignore else */
+                        if (subIndex >= 0) {
+                            subscribers.splice(subIndex, 1);
+                        }
+                        if (subscribers.length === 0) {
+                            mutationObserver.disconnect();
+                        }
+                    });
                 });
-                this.observeForScrollableHostChanges(scrollableHost, mutationObserver);
-                completionObservable.pipe(operators.take(1)).subscribe(function () {
-                    mutationObserver.disconnect();
+            };
+            /**
+             * Returns an observable which emits whenever the element's scrollable host emits a scroll event. The observable will always emit the scroll events from the elements current scrollable host and will update based on any scrollable host changes. The observable will also emit once whenever the scrollable host changes.
+             * @param elementRef The element whose scrollable host scroll events are being requested
+             * @param completionObservable An observable which alerts the internal observers that they should complete
+             * @returns An observable which emits the scroll events from the given element's scrollable host
+             */
+            SkyScrollableHostService.prototype.watchScrollableHostScrollEvents = function (elementRef) {
+                var _this = this;
+                var subscribers = [];
+                var newScrollableHostObservable = new rxjs.Subject();
+                var scrollableHostSubscription;
+                var scrollEventSubscription;
+                return new rxjs.Observable(function (subscriber) {
+                    subscribers.push(subscriber);
+                    if (subscribers.length === 1) {
+                        scrollableHostSubscription = _this.watchScrollableHost(elementRef).subscribe(function (scrollableHost) {
+                            newScrollableHostObservable.next();
+                            newScrollableHostObservable.complete();
+                            newScrollableHostObservable = new rxjs.Subject();
+                            scrollEventSubscription = rxjs.fromEvent(scrollableHost, 'scroll')
+                                .pipe(operators.takeUntil(newScrollableHostObservable))
+                                .subscribe(function () {
+                                notifySubscribers(subscribers);
+                            });
+                        });
+                    }
+                    subscriber.add(function () {
+                        var subIndex = subscribers.indexOf(subscriber);
+                        /* sanity check */
+                        /* istanbul ignore else */
+                        if (subIndex >= 0) {
+                            subscribers.splice(subIndex, 1);
+                        }
+                        if (subscribers.length === 0) {
+                            scrollableHostSubscription.unsubscribe();
+                            scrollEventSubscription.unsubscribe();
+                            newScrollableHostObservable.complete();
+                        }
+                    });
                 });
-                return behaviorSubject;
             };
             SkyScrollableHostService.prototype.findScrollableHost = function (element) {
                 var regex = /(auto|scroll)/;
@@ -3008,26 +3035,26 @@
                 if (element instanceof HTMLElement) {
                     mutationObserver.observe(element, {
                         attributes: true,
-                        attributeFilter: ["class", "style.overflow", "style.overflow-y"],
-                        subtree: true
+                        attributeFilter: ['class', 'style.overflow', 'style.overflow-y'],
+                        subtree: true,
                     });
                 }
                 else {
                     mutationObserver.observe(document.documentElement, {
                         attributes: true,
-                        attributeFilter: ["class", "style.overflow", "style.overflow-y"],
-                        subtree: true
+                        attributeFilter: ['class', 'style.overflow', 'style.overflow-y'],
+                        subtree: true,
                     });
                 }
             };
             return SkyScrollableHostService;
         }());
-        SkyScrollableHostService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyScrollableHostService, deps: [{ token: MutationObserverService }, { token: SkyAppWindowRef }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-        SkyScrollableHostService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyScrollableHostService, providedIn: 'root' });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyScrollableHostService, decorators: [{
+        SkyScrollableHostService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyScrollableHostService, deps: [{ token: MutationObserverService }, { token: SkyAppWindowRef }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+        SkyScrollableHostService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyScrollableHostService, providedIn: 'root' });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyScrollableHostService, decorators: [{
                     type: i0.Injectable,
                     args: [{
-                            providedIn: 'root'
+                            providedIn: 'root',
                         }]
                 }], ctorParameters: function () { return [{ type: MutationObserverService }, { type: SkyAppWindowRef }]; } });
 
@@ -3050,12 +3077,12 @@
             };
             return SkyAppTitleService;
         }());
-        SkyAppTitleService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyAppTitleService, deps: [{ token: i1__namespace$1.Title }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-        SkyAppTitleService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyAppTitleService, providedIn: 'root' });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyAppTitleService, decorators: [{
+        SkyAppTitleService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAppTitleService, deps: [{ token: i1__namespace$1.Title }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+        SkyAppTitleService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAppTitleService, providedIn: 'root' });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAppTitleService, decorators: [{
                     type: i0.Injectable,
                     args: [{
-                            providedIn: 'root'
+                            providedIn: 'root',
                         }]
                 }], ctorParameters: function () { return [{ type: i1__namespace$1.Title }]; } });
 
@@ -3071,12 +3098,12 @@
             };
             return SkyUIConfigService;
         }());
-        SkyUIConfigService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyUIConfigService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-        SkyUIConfigService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyUIConfigService, providedIn: 'root' });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyUIConfigService, decorators: [{
+        SkyUIConfigService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyUIConfigService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+        SkyUIConfigService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyUIConfigService, providedIn: 'root' });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyUIConfigService, decorators: [{
                     type: i0.Injectable,
                     args: [{
-                            providedIn: 'root'
+                            providedIn: 'root',
                         }]
                 }] });
 
@@ -3085,9 +3112,9 @@
             }
             return SkyViewkeeperHostOptions;
         }());
-        SkyViewkeeperHostOptions.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyViewkeeperHostOptions, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-        SkyViewkeeperHostOptions.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyViewkeeperHostOptions });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyViewkeeperHostOptions, decorators: [{
+        SkyViewkeeperHostOptions.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyViewkeeperHostOptions, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+        SkyViewkeeperHostOptions.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyViewkeeperHostOptions });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyViewkeeperHostOptions, decorators: [{
                     type: i0.Injectable
                 }] });
 
@@ -3112,7 +3139,7 @@
             var parent = scrollableHost ? scrollableHost : document.documentElement;
             return {
                 top: rect.top + parent.scrollTop,
-                left: rect.left + parent.scrollLeft
+                left: rect.left + parent.scrollLeft,
             };
         }
         function px(value) {
@@ -3134,7 +3161,9 @@
         }
         function getHeightWithMargin(el) {
             var computedStyle = getComputedStyle(el);
-            return el.offsetHeight + parseInt(computedStyle.marginTop, 10) + parseInt(computedStyle.marginBottom, 10);
+            return (el.offsetHeight +
+                parseInt(computedStyle.marginTop, 10) +
+                parseInt(computedStyle.marginBottom, 10));
         }
         function createCustomEvent(name) {
             var evt = document.createEvent('CustomEvent');
@@ -3163,6 +3192,21 @@
                 ensureStyleEl();
                 this.syncElPosition();
             }
+            Object.defineProperty(SkyViewkeeper.prototype, "viewportMarginTop", {
+                get: function () {
+                    if (this.scrollableHost) {
+                        return 0;
+                    }
+                    else {
+                        return this._viewportMarginTop;
+                    }
+                },
+                set: function (margin) {
+                    this._viewportMarginTop = margin;
+                },
+                enumerable: false,
+                configurable: true
+            });
             SkyViewkeeper.prototype.syncElPosition = function () {
                 var verticalOffset = this.calculateVerticalOffset();
                 // When the element isn't visible, its size can't be calculated, so don't attempt syncing position in this case.
@@ -3192,9 +3236,7 @@
                     if (this.verticalOffsetEl) {
                         this.verticalOffsetEl.removeEventListener(EVT_AFTER_VIEWKEEPER_SYNC, this.syncElPositionHandler);
                     }
-                    this.el =
-                        this.boundaryEl =
-                            this.verticalOffsetEl = undefined;
+                    this.el = this.boundaryEl = this.verticalOffsetEl = undefined;
                     this.isDestroyed = true;
                 }
             };
@@ -3209,7 +3251,8 @@
                 this.el.classList.remove(CLS_VIEWKEEPER_FIXED);
                 this.currentElFixedLeft =
                     this.currentElFixedTop =
-                        this.currentElFixedWidth = undefined;
+                        this.currentElFixedWidth =
+                            undefined;
                 var width;
                 if (this.setWidth) {
                     width = 'auto';
@@ -3221,7 +3264,7 @@
                 if (this.verticalOffsetEl) {
                     var verticalOffsetElTopStyle = this.verticalOffsetEl.style.top;
                     var verticalOffsetElTop = parseInt(verticalOffsetElTopStyle, 10) || 0;
-                    offset += (this.verticalOffsetEl.offsetHeight + verticalOffsetElTop);
+                    offset += this.verticalOffsetEl.offsetHeight + verticalOffsetElTop;
                 }
                 else if (this.scrollableHost) {
                     offset += this.scrollableHost.getBoundingClientRect().top;
@@ -3237,7 +3280,9 @@
                 else {
                     anchorTop = getOffset(this.el, this.scrollableHost).top;
                 }
-                doFixEl = boundaryInfo.scrollTop + verticalOffset + this.viewportMarginTop > anchorTop;
+                doFixEl =
+                    boundaryInfo.scrollTop + verticalOffset + this.viewportMarginTop >
+                        anchorTop;
                 return doFixEl;
             };
             SkyViewkeeper.prototype.getFixedStyles = function (boundaryInfo, verticalOffset) {
@@ -3246,13 +3291,15 @@
                 // will be 0 (fully visible) unless the user is scrolling the boundary out of view.
                 // In that case, the element should begin to scroll out of view with the
                 // rest of the boundary by setting its top position to a negative value.
-                elFixedTop = Math.min((boundaryInfo.boundaryBottom - boundaryInfo.elHeight) - boundaryInfo.scrollTop, verticalOffset);
+                elFixedTop = Math.min(boundaryInfo.boundaryBottom -
+                    boundaryInfo.elHeight -
+                    boundaryInfo.scrollTop, verticalOffset);
                 var elFixedWidth = boundaryInfo.boundaryEl.getBoundingClientRect().width;
                 var elFixedLeft = boundaryInfo.boundaryOffset.left - boundaryInfo.scrollLeft;
                 return {
                     elFixedLeft: elFixedLeft,
                     elFixedTop: elFixedTop,
-                    elFixedWidth: elFixedWidth
+                    elFixedWidth: elFixedWidth,
                 };
             };
             SkyViewkeeper.prototype.needsUpdating = function (doFixEl, fixedStyles) {
@@ -3261,7 +3308,8 @@
                     this.currentElFixedTop === fixedStyles.elFixedTop &&
                     this.currentElFixedWidth === fixedStyles.elFixedWidth) ||
                     (!doFixEl &&
-                        !(this.currentElFixedLeft !== undefined && this.currentElFixedLeft !== null))) {
+                        !(this.currentElFixedLeft !== undefined &&
+                            this.currentElFixedLeft !== null))) {
                     // The element is either currently fixed and its position and width do not need
                     // to change, or the element is not currently fixed and does not need to be fixed.
                     // No changes are needed.
@@ -3297,8 +3345,12 @@
                 var boundaryOffset = getOffset(boundaryEl, this.scrollableHost);
                 var boundaryTop = boundaryOffset.top;
                 var boundaryBottom = boundaryTop + boundaryEl.getBoundingClientRect().height;
-                var scrollLeft = this.scrollableHost ? this.scrollableHost.scrollLeft : document.documentElement.scrollLeft;
-                var scrollTop = this.scrollableHost ? this.scrollableHost.scrollTop : document.documentElement.scrollTop;
+                var scrollLeft = this.scrollableHost
+                    ? this.scrollableHost.scrollLeft
+                    : document.documentElement.scrollLeft;
+                var scrollTop = this.scrollableHost
+                    ? this.scrollableHost.scrollTop
+                    : document.documentElement.scrollTop;
                 var elHeight = getHeightWithMargin(this.el);
                 return {
                     boundaryBottom: boundaryBottom,
@@ -3308,7 +3360,7 @@
                     scrollLeft: scrollLeft,
                     scrollTop: scrollTop,
                     spacerId: spacerId,
-                    spacerEl: spacerEl
+                    spacerEl: spacerEl,
                 };
             };
             return SkyViewkeeper;
@@ -3338,12 +3390,12 @@
             };
             return SkyViewkeeperService;
         }());
-        SkyViewkeeperService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyViewkeeperService, deps: [{ token: SkyViewkeeperHostOptions, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-        SkyViewkeeperService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyViewkeeperService, providedIn: 'root' });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyViewkeeperService, decorators: [{
+        SkyViewkeeperService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyViewkeeperService, deps: [{ token: SkyViewkeeperHostOptions, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+        SkyViewkeeperService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyViewkeeperService, providedIn: 'root' });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyViewkeeperService, decorators: [{
                     type: i0.Injectable,
                     args: [{
-                            providedIn: 'root'
+                            providedIn: 'root',
                         }]
                 }], ctorParameters: function () {
                 return [{ type: SkyViewkeeperHostOptions, decorators: [{
@@ -3376,7 +3428,7 @@
                 this.observer = this.mutationObserverSvc.create(function () { return _this.detectElements(); });
                 this.observer.observe(this.el.nativeElement, {
                     childList: true,
-                    subtree: true
+                    subtree: true,
                 });
             };
             SkyViewkeeperDirective.prototype.ngOnDestroy = function () {
@@ -3449,7 +3501,8 @@
                     else {
                         this.scrollableHostWatchUnsubscribe = new rxjs.Subject();
                     }
-                    this.scrollableHostService.watchScrollableHost(this.el, this.scrollableHostWatchUnsubscribe)
+                    this.scrollableHostService
+                        .watchScrollableHost(this.el)
                         .pipe(operators.takeUntil(this.scrollableHostWatchUnsubscribe))
                         .subscribe(function (scrollableHost) {
                         var e_3, _a;
@@ -3460,10 +3513,12 @@
                                 var viewkeeperEl = viewkeeperEls_1_1.value;
                                 _this.viewkeepers.push(_this.viewkeeperSvc.create({
                                     boundaryEl: _this.el.nativeElement,
-                                    scrollableHost: scrollableHost instanceof HTMLElement ? scrollableHost : undefined,
+                                    scrollableHost: scrollableHost instanceof HTMLElement
+                                        ? scrollableHost
+                                        : undefined,
                                     el: viewkeeperEl,
                                     setWidth: true,
-                                    verticalOffsetEl: previousViewkeeperEl
+                                    verticalOffsetEl: previousViewkeeperEl,
                                 }));
                                 previousViewkeeperEl = viewkeeperEl;
                             }
@@ -3481,12 +3536,12 @@
             };
             return SkyViewkeeperDirective;
         }());
-        SkyViewkeeperDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyViewkeeperDirective, deps: [{ token: i0__namespace.ElementRef }, { token: MutationObserverService }, { token: SkyViewkeeperService }, { token: SkyScrollableHostService, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-        SkyViewkeeperDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.12", type: SkyViewkeeperDirective, selector: "[skyViewkeeper]", inputs: { skyViewkeeper: "skyViewkeeper" }, ngImport: i0__namespace });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyViewkeeperDirective, decorators: [{
+        SkyViewkeeperDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyViewkeeperDirective, deps: [{ token: i0__namespace.ElementRef }, { token: MutationObserverService }, { token: SkyViewkeeperService }, { token: SkyScrollableHostService, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+        SkyViewkeeperDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.14", type: SkyViewkeeperDirective, selector: "[skyViewkeeper]", inputs: { skyViewkeeper: "skyViewkeeper" }, ngImport: i0__namespace });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyViewkeeperDirective, decorators: [{
                     type: i0.Directive,
                     args: [{
-                            selector: '[skyViewkeeper]'
+                            selector: '[skyViewkeeper]',
                         }]
                 }], ctorParameters: function () {
                 return [{ type: i0__namespace.ElementRef }, { type: MutationObserverService }, { type: SkyViewkeeperService }, { type: SkyScrollableHostService, decorators: [{
@@ -3501,18 +3556,14 @@
             }
             return SkyViewkeeperModule;
         }());
-        SkyViewkeeperModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyViewkeeperModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-        SkyViewkeeperModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyViewkeeperModule, declarations: [SkyViewkeeperDirective], exports: [SkyViewkeeperDirective] });
-        SkyViewkeeperModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyViewkeeperModule });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.12", ngImport: i0__namespace, type: SkyViewkeeperModule, decorators: [{
+        SkyViewkeeperModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyViewkeeperModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+        SkyViewkeeperModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyViewkeeperModule, declarations: [SkyViewkeeperDirective], exports: [SkyViewkeeperDirective] });
+        SkyViewkeeperModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyViewkeeperModule });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyViewkeeperModule, decorators: [{
                     type: i0.NgModule,
                     args: [{
-                            declarations: [
-                                SkyViewkeeperDirective
-                            ],
-                            exports: [
-                                SkyViewkeeperDirective
-                            ]
+                            declarations: [SkyViewkeeperDirective],
+                            exports: [SkyViewkeeperDirective],
                         }]
                 }] });
 
@@ -3554,11 +3605,11 @@
         exports.SkyViewkeeperModule = SkyViewkeeperModule;
         exports.SkyViewkeeperService = SkyViewkeeperService;
         exports.getWindow = getWindow;
-        exports.λ1 = SkyAffixDirective;
-        exports.λ2 = SkyIdDirective;
-        exports.λ3 = SkyViewkeeperDirective;
+        exports["λ1"] = SkyAffixDirective;
+        exports["λ2"] = SkyIdDirective;
+        exports["λ3"] = SkyViewkeeperDirective;
 
         Object.defineProperty(exports, '__esModule', { value: true });
 
-})));
+}));
 //# sourceMappingURL=skyux-core.umd.js.map