@skyux/core 5.9.7 → 5.10.0

package/bundles/skyux-core.umd.js

@@ -45,6 +45,324 @@
                     args: [{}]
                 }] });
 
+        /*! *****************************************************************************
+        Copyright (c) Microsoft Corporation.
+
+        Permission to use, copy, modify, and/or distribute this software for any
+        purpose with or without fee is hereby granted.
+
+        THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+        REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+        AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+        INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+        LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+        OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+        PERFORMANCE OF THIS SOFTWARE.
+        ***************************************************************************** */
+        /* global Reflect, Promise */
+        var extendStatics = function (d, b) {
+            extendStatics = Object.setPrototypeOf ||
+                ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+                function (d, b) { for (var p in b)
+                    if (Object.prototype.hasOwnProperty.call(b, p))
+                        d[p] = b[p]; };
+            return extendStatics(d, b);
+        };
+        function __extends(d, b) {
+            if (typeof b !== "function" && b !== null)
+                throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+            extendStatics(d, b);
+            function __() { this.constructor = d; }
+            d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+        }
+        var __assign = function () {
+            __assign = Object.assign || function __assign(t) {
+                for (var s, i = 1, n = arguments.length; i < n; i++) {
+                    s = arguments[i];
+                    for (var p in s)
+                        if (Object.prototype.hasOwnProperty.call(s, p))
+                            t[p] = s[p];
+                }
+                return t;
+            };
+            return __assign.apply(this, arguments);
+        };
+        function __rest(s, e) {
+            var t = {};
+            for (var p in s)
+                if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+                    t[p] = s[p];
+            if (s != null && typeof Object.getOwnPropertySymbols === "function")
+                for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+                    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                        t[p[i]] = s[p[i]];
+                }
+            return t;
+        }
+        function __decorate(decorators, target, key, desc) {
+            var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+            if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+                r = Reflect.decorate(decorators, target, key, desc);
+            else
+                for (var i = decorators.length - 1; i >= 0; i--)
+                    if (d = decorators[i])
+                        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+            return c > 3 && r && Object.defineProperty(target, key, r), r;
+        }
+        function __param(paramIndex, decorator) {
+            return function (target, key) { decorator(target, key, paramIndex); };
+        }
+        function __metadata(metadataKey, metadataValue) {
+            if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
+                return Reflect.metadata(metadataKey, metadataValue);
+        }
+        function __awaiter(thisArg, _arguments, P, generator) {
+            function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+            return new (P || (P = Promise))(function (resolve, reject) {
+                function fulfilled(value) { try {
+                    step(generator.next(value));
+                }
+                catch (e) {
+                    reject(e);
+                } }
+                function rejected(value) { try {
+                    step(generator["throw"](value));
+                }
+                catch (e) {
+                    reject(e);
+                } }
+                function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+                step((generator = generator.apply(thisArg, _arguments || [])).next());
+            });
+        }
+        function __generator(thisArg, body) {
+            var _ = { label: 0, sent: function () { if (t[0] & 1)
+                    throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+            return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
+            function verb(n) { return function (v) { return step([n, v]); }; }
+            function step(op) {
+                if (f)
+                    throw new TypeError("Generator is already executing.");
+                while (_)
+                    try {
+                        if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
+                            return t;
+                        if (y = 0, t)
+                            op = [op[0] & 2, t.value];
+                        switch (op[0]) {
+                            case 0:
+                            case 1:
+                                t = op;
+                                break;
+                            case 4:
+                                _.label++;
+                                return { value: op[1], done: false };
+                            case 5:
+                                _.label++;
+                                y = op[1];
+                                op = [0];
+                                continue;
+                            case 7:
+                                op = _.ops.pop();
+                                _.trys.pop();
+                                continue;
+                            default:
+                                if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                                    _ = 0;
+                                    continue;
+                                }
+                                if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
+                                    _.label = op[1];
+                                    break;
+                                }
+                                if (op[0] === 6 && _.label < t[1]) {
+                                    _.label = t[1];
+                                    t = op;
+                                    break;
+                                }
+                                if (t && _.label < t[2]) {
+                                    _.label = t[2];
+                                    _.ops.push(op);
+                                    break;
+                                }
+                                if (t[2])
+                                    _.ops.pop();
+                                _.trys.pop();
+                                continue;
+                        }
+                        op = body.call(thisArg, _);
+                    }
+                    catch (e) {
+                        op = [6, e];
+                        y = 0;
+                    }
+                    finally {
+                        f = t = 0;
+                    }
+                if (op[0] & 5)
+                    throw op[1];
+                return { value: op[0] ? op[1] : void 0, done: true };
+            }
+        }
+        var __createBinding = Object.create ? (function (o, m, k, k2) {
+            if (k2 === undefined)
+                k2 = k;
+            Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
+        }) : (function (o, m, k, k2) {
+            if (k2 === undefined)
+                k2 = k;
+            o[k2] = m[k];
+        });
+        function __exportStar(m, o) {
+            for (var p in m)
+                if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
+                    __createBinding(o, m, p);
+        }
+        function __values(o) {
+            var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+            if (m)
+                return m.call(o);
+            if (o && typeof o.length === "number")
+                return {
+                    next: function () {
+                        if (o && i >= o.length)
+                            o = void 0;
+                        return { value: o && o[i++], done: !o };
+                    }
+                };
+            throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+        }
+        function __read(o, n) {
+            var m = typeof Symbol === "function" && o[Symbol.iterator];
+            if (!m)
+                return o;
+            var i = m.call(o), r, ar = [], e;
+            try {
+                while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
+                    ar.push(r.value);
+            }
+            catch (error) {
+                e = { error: error };
+            }
+            finally {
+                try {
+                    if (r && !r.done && (m = i["return"]))
+                        m.call(i);
+                }
+                finally {
+                    if (e)
+                        throw e.error;
+                }
+            }
+            return ar;
+        }
+        /** @deprecated */
+        function __spread() {
+            for (var ar = [], i = 0; i < arguments.length; i++)
+                ar = ar.concat(__read(arguments[i]));
+            return ar;
+        }
+        /** @deprecated */
+        function __spreadArrays() {
+            for (var s = 0, i = 0, il = arguments.length; i < il; i++)
+                s += arguments[i].length;
+            for (var r = Array(s), k = 0, i = 0; i < il; i++)
+                for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+                    r[k] = a[j];
+            return r;
+        }
+        function __spreadArray(to, from, pack) {
+            if (pack || arguments.length === 2)
+                for (var i = 0, l = from.length, ar; i < l; i++) {
+                    if (ar || !(i in from)) {
+                        if (!ar)
+                            ar = Array.prototype.slice.call(from, 0, i);
+                        ar[i] = from[i];
+                    }
+                }
+            return to.concat(ar || Array.prototype.slice.call(from));
+        }
+        function __await(v) {
+            return this instanceof __await ? (this.v = v, this) : new __await(v);
+        }
+        function __asyncGenerator(thisArg, _arguments, generator) {
+            if (!Symbol.asyncIterator)
+                throw new TypeError("Symbol.asyncIterator is not defined.");
+            var g = generator.apply(thisArg, _arguments || []), i, q = [];
+            return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
+            function verb(n) { if (g[n])
+                i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
+            function resume(n, v) { try {
+                step(g[n](v));
+            }
+            catch (e) {
+                settle(q[0][3], e);
+            } }
+            function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
+            function fulfill(value) { resume("next", value); }
+            function reject(value) { resume("throw", value); }
+            function settle(f, v) { if (f(v), q.shift(), q.length)
+                resume(q[0][0], q[0][1]); }
+        }
+        function __asyncDelegator(o) {
+            var i, p;
+            return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
+            function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
+        }
+        function __asyncValues(o) {
+            if (!Symbol.asyncIterator)
+                throw new TypeError("Symbol.asyncIterator is not defined.");
+            var m = o[Symbol.asyncIterator], i;
+            return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
+            function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
+            function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
+        }
+        function __makeTemplateObject(cooked, raw) {
+            if (Object.defineProperty) {
+                Object.defineProperty(cooked, "raw", { value: raw });
+            }
+            else {
+                cooked.raw = raw;
+            }
+            return cooked;
+        }
+        ;
+        var __setModuleDefault = Object.create ? (function (o, v) {
+            Object.defineProperty(o, "default", { enumerable: true, value: v });
+        }) : function (o, v) {
+            o["default"] = v;
+        };
+        function __importStar(mod) {
+            if (mod && mod.__esModule)
+                return mod;
+            var result = {};
+            if (mod != null)
+                for (var k in mod)
+                    if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
+                        __createBinding(result, mod, k);
+            __setModuleDefault(result, mod);
+            return result;
+        }
+        function __importDefault(mod) {
+            return (mod && mod.__esModule) ? mod : { default: mod };
+        }
+        function __classPrivateFieldGet(receiver, state, kind, f) {
+            if (kind === "a" && !f)
+                throw new TypeError("Private accessor was defined without a getter");
+            if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+                throw new TypeError("Cannot read private member from an object whose class did not declare it");
+            return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+        }
+        function __classPrivateFieldSet(receiver, state, value, kind, f) {
+            if (kind === "m")
+                throw new TypeError("Private method is not writable");
+            if (kind === "a" && !f)
+                throw new TypeError("Private accessor was defined without a setter");
+            if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+                throw new TypeError("Cannot write private member to an object whose class did not declare it");
+            return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+        }
+
         exports.SkyMediaBreakpoints = void 0;
         (function (SkyMediaBreakpoints) {
             /**
@@ -65,6 +383,7 @@
             SkyMediaBreakpoints[SkyMediaBreakpoints["lg"] = 4] = "lg";
         })(exports.SkyMediaBreakpoints || (exports.SkyMediaBreakpoints = {}));
 
+        var _SkyCoreAdapterService_renderer;
         var SKY_TABBABLE_SELECTOR = [
             'a[href]',
             'area[href]',
@@ -81,7 +400,8 @@
         var SkyCoreAdapterService = /** @class */ (function () {
             function SkyCoreAdapterService(rendererFactory) {
                 this.rendererFactory = rendererFactory;
-                this.renderer = this.rendererFactory.createRenderer(undefined, undefined);
+                _SkyCoreAdapterService_renderer.set(this, void 0);
+                __classPrivateFieldSet(this, _SkyCoreAdapterService_renderer, this.rendererFactory.createRenderer(undefined, null), "f");
             }
             /**
              * Set the responsive container CSS class for a given element.
@@ -92,10 +412,10 @@
              */
             SkyCoreAdapterService.prototype.setResponsiveContainerClass = function (elementRef, breakpoint) {
                 var nativeEl = elementRef.nativeElement;
-                this.renderer.removeClass(nativeEl, 'sky-responsive-container-xs');
-                this.renderer.removeClass(nativeEl, 'sky-responsive-container-sm');
-                this.renderer.removeClass(nativeEl, 'sky-responsive-container-md');
-                this.renderer.removeClass(nativeEl, 'sky-responsive-container-lg');
+                __classPrivateFieldGet(this, _SkyCoreAdapterService_renderer, "f").removeClass(nativeEl, 'sky-responsive-container-xs');
+                __classPrivateFieldGet(this, _SkyCoreAdapterService_renderer, "f").removeClass(nativeEl, 'sky-responsive-container-sm');
+                __classPrivateFieldGet(this, _SkyCoreAdapterService_renderer, "f").removeClass(nativeEl, 'sky-responsive-container-md');
+                __classPrivateFieldGet(this, _SkyCoreAdapterService_renderer, "f").removeClass(nativeEl, 'sky-responsive-container-lg');
                 var newClass;
                 switch (breakpoint) {
                     case exports.SkyMediaBreakpoints.xs: {
@@ -115,7 +435,7 @@
                         break;
                     }
                 }
-                this.renderer.addClass(nativeEl, newClass);
+                __classPrivateFieldGet(this, _SkyCoreAdapterService_renderer, "f").addClass(nativeEl, newClass);
             };
             /**
              * This method temporarily enables/disables pointer events.
@@ -282,6 +602,7 @@
             };
             return SkyCoreAdapterService;
         }());
+        _SkyCoreAdapterService_renderer = new WeakMap();
         SkyCoreAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyCoreAdapterService, deps: [{ token: i0__namespace.RendererFactory2 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
         SkyCoreAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyCoreAdapterService, providedIn: 'root' });
         i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyCoreAdapterService, decorators: [{
@@ -763,19 +1084,22 @@
             return SkyAffixer;
         }());
 
+        var _SkyAffixService_renderer;
         var SkyAffixService = /** @class */ (function () {
             function SkyAffixService(rendererFactory) {
-                this.renderer = rendererFactory.createRenderer(undefined, undefined);
+                _SkyAffixService_renderer.set(this, void 0);
+                __classPrivateFieldSet(this, _SkyAffixService_renderer, rendererFactory.createRenderer(undefined, null), "f");
             }
             /**
              * Creates an instance of [[SkyAffixer]].
              * @param affixed The element to be affixed.
              */
             SkyAffixService.prototype.createAffixer = function (affixed) {
-                return new SkyAffixer(affixed.nativeElement, this.renderer);
+                return new SkyAffixer(affixed.nativeElement, __classPrivateFieldGet(this, _SkyAffixService_renderer, "f"));
             };
             return SkyAffixService;
         }());
+        _SkyAffixService_renderer = new WeakMap();
         SkyAffixService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAffixService, deps: [{ token: i0__namespace.RendererFactory2 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
         SkyAffixService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAffixService, providedIn: 'root' });
         i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAffixService, decorators: [{
@@ -1095,1000 +1419,682 @@
                 var found = this.itemRefs.find(function (i) { return i.componentRef.hostView === viewRef; });
                 this.itemRefs.splice(this.itemRefs.indexOf(found), 1);
             };
-            SkyDockComponent.prototype.setOptions = function (options) {
-                var _a, _b;
-                this.options = options;
-                switch ((_a = this.options) === null || _a === void 0 ? void 0 : _a.location) {
-                    case exports.SkyDockLocation.BeforeElement:
-                        this.domAdapter.unbindDock(this.elementRef);
-                        break;
-                    case exports.SkyDockLocation.ElementBottom:
-                        this.domAdapter.setSticky(this.elementRef);
-                        break;
-                    case exports.SkyDockLocation.BodyBottom:
-                    default:
-                        this.domAdapter.watchDomChanges(this.elementRef);
-                        break;
-                }
-                if ((_b = this.options) === null || _b === void 0 ? void 0 : _b.zIndex) {
-                    this.domAdapter.setZIndex(this.options.zIndex, this.elementRef);
-                }
-            };
-            SkyDockComponent.prototype.sortItemsByStackOrder = function () {
-                var _this = this;
-                this.itemRefs.sort(sortByStackOrder);
-                // Reassign the correct index for each view.
-                this.itemRefs.forEach(function (item, i) { return _this.target.move(item.componentRef.hostView, i); });
-            };
-            SkyDockComponent.prototype.getHighestStackOrder = function () {
-                if (this.itemRefs.length === 0) {
-                    return 0;
-                }
-                return this.itemRefs[0].stackOrder + 1;
-            };
-            return SkyDockComponent;
-        }());
-        SkyDockComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDockComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: i0__namespace.ComponentFactoryResolver }, { token: i0__namespace.ElementRef }, { token: i0__namespace.Injector }, { token: SkyDockDomAdapterService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-        SkyDockComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDockComponent, selector: "sky-dock", providers: [SkyDockDomAdapterService], viewQueries: [{ propertyName: "target", first: true, predicate: ["target"], descendants: true, read: i0.ViewContainerRef, static: true }], ngImport: i0__namespace, template: "<ng-container #target></ng-container>\n", styles: [":host{display:flex;flex-direction:column;width:100%}:host:not(.sky-dock-unbound){position:fixed;left:0;bottom:0;right:0}:host.sky-dock-sticky{position:sticky}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDockComponent, decorators: [{
-                    type: i0.Component,
-                    args: [{
-                            selector: 'sky-dock',
-                            template: "<ng-container #target></ng-container>\n",
-                            styles: [":host{display:flex;flex-direction:column;width:100%}:host:not(.sky-dock-unbound){position:fixed;left:0;bottom:0;right:0}:host.sky-dock-sticky{position:sticky}\n"],
-                            providers: [SkyDockDomAdapterService],
-                            changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                        }]
-                }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: i0__namespace.ComponentFactoryResolver }, { type: i0__namespace.ElementRef }, { type: i0__namespace.Injector }, { type: SkyDockDomAdapterService }]; }, propDecorators: { target: [{
-                        type: i0.ViewChild,
-                        args: ['target', {
-                                read: i0.ViewContainerRef,
-                                static: true,
-                            }]
-                    }] } });
-
-        var SkyDockModule = /** @class */ (function () {
-            function SkyDockModule() {
-            }
-            return SkyDockModule;
-        }());
-        SkyDockModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDockModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-        SkyDockModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDockModule, declarations: [SkyDockComponent], imports: [i4.CommonModule] });
-        SkyDockModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDockModule, providers: [MutationObserverService], imports: [[i4.CommonModule]] });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDockModule, decorators: [{
-                    type: i0.NgModule,
-                    args: [{
-                            imports: [i4.CommonModule],
-                            declarations: [SkyDockComponent],
-                            entryComponents: [SkyDockComponent],
-                            providers: [MutationObserverService],
-                        }]
-                }] });
-
-        /**
-         * The location on the page where the dynamic component should be rendered.
-         */
-        exports.SkyDynamicComponentLocation = void 0;
-        (function (SkyDynamicComponentLocation) {
-            /**
-             * Renders the dynamic component before a given element.
-             */
-            SkyDynamicComponentLocation[SkyDynamicComponentLocation["BeforeElement"] = 0] = "BeforeElement";
-            /**
-             * Renders the dynamic component as the last element inside the BODY element.
-             */
-            SkyDynamicComponentLocation[SkyDynamicComponentLocation["BodyBottom"] = 1] = "BodyBottom";
-            /**
-             * Renders the dynamic component as the first element inside the BODY element.
-             */
-            SkyDynamicComponentLocation[SkyDynamicComponentLocation["BodyTop"] = 2] = "BodyTop";
-            /**
-             * Renders the dynamic component as the last element inside a given element.
-             */
-            SkyDynamicComponentLocation[SkyDynamicComponentLocation["ElementBottom"] = 3] = "ElementBottom";
-            /**
-             * Renders the dynamic component as the first element inside a given element.
-             */
-            SkyDynamicComponentLocation[SkyDynamicComponentLocation["ElementTop"] = 4] = "ElementTop";
-        })(exports.SkyDynamicComponentLocation || (exports.SkyDynamicComponentLocation = {}));
-
-        /**
-         * @internal
-         */
-        function getWindow() {
-            return window;
-        }
-        /**
-         * The application window reference service references the global window variable.
-         * After users inject SkyAppWindowRef into a component, they can use the service to interact with
-         * window properties and event handlers by referencing its nativeWindow property.
-         */
-        var SkyAppWindowRef = /** @class */ (function () {
-            function SkyAppWindowRef() {
-            }
-            Object.defineProperty(SkyAppWindowRef.prototype, "nativeWindow", {
-                /**
-                 * References the global `window` variable.
-                 */
-                get: function () {
-                    return getWindow();
-                },
-                enumerable: false,
-                configurable: true
-            });
-            return SkyAppWindowRef;
-        }());
-        SkyAppWindowRef.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAppWindowRef, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-        SkyAppWindowRef.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAppWindowRef, providedIn: 'root' });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAppWindowRef, decorators: [{
-                    type: i0.Injectable,
-                    args: [{
-                            providedIn: 'root',
-                        }]
-                }] });
-
-        /**
-         * Angular service for creating and rendering a dynamic component.
-         */
-        var SkyDynamicComponentService = /** @class */ (function () {
-            function SkyDynamicComponentService(componentFactoryResolver, applicationRef, injector, windowRef, rendererFactory) {
-                this.componentFactoryResolver = componentFactoryResolver;
-                this.applicationRef = applicationRef;
-                this.injector = injector;
-                this.windowRef = windowRef;
-                // Based on suggestions from https://github.com/angular/angular/issues/17824
-                // for accessing an instance of Renderer2 in a service since Renderer2 can't
-                // be injected into a service.  Passing undefined for both parameters results
-                // in the default renderer which is what we want here.
-                this.renderer = rendererFactory.createRenderer(undefined, undefined);
-            }
-            /**
-             * Creates an instance of the specified component and adds it to the specified location
-             * on the page.
-             * @param options Options for creating the dynamic component.
-             */
-            SkyDynamicComponentService.prototype.createComponent = function (componentType, options) {
-                options = options || {
-                    location: exports.SkyDynamicComponentLocation.BodyBottom,
-                };
-                var componentRef = this.componentFactoryResolver
-                    .resolveComponentFactory(componentType)
-                    .create(this.injector);
-                this.applicationRef.attachView(componentRef.hostView);
-                var el = this.getRootNode(componentRef);
-                var bodyEl = this.windowRef.nativeWindow.document.body;
-                switch (options.location) {
-                    case exports.SkyDynamicComponentLocation.BeforeElement:
-                        this.renderer.insertBefore(options.referenceEl.parentElement, el, options.referenceEl);
-                        break;
-                    case exports.SkyDynamicComponentLocation.ElementTop:
-                        this.renderer.insertBefore(options.referenceEl, el, options.referenceEl.firstChild);
-                        break;
-                    case exports.SkyDynamicComponentLocation.ElementBottom:
-                        this.renderer.appendChild(options.referenceEl, el);
-                        break;
-                    case exports.SkyDynamicComponentLocation.BodyTop:
-                        this.renderer.insertBefore(bodyEl, el, bodyEl.firstChild);
-                        break;
-                    default:
-                        this.renderer.appendChild(bodyEl, el);
-                        break;
-                }
-                return componentRef;
-            };
-            /**
-             * Removes a component ref from the page
-             * @param componentRef Component ref for the component being removed
-             */
-            SkyDynamicComponentService.prototype.removeComponent = function (componentRef) {
-                if (!componentRef) {
-                    return;
-                }
-                this.applicationRef.detachView(componentRef.hostView);
-                componentRef.destroy();
-            };
-            SkyDynamicComponentService.prototype.getRootNode = function (componentRef) {
-                // Technique for retrieving the component's root node taken from here:
-                // https://malcoded.com/posts/angular-dynamic-components
-                return componentRef.hostView.rootNodes[0];
-            };
-            return SkyDynamicComponentService;
-        }());
-        SkyDynamicComponentService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDynamicComponentService, deps: [{ token: i0__namespace.ComponentFactoryResolver }, { token: i0__namespace.ApplicationRef }, { token: i0__namespace.Injector }, { token: SkyAppWindowRef }, { token: i0__namespace.RendererFactory2 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-        SkyDynamicComponentService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDynamicComponentService, providedIn: 'any' });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDynamicComponentService, decorators: [{
-                    type: i0.Injectable,
-                    args: [{
-                            // Must be 'any' so that the component is created in the context of its module's injector.
-                            // If set to 'root', the component's dependency injections would only be derived from the root
-                            // injector and may loose context if the component is created within a lazy-loaded module.
-                            providedIn: 'any',
-                        }]
-                }], ctorParameters: function () { return [{ type: i0__namespace.ComponentFactoryResolver }, { type: i0__namespace.ApplicationRef }, { type: i0__namespace.Injector }, { type: SkyAppWindowRef }, { type: i0__namespace.RendererFactory2 }]; } });
-
-        /**
-         * This service docks components to specific areas on the page.
-         */
-        var SkyDockService = /** @class */ (function () {
-            function SkyDockService(dynamicComponentService) {
-                this.dynamicComponentService = dynamicComponentService;
-            }
-            Object.defineProperty(SkyDockService.prototype, "items", {
-                /**
-                 * Returns all docked items.
-                 */
-                get: function () {
-                    return SkyDockService._items;
-                },
-                enumerable: false,
-                configurable: true
-            });
-            /**
-             * Docks a component to the bottom of the page.
-             * @param component The component to dock.
-             * @param config Options that affect the docking action.
-             */
-            SkyDockService.prototype.insertComponent = function (component, config) {
-                var _this = this;
-                if (!SkyDockService.dockRef) {
-                    this.createDock();
-                }
-                var itemRef = SkyDockService.dockRef.instance.insertComponent(component, config);
-                var item = new SkyDockItem(itemRef.componentRef.instance, itemRef.stackOrder);
-                item.destroyed.subscribe(function () {
-                    SkyDockService.dockRef.instance.removeItem(itemRef);
-                    SkyDockService._items.splice(SkyDockService._items.indexOf(item), 1);
-                    if (SkyDockService._items.length === 0) {
-                        _this.destroyDock();
-                    }
-                });
-                SkyDockService._items.push(item);
-                SkyDockService._items.sort(sortByStackOrder);
-                return item;
-            };
-            /**
-             * Sets options for the positioning and styling of the dock component. Since the dock service is a
-             * singleton instance, these options will be applied to all components inserted into the dock. In
-             * order to create a seperate dock with different options, consumers should provide a different
-             * instance of the dock service.
-             * @param options The options for positioning and styling
-             */
-            SkyDockService.prototype.setDockOptions = function (options) {
+            SkyDockComponent.prototype.setOptions = function (options) {
+                var _a, _b;
                 this.options = options;
-            };
-            SkyDockService.prototype.createDock = function () {
-                var dockOptions;
-                if (this.options) {
-                    var dynamicLocation = void 0;
-                    switch (this.options.location) {
-                        case exports.SkyDockLocation.BeforeElement:
-                            dynamicLocation = exports.SkyDynamicComponentLocation.BeforeElement;
-                            break;
-                        case exports.SkyDockLocation.ElementBottom:
-                            dynamicLocation = exports.SkyDynamicComponentLocation.ElementBottom;
-                            break;
-                        default:
-                            dynamicLocation = exports.SkyDynamicComponentLocation.BodyTop;
-                            break;
-                    }
-                    dockOptions = {
-                        location: dynamicLocation,
-                        referenceEl: this.options.referenceEl,
-                    };
+                switch ((_a = this.options) === null || _a === void 0 ? void 0 : _a.location) {
+                    case exports.SkyDockLocation.BeforeElement:
+                        this.domAdapter.unbindDock(this.elementRef);
+                        break;
+                    case exports.SkyDockLocation.ElementBottom:
+                        this.domAdapter.setSticky(this.elementRef);
+                        break;
+                    case exports.SkyDockLocation.BodyBottom:
+                    default:
+                        this.domAdapter.watchDomChanges(this.elementRef);
+                        break;
+                }
+                if ((_b = this.options) === null || _b === void 0 ? void 0 : _b.zIndex) {
+                    this.domAdapter.setZIndex(this.options.zIndex, this.elementRef);
                 }
-                SkyDockService.dockRef = this.dynamicComponentService.createComponent(SkyDockComponent, dockOptions);
-                SkyDockService.dockRef.instance.setOptions(this.options);
             };
-            SkyDockService.prototype.destroyDock = function () {
-                this.dynamicComponentService.removeComponent(SkyDockService.dockRef);
-                SkyDockService.dockRef = undefined;
+            SkyDockComponent.prototype.sortItemsByStackOrder = function () {
+                var _this = this;
+                this.itemRefs.sort(sortByStackOrder);
+                // Reassign the correct index for each view.
+                this.itemRefs.forEach(function (item, i) { return _this.target.move(item.componentRef.hostView, i); });
             };
-            return SkyDockService;
+            SkyDockComponent.prototype.getHighestStackOrder = function () {
+                if (this.itemRefs.length === 0) {
+                    return 0;
+                }
+                return this.itemRefs[0].stackOrder + 1;
+            };
+            return SkyDockComponent;
         }());
-        SkyDockService._items = [];
-        SkyDockService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDockService, deps: [{ token: SkyDynamicComponentService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-        SkyDockService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDockService, providedIn: 'any' });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDockService, decorators: [{
-                    type: i0.Injectable,
+        SkyDockComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDockComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: i0__namespace.ComponentFactoryResolver }, { token: i0__namespace.ElementRef }, { token: i0__namespace.Injector }, { token: SkyDockDomAdapterService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+        SkyDockComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDockComponent, selector: "sky-dock", providers: [SkyDockDomAdapterService], viewQueries: [{ propertyName: "target", first: true, predicate: ["target"], descendants: true, read: i0.ViewContainerRef, static: true }], ngImport: i0__namespace, template: "<ng-container #target></ng-container>\n", styles: [":host{display:flex;flex-direction:column;width:100%}:host:not(.sky-dock-unbound){position:fixed;left:0;bottom:0;right:0}:host.sky-dock-sticky{position:sticky}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDockComponent, decorators: [{
+                    type: i0.Component,
                     args: [{
-                            // Must be 'any' so that the dock component is created in the context of its module's injector.
-                            // If set to 'root', the component's dependency injections would only be derived from the root
-                            // injector and may loose context if the dock was opened from within a lazy-loaded module.
-                            providedIn: 'any',
+                            selector: 'sky-dock',
+                            template: "<ng-container #target></ng-container>\n",
+                            styles: [":host{display:flex;flex-direction:column;width:100%}:host:not(.sky-dock-unbound){position:fixed;left:0;bottom:0;right:0}:host.sky-dock-sticky{position:sticky}\n"],
+                            providers: [SkyDockDomAdapterService],
+                            changeDetection: i0.ChangeDetectionStrategy.OnPush,
                         }]
-                }], ctorParameters: function () { return [{ type: SkyDynamicComponentService }]; } });
+                }], 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,
+                            }]
+                    }] } });
 
-        /**
-         * Provides services required to create dynamic components on the page.
-         * @deprecated The `SkyDynamicComponentService` no longer needs the `SkyDynamicComponentModule`.
-         * The `SkyDynamicComponentModule` can be removed from your project.
-         */
-        var SkyDynamicComponentModule = /** @class */ (function () {
-            function SkyDynamicComponentModule() {
+        var SkyDockModule = /** @class */ (function () {
+            function SkyDockModule() {
             }
-            return SkyDynamicComponentModule;
+            return SkyDockModule;
         }());
-        SkyDynamicComponentModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDynamicComponentModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-        SkyDynamicComponentModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDynamicComponentModule });
-        SkyDynamicComponentModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDynamicComponentModule });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDynamicComponentModule, decorators: [{
+        SkyDockModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDockModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+        SkyDockModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDockModule, declarations: [SkyDockComponent], imports: [i4.CommonModule] });
+        SkyDockModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDockModule, providers: [MutationObserverService], imports: [[i4.CommonModule]] });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDockModule, decorators: [{
                     type: i0.NgModule,
-                    args: [{}]
-                }] });
-
-        var SkyAppFormat = /** @class */ (function () {
-            function SkyAppFormat() {
-            }
-            SkyAppFormat.prototype.formatText = function (format) {
-                var args = [];
-                for (var _i = 1; _i < arguments.length; _i++) {
-                    args[_i - 1] = arguments[_i];
-                }
-                return String(format).replace(/\{(\d+)\}/g, function (match, capture) {
-                    return args[parseInt(capture, 10)];
-                });
-            };
-            return SkyAppFormat;
-        }());
-        SkyAppFormat.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAppFormat, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-        SkyAppFormat.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAppFormat, providedIn: 'root' });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAppFormat, decorators: [{
-                    type: i0.Injectable,
                     args: [{
-                            providedIn: 'root',
+                            imports: [i4.CommonModule],
+                            declarations: [SkyDockComponent],
+                            entryComponents: [SkyDockComponent],
+                            providers: [MutationObserverService],
                         }]
                 }] });
 
-        var idIndex = 0;
-        function generateId() {
-            idIndex++;
-            return "sky-id-gen__" + idIndex;
+        /**
+         * The location on the page where the dynamic component should be rendered.
+         */
+        exports.SkyDynamicComponentLocation = void 0;
+        (function (SkyDynamicComponentLocation) {
+            /**
+             * Renders the dynamic component before a given element.
+             */
+            SkyDynamicComponentLocation[SkyDynamicComponentLocation["BeforeElement"] = 0] = "BeforeElement";
+            /**
+             * Renders the dynamic component as the last element inside the BODY element.
+             */
+            SkyDynamicComponentLocation[SkyDynamicComponentLocation["BodyBottom"] = 1] = "BodyBottom";
+            /**
+             * Renders the dynamic component as the first element inside the BODY element.
+             */
+            SkyDynamicComponentLocation[SkyDynamicComponentLocation["BodyTop"] = 2] = "BodyTop";
+            /**
+             * Renders the dynamic component as the last element inside a given element.
+             */
+            SkyDynamicComponentLocation[SkyDynamicComponentLocation["ElementBottom"] = 3] = "ElementBottom";
+            /**
+             * Renders the dynamic component as the first element inside a given element.
+             */
+            SkyDynamicComponentLocation[SkyDynamicComponentLocation["ElementTop"] = 4] = "ElementTop";
+        })(exports.SkyDynamicComponentLocation || (exports.SkyDynamicComponentLocation = {}));
+
+        /**
+         * @internal
+         */
+        function getWindow() {
+            return window;
         }
         /**
-         * Sets the element's `id` attribute to a unique ID. To reference this unique ID on other elements,
-         * such as in a `label` element's `for` attribute, assign this directive to a template reference
-         * variable, then use its `id` property.
+         * The application window reference service references the global window variable.
+         * After users inject SkyAppWindowRef into a component, they can use the service to interact with
+         * window properties and event handlers by referencing its nativeWindow property.
          */
-        var SkyIdDirective = /** @class */ (function () {
-            function SkyIdDirective(elRef, renderer) {
-                // Generate and apply the ID before the template is rendered
-                // to avoid a changed-after-checked error.
-                var id = generateId();
-                renderer.setAttribute(elRef.nativeElement, 'id', id);
-                this._id = id;
+        var SkyAppWindowRef = /** @class */ (function () {
+            function SkyAppWindowRef() {
             }
-            Object.defineProperty(SkyIdDirective.prototype, "id", {
+            Object.defineProperty(SkyAppWindowRef.prototype, "nativeWindow", {
+                /**
+                 * References the global `window` variable.
+                 */
                 get: function () {
-                    return this._id;
+                    return getWindow();
                 },
                 enumerable: false,
                 configurable: true
             });
-            return SkyIdDirective;
-        }());
-        SkyIdDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyIdDirective, deps: [{ token: i0__namespace.ElementRef }, { token: i0__namespace.Renderer2 }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-        SkyIdDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: SkyIdDirective, selector: "[skyId]", exportAs: ["skyId"], ngImport: i0__namespace });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyIdDirective, decorators: [{
-                    type: i0.Directive,
-                    args: [{
-                            selector: '[skyId]',
-                            exportAs: 'skyId',
-                        }]
-                }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }, { type: i0__namespace.Renderer2 }]; } });
-
-        var SkyIdModule = /** @class */ (function () {
-            function SkyIdModule() {
-            }
-            return SkyIdModule;
+            return SkyAppWindowRef;
         }());
-        SkyIdModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyIdModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-        SkyIdModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyIdModule, declarations: [SkyIdDirective], exports: [SkyIdDirective] });
-        SkyIdModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyIdModule });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyIdModule, decorators: [{
-                    type: i0.NgModule,
+        SkyAppWindowRef.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAppWindowRef, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+        SkyAppWindowRef.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAppWindowRef, providedIn: 'root' });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAppWindowRef, decorators: [{
+                    type: i0.Injectable,
                     args: [{
-                            declarations: [SkyIdDirective],
-                            exports: [SkyIdDirective],
+                            providedIn: 'root',
                         }]
                 }] });
 
         /**
-         * @deprecated The `SkyLogService` no longer needs the `SkyLogModule`.
-         * The `SkyLogModule` can be removed from your project.
-         */
-        var SkyLogModule = /** @class */ (function () {
-            function SkyLogModule() {
-            }
-            return SkyLogModule;
-        }());
-        SkyLogModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyLogModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-        SkyLogModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyLogModule });
-        SkyLogModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyLogModule });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyLogModule, decorators: [{
-                    type: i0.NgModule,
-                    args: [{}]
-                }] });
-
-        /**
-         * @deprecated The `SkyLogService` will be removed in the next major version of `@skyux/core`.
+         * Angular service for creating and rendering a dynamic component.
          */
-        var SkyLogService = /** @class */ (function () {
-            function SkyLogService() {
+        var SkyDynamicComponentService = /** @class */ (function () {
+            function SkyDynamicComponentService(componentFactoryResolver, applicationRef, injector, windowRef, rendererFactory) {
+                this.componentFactoryResolver = componentFactoryResolver;
+                this.applicationRef = applicationRef;
+                this.injector = injector;
+                this.windowRef = windowRef;
+                // Based on suggestions from https://github.com/angular/angular/issues/17824
+                // for accessing an instance of Renderer2 in a service since Renderer2 can't
+                // be injected into a service.  Passing undefined for both parameters results
+                // in the default renderer which is what we want here.
+                this.renderer = rendererFactory.createRenderer(undefined, undefined);
             }
-            SkyLogService.prototype.warn = function (message) {
-                var optionalParams = [];
-                for (var _i = 1; _i < arguments.length; _i++) {
-                    optionalParams[_i - 1] = arguments[_i];
+            /**
+             * Creates an instance of the specified component and adds it to the specified location
+             * on the page.
+             * @param options Options for creating the dynamic component.
+             */
+            SkyDynamicComponentService.prototype.createComponent = function (componentType, options) {
+                options = options || {
+                    location: exports.SkyDynamicComponentLocation.BodyBottom,
+                };
+                var componentRef = this.componentFactoryResolver
+                    .resolveComponentFactory(componentType)
+                    .create(this.injector);
+                this.applicationRef.attachView(componentRef.hostView);
+                var el = this.getRootNode(componentRef);
+                var bodyEl = this.windowRef.nativeWindow.document.body;
+                switch (options.location) {
+                    case exports.SkyDynamicComponentLocation.BeforeElement:
+                        this.renderer.insertBefore(options.referenceEl.parentElement, el, options.referenceEl);
+                        break;
+                    case exports.SkyDynamicComponentLocation.ElementTop:
+                        this.renderer.insertBefore(options.referenceEl, el, options.referenceEl.firstChild);
+                        break;
+                    case exports.SkyDynamicComponentLocation.ElementBottom:
+                        this.renderer.appendChild(options.referenceEl, el);
+                        break;
+                    case exports.SkyDynamicComponentLocation.BodyTop:
+                        this.renderer.insertBefore(bodyEl, el, bodyEl.firstChild);
+                        break;
+                    default:
+                        this.renderer.appendChild(bodyEl, el);
+                        break;
                 }
-                /*istanbul ignore else */
-                if (window.console) {
-                    // eslint-disable-next-line prefer-spread,prefer-rest-params
-                    window.console.warn.apply(window.console, arguments);
+                return componentRef;
+            };
+            /**
+             * Removes a component ref from the page
+             * @param componentRef Component ref for the component being removed
+             */
+            SkyDynamicComponentService.prototype.removeComponent = function (componentRef) {
+                if (!componentRef) {
+                    return;
                 }
+                this.applicationRef.detachView(componentRef.hostView);
+                componentRef.destroy();
             };
-            return SkyLogService;
+            SkyDynamicComponentService.prototype.getRootNode = function (componentRef) {
+                // Technique for retrieving the component's root node taken from here:
+                // https://malcoded.com/posts/angular-dynamic-components
+                return componentRef.hostView.rootNodes[0];
+            };
+            return SkyDynamicComponentService;
         }());
-        SkyLogService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyLogService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-        SkyLogService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyLogService, providedIn: 'root' });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyLogService, decorators: [{
+        SkyDynamicComponentService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDynamicComponentService, deps: [{ token: i0__namespace.ComponentFactoryResolver }, { token: i0__namespace.ApplicationRef }, { token: i0__namespace.Injector }, { token: SkyAppWindowRef }, { token: i0__namespace.RendererFactory2 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+        SkyDynamicComponentService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDynamicComponentService, providedIn: 'any' });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDynamicComponentService, decorators: [{
                     type: i0.Injectable,
                     args: [{
-                            providedIn: 'root',
+                            // Must be 'any' so that the component is created in the context of its module's injector.
+                            // If set to 'root', the component's dependency injections would only be derived from the root
+                            // injector and may loose context if the component is created within a lazy-loaded module.
+                            providedIn: 'any',
                         }]
-                }] });
+                }], ctorParameters: function () { return [{ type: i0__namespace.ComponentFactoryResolver }, { type: i0__namespace.ApplicationRef }, { type: i0__namespace.Injector }, { type: SkyAppWindowRef }, { type: i0__namespace.RendererFactory2 }]; } });
 
         /**
-         * @deprecated The `SkyMediaQueryService` no longer needs the `SkyMediaQueryModule`.
-         * The `SkyMediaQueryModule` can be removed from your project.
+         * This service docks components to specific areas on the page.
          */
-        var SkyMediaQueryModule = /** @class */ (function () {
-            function SkyMediaQueryModule() {
-            }
-            return SkyMediaQueryModule;
-        }());
-        SkyMediaQueryModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyMediaQueryModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-        SkyMediaQueryModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyMediaQueryModule });
-        SkyMediaQueryModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyMediaQueryModule });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyMediaQueryModule, decorators: [{
-                    type: i0.NgModule,
-                    args: [{}]
-                }] });
-
-        var SkyMediaQueryService = /** @class */ (function () {
-            function SkyMediaQueryService(zone) {
-                this.zone = zone;
-                this.currentSubject = new rxjs.BehaviorSubject(this.current);
-                this._current = exports.SkyMediaBreakpoints.md;
-                this.breakpoints = [
-                    {
-                        mediaQueryString: SkyMediaQueryService.xs,
-                        name: exports.SkyMediaBreakpoints.xs,
-                    },
-                    {
-                        mediaQueryString: SkyMediaQueryService.sm,
-                        name: exports.SkyMediaBreakpoints.sm,
-                    },
-                    {
-                        mediaQueryString: SkyMediaQueryService.md,
-                        name: exports.SkyMediaBreakpoints.md,
-                    },
-                    {
-                        mediaQueryString: SkyMediaQueryService.lg,
-                        name: exports.SkyMediaBreakpoints.lg,
-                    },
-                ];
-                this.mediaQueries = [];
-                this.addListeners();
+        var SkyDockService = /** @class */ (function () {
+            function SkyDockService(dynamicComponentService) {
+                this.dynamicComponentService = dynamicComponentService;
             }
-            Object.defineProperty(SkyMediaQueryService.prototype, "current", {
+            Object.defineProperty(SkyDockService.prototype, "items", {
                 /**
-                 * Returns the current breakpoint.
+                 * Returns all docked items.
                  */
                 get: function () {
-                    return this._current;
+                    return SkyDockService._items;
                 },
                 enumerable: false,
                 configurable: true
             });
-            SkyMediaQueryService.prototype.ngOnDestroy = function () {
-                this.removeListeners();
-                this.currentSubject.complete();
-            };
             /**
-             * Subscribes to screen size changes.
-             * @param listener Specifies a function that is called when breakpoints change.
+             * Docks a component to the bottom of the page.
+             * @param component The component to dock.
+             * @param config Options that affect the docking action.
              */
-            SkyMediaQueryService.prototype.subscribe = function (listener) {
-                return this.currentSubject.subscribe({
-                    next: function (breakpoints) {
-                        listener(breakpoints);
-                    },
+            SkyDockService.prototype.insertComponent = function (component, config) {
+                var _this = this;
+                if (!SkyDockService.dockRef) {
+                    this.createDock();
+                }
+                var itemRef = SkyDockService.dockRef.instance.insertComponent(component, config);
+                var item = new SkyDockItem(itemRef.componentRef.instance, itemRef.stackOrder);
+                item.destroyed.subscribe(function () {
+                    SkyDockService.dockRef.instance.removeItem(itemRef);
+                    SkyDockService._items.splice(SkyDockService._items.indexOf(item), 1);
+                    if (SkyDockService._items.length === 0) {
+                        _this.destroyDock();
+                    }
                 });
+                SkyDockService._items.push(item);
+                SkyDockService._items.sort(sortByStackOrder);
+                return item;
             };
             /**
-             * @internal
+             * Sets options for the positioning and styling of the dock component. Since the dock service is a
+             * singleton instance, these options will be applied to all components inserted into the dock. In
+             * order to create a seperate dock with different options, consumers should provide a different
+             * instance of the dock service.
+             * @param options The options for positioning and styling
              */
-            SkyMediaQueryService.prototype.destroy = function () {
-                this.removeListeners();
-                this.currentSubject.complete();
+            SkyDockService.prototype.setDockOptions = function (options) {
+                this.options = options;
             };
-            SkyMediaQueryService.prototype.addListeners = function () {
-                var _this = this;
-                this.mediaQueries = this.breakpoints.map(function (breakpoint) {
-                    var mq = matchMedia(breakpoint.mediaQueryString);
-                    var listener = function (event) {
-                        // Run the check outside of Angular's change detection since Angular
-                        // does not wrap matchMedia listeners in NgZone.
-                        // See: https://blog.assaf.co/angular-2-change-detection-zones-and-an-example/
-                        _this.zone.run(function () {
-                            if (event.matches) {
-                                _this.notifyBreakpointChange(breakpoint.name);
-                            }
-                        });
-                    };
-                    mq.addListener(listener);
-                    if (mq.matches) {
-                        _this.notifyBreakpointChange(breakpoint.name);
+            SkyDockService.prototype.createDock = function () {
+                var dockOptions;
+                if (this.options) {
+                    var dynamicLocation = void 0;
+                    switch (this.options.location) {
+                        case exports.SkyDockLocation.BeforeElement:
+                            dynamicLocation = exports.SkyDynamicComponentLocation.BeforeElement;
+                            break;
+                        case exports.SkyDockLocation.ElementBottom:
+                            dynamicLocation = exports.SkyDynamicComponentLocation.ElementBottom;
+                            break;
+                        default:
+                            dynamicLocation = exports.SkyDynamicComponentLocation.BodyTop;
+                            break;
                     }
-                    return {
-                        mediaQueryList: mq,
-                        listener: listener,
-                    };
-                });
-            };
-            SkyMediaQueryService.prototype.removeListeners = function () {
-                this.mediaQueries.forEach(function (mediaQuery) {
-                    mediaQuery.mediaQueryList.removeListener(mediaQuery.listener);
-                });
-                this.mediaQueries = [];
-            };
-            SkyMediaQueryService.prototype.notifyBreakpointChange = function (breakpoint) {
-                this._current = breakpoint;
-                this.currentSubject.next(breakpoint);
-            };
-            return SkyMediaQueryService;
-        }());
-        /**
-         * The size for the `xs` breakpoint.
-         * @default "(max-width: 767px)"
-         */
-        SkyMediaQueryService.xs = '(max-width: 767px)';
-        /**
-         * The size for the `sm` breakpoint.
-         * @default "(min-width: 768px) and (max-width: 991px)"
-         */
-        SkyMediaQueryService.sm = '(min-width: 768px) and (max-width: 991px)';
-        /**
-         * The size for the `md` breakpoint.
-         * @default "(min-width: 992px) and (max-width: 1199px)"
-         */
-        SkyMediaQueryService.md = '(min-width: 992px) and (max-width: 1199px)';
-        /**
-         * The size for the `lg` breakpoint.
-         * @default "(min-width: 1200px)"
-         */
-        SkyMediaQueryService.lg = '(min-width: 1200px)';
-        SkyMediaQueryService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyMediaQueryService, deps: [{ token: i0__namespace.NgZone }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-        SkyMediaQueryService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyMediaQueryService, providedIn: 'root' });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyMediaQueryService, decorators: [{
-                    type: i0.Injectable,
-                    args: [{
-                            providedIn: 'root',
-                        }]
-                }], ctorParameters: function () { return [{ type: i0__namespace.NgZone }]; } });
-
-        /**
-         * NOTICE: DO NOT MODIFY THIS FILE!
-         * The contents of this file were automatically generated by
-         * the 'ng generate @skyux/i18n:lib-resources-module lib/modules/shared/sky-core' schematic.
-         * To update this file, simply rerun the command.
-         */
-        var RESOURCES = {
-            'EN-US': {
-                skyux_numeric_billions_symbol: { message: 'B' },
-                skyux_numeric_millions_symbol: { message: 'M' },
-                skyux_numeric_thousands_symbol: { message: 'K' },
-                skyux_numeric_trillions_symbol: { message: 'T' },
-            },
-        };
-        var SkyCoreResourcesProvider = /** @class */ (function () {
-            function SkyCoreResourcesProvider() {
-            }
-            SkyCoreResourcesProvider.prototype.getString = function (localeInfo, name) {
-                return i1.getLibStringForLocale(RESOURCES, localeInfo.locale, name);
+                    dockOptions = {
+                        location: dynamicLocation,
+                        referenceEl: this.options.referenceEl,
+                    };
+                }
+                SkyDockService.dockRef = this.dynamicComponentService.createComponent(SkyDockComponent, dockOptions);
+                SkyDockService.dockRef.instance.setOptions(this.options);
             };
-            return SkyCoreResourcesProvider;
-        }());
-        /**
-         * Import into any component library module that needs to use resource strings.
-         */
-        var SkyCoreResourcesModule = /** @class */ (function () {
-            function SkyCoreResourcesModule() {
-            }
-            return SkyCoreResourcesModule;
+            SkyDockService.prototype.destroyDock = function () {
+                this.dynamicComponentService.removeComponent(SkyDockService.dockRef);
+                SkyDockService.dockRef = undefined;
+            };
+            return SkyDockService;
         }());
-        SkyCoreResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyCoreResourcesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-        SkyCoreResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyCoreResourcesModule, exports: [i1.SkyI18nModule] });
-        SkyCoreResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyCoreResourcesModule, providers: [
-                {
-                    provide: i1.SKY_LIB_RESOURCES_PROVIDERS,
-                    useClass: SkyCoreResourcesProvider,
-                    multi: true,
-                },
-            ], imports: [i1.SkyI18nModule] });
-        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyCoreResourcesModule, decorators: [{
-                    type: i0.NgModule,
+        SkyDockService._items = [];
+        SkyDockService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDockService, deps: [{ token: SkyDynamicComponentService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+        SkyDockService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDockService, providedIn: 'any' });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDockService, decorators: [{
+                    type: i0.Injectable,
                     args: [{
-                            exports: [i1.SkyI18nModule],
-                            providers: [
-                                {
-                                    provide: i1.SKY_LIB_RESOURCES_PROVIDERS,
-                                    useClass: SkyCoreResourcesProvider,
-                                    multi: true,
-                                },
-                            ],
+                            // Must be 'any' so that the dock component is created in the context of its module's injector.
+                            // If set to 'root', the component's dependency injections would only be derived from the root
+                            // injector and may loose context if the dock was opened from within a lazy-loaded module.
+                            providedIn: 'any',
                         }]
-                }] });
+                }], ctorParameters: function () { return [{ type: SkyDynamicComponentService }]; } });
 
         /**
-         * Provides arguments for the number to format.
+         * Provides services required to create dynamic components on the page.
+         * @deprecated The `SkyDynamicComponentService` no longer needs the `SkyDynamicComponentModule`.
+         * The `SkyDynamicComponentModule` can be removed from your project.
          */
-        var NumericOptions = /** @class */ (function () {
-            function NumericOptions() {
-                /**
-                 * Specifies the maximum number of digits after the decimal separator.
-                 * @default 1
-                 */
-                this.digits = 1;
-                /**
-                 * Specifies how to format the number. Options are `currency` or `number`.
-                 * @default "number"
-                 */
-                this.format = 'number';
-                /**
-                 * Specifies the format of the currency.
-                 * @default "standard"
-                 */
-                this.currencySign = 'standard';
-                /**
-                 * Specifies the ISO4217 currency code to use for currency formatting. If you do not specify a
-                 * currency code, the component uses the browser's culture to determine the currency unless your
-                 * SPA provides a different culture with `SkyAppLocaleProvider`.
-                 * @default "USD"
-                 */
-                this.iso = 'USD';
-                /**
-                 * Indicates whether to shorten numbers to rounded numbers and abbreviation characters
-                 * such as K for thousands, M for millions, B for billions, and T for trillions.
-                 */
-                this.truncate = true;
-                /**
-                 * Specifies the starting point after which numbers are shortened to rounded numbers
-                 * and abbreviation characters.
-                 * @default 0
-                 */
-                this.truncateAfter = 0;
+        var SkyDynamicComponentModule = /** @class */ (function () {
+            function SkyDynamicComponentModule() {
             }
-            return NumericOptions;
+            return SkyDynamicComponentModule;
         }());
-
-        /*! *****************************************************************************
-        Copyright (c) Microsoft Corporation.
-
-        Permission to use, copy, modify, and/or distribute this software for any
-        purpose with or without fee is hereby granted.
-
-        THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-        REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-        AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-        INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-        LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-        OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-        PERFORMANCE OF THIS SOFTWARE.
-        ***************************************************************************** */
-        /* global Reflect, Promise */
-        var extendStatics = function (d, b) {
-            extendStatics = Object.setPrototypeOf ||
-                ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-                function (d, b) { for (var p in b)
-                    if (Object.prototype.hasOwnProperty.call(b, p))
-                        d[p] = b[p]; };
-            return extendStatics(d, b);
-        };
-        function __extends(d, b) {
-            if (typeof b !== "function" && b !== null)
-                throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-            extendStatics(d, b);
-            function __() { this.constructor = d; }
-            d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-        }
-        var __assign = function () {
-            __assign = Object.assign || function __assign(t) {
-                for (var s, i = 1, n = arguments.length; i < n; i++) {
-                    s = arguments[i];
-                    for (var p in s)
-                        if (Object.prototype.hasOwnProperty.call(s, p))
-                            t[p] = s[p];
-                }
-                return t;
-            };
-            return __assign.apply(this, arguments);
-        };
-        function __rest(s, e) {
-            var t = {};
-            for (var p in s)
-                if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-                    t[p] = s[p];
-            if (s != null && typeof Object.getOwnPropertySymbols === "function")
-                for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-                    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                        t[p[i]] = s[p[i]];
-                }
-            return t;
-        }
-        function __decorate(decorators, target, key, desc) {
-            var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-            if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-                r = Reflect.decorate(decorators, target, key, desc);
-            else
-                for (var i = decorators.length - 1; i >= 0; i--)
-                    if (d = decorators[i])
-                        r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-            return c > 3 && r && Object.defineProperty(target, key, r), r;
-        }
-        function __param(paramIndex, decorator) {
-            return function (target, key) { decorator(target, key, paramIndex); };
-        }
-        function __metadata(metadataKey, metadataValue) {
-            if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
-                return Reflect.metadata(metadataKey, metadataValue);
-        }
-        function __awaiter(thisArg, _arguments, P, generator) {
-            function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-            return new (P || (P = Promise))(function (resolve, reject) {
-                function fulfilled(value) { try {
-                    step(generator.next(value));
-                }
-                catch (e) {
-                    reject(e);
-                } }
-                function rejected(value) { try {
-                    step(generator["throw"](value));
-                }
-                catch (e) {
-                    reject(e);
-                } }
-                function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-                step((generator = generator.apply(thisArg, _arguments || [])).next());
-            });
-        }
-        function __generator(thisArg, body) {
-            var _ = { label: 0, sent: function () { if (t[0] & 1)
-                    throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-            return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
-            function verb(n) { return function (v) { return step([n, v]); }; }
-            function step(op) {
-                if (f)
-                    throw new TypeError("Generator is already executing.");
-                while (_)
-                    try {
-                        if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
-                            return t;
-                        if (y = 0, t)
-                            op = [op[0] & 2, t.value];
-                        switch (op[0]) {
-                            case 0:
-                            case 1:
-                                t = op;
-                                break;
-                            case 4:
-                                _.label++;
-                                return { value: op[1], done: false };
-                            case 5:
-                                _.label++;
-                                y = op[1];
-                                op = [0];
-                                continue;
-                            case 7:
-                                op = _.ops.pop();
-                                _.trys.pop();
-                                continue;
-                            default:
-                                if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-                                    _ = 0;
-                                    continue;
-                                }
-                                if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
-                                    _.label = op[1];
-                                    break;
-                                }
-                                if (op[0] === 6 && _.label < t[1]) {
-                                    _.label = t[1];
-                                    t = op;
-                                    break;
-                                }
-                                if (t && _.label < t[2]) {
-                                    _.label = t[2];
-                                    _.ops.push(op);
-                                    break;
-                                }
-                                if (t[2])
-                                    _.ops.pop();
-                                _.trys.pop();
-                                continue;
-                        }
-                        op = body.call(thisArg, _);
-                    }
-                    catch (e) {
-                        op = [6, e];
-                        y = 0;
-                    }
-                    finally {
-                        f = t = 0;
-                    }
-                if (op[0] & 5)
-                    throw op[1];
-                return { value: op[0] ? op[1] : void 0, done: true };
+        SkyDynamicComponentModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDynamicComponentModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+        SkyDynamicComponentModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDynamicComponentModule });
+        SkyDynamicComponentModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDynamicComponentModule });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDynamicComponentModule, decorators: [{
+                    type: i0.NgModule,
+                    args: [{}]
+                }] });
+
+        var SkyAppFormat = /** @class */ (function () {
+            function SkyAppFormat() {
             }
+            SkyAppFormat.prototype.formatText = function (format) {
+                var args = [];
+                for (var _i = 1; _i < arguments.length; _i++) {
+                    args[_i - 1] = arguments[_i];
+                }
+                return String(format).replace(/\{(\d+)\}/g, function (match, capture) {
+                    return args[parseInt(capture, 10)];
+                });
+            };
+            return SkyAppFormat;
+        }());
+        SkyAppFormat.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAppFormat, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+        SkyAppFormat.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAppFormat, providedIn: 'root' });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAppFormat, decorators: [{
+                    type: i0.Injectable,
+                    args: [{
+                            providedIn: 'root',
+                        }]
+                }] });
+
+        var idIndex = 0;
+        function generateId() {
+            idIndex++;
+            return "sky-id-gen__" + idIndex;
         }
-        var __createBinding = Object.create ? (function (o, m, k, k2) {
-            if (k2 === undefined)
-                k2 = k;
-            Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
-        }) : (function (o, m, k, k2) {
-            if (k2 === undefined)
-                k2 = k;
-            o[k2] = m[k];
-        });
-        function __exportStar(m, o) {
-            for (var p in m)
-                if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
-                    __createBinding(o, m, p);
-        }
-        function __values(o) {
-            var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-            if (m)
-                return m.call(o);
-            if (o && typeof o.length === "number")
-                return {
-                    next: function () {
-                        if (o && i >= o.length)
-                            o = void 0;
-                        return { value: o && o[i++], done: !o };
-                    }
-                };
-            throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-        }
-        function __read(o, n) {
-            var m = typeof Symbol === "function" && o[Symbol.iterator];
-            if (!m)
-                return o;
-            var i = m.call(o), r, ar = [], e;
-            try {
-                while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
-                    ar.push(r.value);
+        /**
+         * Sets the element's `id` attribute to a unique ID. To reference this unique ID on other elements,
+         * such as in a `label` element's `for` attribute, assign this directive to a template reference
+         * variable, then use its `id` property.
+         */
+        var SkyIdDirective = /** @class */ (function () {
+            function SkyIdDirective(elRef, renderer) {
+                // Generate and apply the ID before the template is rendered
+                // to avoid a changed-after-checked error.
+                var id = generateId();
+                renderer.setAttribute(elRef.nativeElement, 'id', id);
+                this._id = id;
             }
-            catch (error) {
-                e = { error: error };
+            Object.defineProperty(SkyIdDirective.prototype, "id", {
+                get: function () {
+                    return this._id;
+                },
+                enumerable: false,
+                configurable: true
+            });
+            return SkyIdDirective;
+        }());
+        SkyIdDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyIdDirective, deps: [{ token: i0__namespace.ElementRef }, { token: i0__namespace.Renderer2 }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+        SkyIdDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: SkyIdDirective, selector: "[skyId]", exportAs: ["skyId"], ngImport: i0__namespace });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyIdDirective, decorators: [{
+                    type: i0.Directive,
+                    args: [{
+                            selector: '[skyId]',
+                            exportAs: 'skyId',
+                        }]
+                }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }, { type: i0__namespace.Renderer2 }]; } });
+
+        var SkyIdModule = /** @class */ (function () {
+            function SkyIdModule() {
             }
-            finally {
-                try {
-                    if (r && !r.done && (m = i["return"]))
-                        m.call(i);
+            return SkyIdModule;
+        }());
+        SkyIdModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyIdModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+        SkyIdModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyIdModule, declarations: [SkyIdDirective], exports: [SkyIdDirective] });
+        SkyIdModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyIdModule });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyIdModule, decorators: [{
+                    type: i0.NgModule,
+                    args: [{
+                            declarations: [SkyIdDirective],
+                            exports: [SkyIdDirective],
+                        }]
+                }] });
+
+        /**
+         * @deprecated The `SkyLogService` no longer needs the `SkyLogModule`.
+         * The `SkyLogModule` can be removed from your project.
+         */
+        var SkyLogModule = /** @class */ (function () {
+            function SkyLogModule() {
+            }
+            return SkyLogModule;
+        }());
+        SkyLogModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyLogModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+        SkyLogModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyLogModule });
+        SkyLogModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyLogModule });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyLogModule, decorators: [{
+                    type: i0.NgModule,
+                    args: [{}]
+                }] });
+
+        /**
+         * @deprecated The `SkyLogService` will be removed in the next major version of `@skyux/core`.
+         */
+        var SkyLogService = /** @class */ (function () {
+            function SkyLogService() {
+            }
+            SkyLogService.prototype.warn = function (message) {
+                var optionalParams = [];
+                for (var _i = 1; _i < arguments.length; _i++) {
+                    optionalParams[_i - 1] = arguments[_i];
                 }
-                finally {
-                    if (e)
-                        throw e.error;
+                /*istanbul ignore else */
+                if (window.console) {
+                    // eslint-disable-next-line prefer-spread,prefer-rest-params
+                    window.console.warn.apply(window.console, arguments);
                 }
+            };
+            return SkyLogService;
+        }());
+        SkyLogService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyLogService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+        SkyLogService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyLogService, providedIn: 'root' });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyLogService, decorators: [{
+                    type: i0.Injectable,
+                    args: [{
+                            providedIn: 'root',
+                        }]
+                }] });
+
+        /**
+         * @deprecated The `SkyMediaQueryService` no longer needs the `SkyMediaQueryModule`.
+         * The `SkyMediaQueryModule` can be removed from your project.
+         */
+        var SkyMediaQueryModule = /** @class */ (function () {
+            function SkyMediaQueryModule() {
             }
-            return ar;
-        }
-        /** @deprecated */
-        function __spread() {
-            for (var ar = [], i = 0; i < arguments.length; i++)
-                ar = ar.concat(__read(arguments[i]));
-            return ar;
-        }
-        /** @deprecated */
-        function __spreadArrays() {
-            for (var s = 0, i = 0, il = arguments.length; i < il; i++)
-                s += arguments[i].length;
-            for (var r = Array(s), k = 0, i = 0; i < il; i++)
-                for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-                    r[k] = a[j];
-            return r;
-        }
-        function __spreadArray(to, from, pack) {
-            if (pack || arguments.length === 2)
-                for (var i = 0, l = from.length, ar; i < l; i++) {
-                    if (ar || !(i in from)) {
-                        if (!ar)
-                            ar = Array.prototype.slice.call(from, 0, i);
-                        ar[i] = from[i];
+            return SkyMediaQueryModule;
+        }());
+        SkyMediaQueryModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyMediaQueryModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+        SkyMediaQueryModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyMediaQueryModule });
+        SkyMediaQueryModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyMediaQueryModule });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyMediaQueryModule, decorators: [{
+                    type: i0.NgModule,
+                    args: [{}]
+                }] });
+
+        var SkyMediaQueryService = /** @class */ (function () {
+            function SkyMediaQueryService(zone) {
+                this.zone = zone;
+                this.currentSubject = new rxjs.BehaviorSubject(this.current);
+                this._current = exports.SkyMediaBreakpoints.md;
+                this.breakpoints = [
+                    {
+                        mediaQueryString: SkyMediaQueryService.xs,
+                        name: exports.SkyMediaBreakpoints.xs,
+                    },
+                    {
+                        mediaQueryString: SkyMediaQueryService.sm,
+                        name: exports.SkyMediaBreakpoints.sm,
+                    },
+                    {
+                        mediaQueryString: SkyMediaQueryService.md,
+                        name: exports.SkyMediaBreakpoints.md,
+                    },
+                    {
+                        mediaQueryString: SkyMediaQueryService.lg,
+                        name: exports.SkyMediaBreakpoints.lg,
+                    },
+                ];
+                this.mediaQueries = [];
+                this.addListeners();
+            }
+            Object.defineProperty(SkyMediaQueryService.prototype, "current", {
+                /**
+                 * Returns the current breakpoint.
+                 */
+                get: function () {
+                    return this._current;
+                },
+                enumerable: false,
+                configurable: true
+            });
+            SkyMediaQueryService.prototype.ngOnDestroy = function () {
+                this.removeListeners();
+                this.currentSubject.complete();
+            };
+            /**
+             * Subscribes to screen size changes.
+             * @param listener Specifies a function that is called when breakpoints change.
+             */
+            SkyMediaQueryService.prototype.subscribe = function (listener) {
+                return this.currentSubject.subscribe({
+                    next: function (breakpoints) {
+                        listener(breakpoints);
+                    },
+                });
+            };
+            /**
+             * @internal
+             */
+            SkyMediaQueryService.prototype.destroy = function () {
+                this.removeListeners();
+                this.currentSubject.complete();
+            };
+            SkyMediaQueryService.prototype.addListeners = function () {
+                var _this = this;
+                this.mediaQueries = this.breakpoints.map(function (breakpoint) {
+                    var mq = matchMedia(breakpoint.mediaQueryString);
+                    var listener = function (event) {
+                        // Run the check outside of Angular's change detection since Angular
+                        // does not wrap matchMedia listeners in NgZone.
+                        // See: https://blog.assaf.co/angular-2-change-detection-zones-and-an-example/
+                        _this.zone.run(function () {
+                            if (event.matches) {
+                                _this.notifyBreakpointChange(breakpoint.name);
+                            }
+                        });
+                    };
+                    mq.addListener(listener);
+                    if (mq.matches) {
+                        _this.notifyBreakpointChange(breakpoint.name);
                     }
-                }
-            return to.concat(ar || Array.prototype.slice.call(from));
-        }
-        function __await(v) {
-            return this instanceof __await ? (this.v = v, this) : new __await(v);
-        }
-        function __asyncGenerator(thisArg, _arguments, generator) {
-            if (!Symbol.asyncIterator)
-                throw new TypeError("Symbol.asyncIterator is not defined.");
-            var g = generator.apply(thisArg, _arguments || []), i, q = [];
-            return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
-            function verb(n) { if (g[n])
-                i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
-            function resume(n, v) { try {
-                step(g[n](v));
+                    return {
+                        mediaQueryList: mq,
+                        listener: listener,
+                    };
+                });
+            };
+            SkyMediaQueryService.prototype.removeListeners = function () {
+                this.mediaQueries.forEach(function (mediaQuery) {
+                    mediaQuery.mediaQueryList.removeListener(mediaQuery.listener);
+                });
+                this.mediaQueries = [];
+            };
+            SkyMediaQueryService.prototype.notifyBreakpointChange = function (breakpoint) {
+                this._current = breakpoint;
+                this.currentSubject.next(breakpoint);
+            };
+            return SkyMediaQueryService;
+        }());
+        /**
+         * The size for the `xs` breakpoint.
+         * @default "(max-width: 767px)"
+         */
+        SkyMediaQueryService.xs = '(max-width: 767px)';
+        /**
+         * The size for the `sm` breakpoint.
+         * @default "(min-width: 768px) and (max-width: 991px)"
+         */
+        SkyMediaQueryService.sm = '(min-width: 768px) and (max-width: 991px)';
+        /**
+         * The size for the `md` breakpoint.
+         * @default "(min-width: 992px) and (max-width: 1199px)"
+         */
+        SkyMediaQueryService.md = '(min-width: 992px) and (max-width: 1199px)';
+        /**
+         * The size for the `lg` breakpoint.
+         * @default "(min-width: 1200px)"
+         */
+        SkyMediaQueryService.lg = '(min-width: 1200px)';
+        SkyMediaQueryService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyMediaQueryService, deps: [{ token: i0__namespace.NgZone }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+        SkyMediaQueryService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyMediaQueryService, providedIn: 'root' });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyMediaQueryService, decorators: [{
+                    type: i0.Injectable,
+                    args: [{
+                            providedIn: 'root',
+                        }]
+                }], ctorParameters: function () { return [{ type: i0__namespace.NgZone }]; } });
+
+        /**
+         * NOTICE: DO NOT MODIFY THIS FILE!
+         * The contents of this file were automatically generated by
+         * the 'ng generate @skyux/i18n:lib-resources-module lib/modules/shared/sky-core' schematic.
+         * To update this file, simply rerun the command.
+         */
+        var RESOURCES = {
+            'EN-US': {
+                skyux_numeric_billions_symbol: { message: 'B' },
+                skyux_numeric_millions_symbol: { message: 'M' },
+                skyux_numeric_thousands_symbol: { message: 'K' },
+                skyux_numeric_trillions_symbol: { message: 'T' },
+            },
+        };
+        var SkyCoreResourcesProvider = /** @class */ (function () {
+            function SkyCoreResourcesProvider() {
             }
-            catch (e) {
-                settle(q[0][3], e);
-            } }
-            function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
-            function fulfill(value) { resume("next", value); }
-            function reject(value) { resume("throw", value); }
-            function settle(f, v) { if (f(v), q.shift(), q.length)
-                resume(q[0][0], q[0][1]); }
-        }
-        function __asyncDelegator(o) {
-            var i, p;
-            return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
-            function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
-        }
-        function __asyncValues(o) {
-            if (!Symbol.asyncIterator)
-                throw new TypeError("Symbol.asyncIterator is not defined.");
-            var m = o[Symbol.asyncIterator], i;
-            return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
-            function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
-            function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
-        }
-        function __makeTemplateObject(cooked, raw) {
-            if (Object.defineProperty) {
-                Object.defineProperty(cooked, "raw", { value: raw });
+            SkyCoreResourcesProvider.prototype.getString = function (localeInfo, name) {
+                return i1.getLibStringForLocale(RESOURCES, localeInfo.locale, name);
+            };
+            return SkyCoreResourcesProvider;
+        }());
+        /**
+         * Import into any component library module that needs to use resource strings.
+         */
+        var SkyCoreResourcesModule = /** @class */ (function () {
+            function SkyCoreResourcesModule() {
             }
-            else {
-                cooked.raw = raw;
+            return SkyCoreResourcesModule;
+        }());
+        SkyCoreResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyCoreResourcesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+        SkyCoreResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyCoreResourcesModule, exports: [i1.SkyI18nModule] });
+        SkyCoreResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyCoreResourcesModule, providers: [
+                {
+                    provide: i1.SKY_LIB_RESOURCES_PROVIDERS,
+                    useClass: SkyCoreResourcesProvider,
+                    multi: true,
+                },
+            ], imports: [i1.SkyI18nModule] });
+        i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyCoreResourcesModule, decorators: [{
+                    type: i0.NgModule,
+                    args: [{
+                            exports: [i1.SkyI18nModule],
+                            providers: [
+                                {
+                                    provide: i1.SKY_LIB_RESOURCES_PROVIDERS,
+                                    useClass: SkyCoreResourcesProvider,
+                                    multi: true,
+                                },
+                            ],
+                        }]
+                }] });
+
+        /**
+         * Provides arguments for the number to format.
+         */
+        var NumericOptions = /** @class */ (function () {
+            function NumericOptions() {
+                /**
+                 * Specifies the maximum number of digits after the decimal separator.
+                 * @default 1
+                 */
+                this.digits = 1;
+                /**
+                 * Specifies how to format the number. Options are `currency` or `number`.
+                 * @default "number"
+                 */
+                this.format = 'number';
+                /**
+                 * Specifies the format of the currency.
+                 * @default "standard"
+                 */
+                this.currencySign = 'standard';
+                /**
+                 * Specifies the ISO4217 currency code to use for currency formatting. If you do not specify a
+                 * currency code, the component uses the browser's culture to determine the currency unless your
+                 * SPA provides a different culture with `SkyAppLocaleProvider`.
+                 * @default "USD"
+                 */
+                this.iso = 'USD';
+                /**
+                 * Indicates whether to shorten numbers to rounded numbers and abbreviation characters
+                 * such as K for thousands, M for millions, B for billions, and T for trillions.
+                 */
+                this.truncate = true;
+                /**
+                 * Specifies the starting point after which numbers are shortened to rounded numbers
+                 * and abbreviation characters.
+                 * @default 0
+                 */
+                this.truncateAfter = 0;
             }
-            return cooked;
-        }
-        ;
-        var __setModuleDefault = Object.create ? (function (o, v) {
-            Object.defineProperty(o, "default", { enumerable: true, value: v });
-        }) : function (o, v) {
-            o["default"] = v;
-        };
-        function __importStar(mod) {
-            if (mod && mod.__esModule)
-                return mod;
-            var result = {};
-            if (mod != null)
-                for (var k in mod)
-                    if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
-                        __createBinding(result, mod, k);
-            __setModuleDefault(result, mod);
-            return result;
-        }
-        function __importDefault(mod) {
-            return (mod && mod.__esModule) ? mod : { default: mod };
-        }
-        function __classPrivateFieldGet(receiver, state, kind, f) {
-            if (kind === "a" && !f)
-                throw new TypeError("Private accessor was defined without a getter");
-            if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-                throw new TypeError("Cannot read private member from an object whose class did not declare it");
-            return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-        }
-        function __classPrivateFieldSet(receiver, state, value, kind, f) {
-            if (kind === "m")
-                throw new TypeError("Private method is not writable");
-            if (kind === "a" && !f)
-                throw new TypeError("Private accessor was defined without a setter");
-            if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-                throw new TypeError("Cannot write private member to an object whose class did not declare it");
-            return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-        }
+            return NumericOptions;
+        }());
 
         /* tslint:disable:no-null-keyword */
         function isNumeric(value) {
@@ -2911,6 +2917,7 @@
                         }]
                 }] });
 
+        var _SkyResizeObserverService_resizeObserver, _SkyResizeObserverService_tracking;
         /**
          * Service to create rxjs observables for changes to the content box dimensions of elements.
          */
@@ -2918,13 +2925,14 @@
             function SkyResizeObserverService(zone) {
                 var _this = this;
                 this.zone = zone;
-                this._tracking = [];
-                this._resizeObserver = new ResizeObserver(function (entries) {
+                _SkyResizeObserverService_resizeObserver.set(this, void 0);
+                _SkyResizeObserverService_tracking.set(this, []);
+                __classPrivateFieldSet(this, _SkyResizeObserverService_resizeObserver, new ResizeObserver(function (entries) {
                     entries.forEach(function (entry) { return _this.callback(entry); });
-                });
+                }), "f");
             }
             SkyResizeObserverService.prototype.ngOnDestroy = function () {
-                this._resizeObserver.disconnect();
+                __classPrivateFieldGet(this, _SkyResizeObserverService_resizeObserver, "f").disconnect();
             };
             /**
              * Create rxjs observable to get size changes for an element ref.
@@ -2934,22 +2942,22 @@
             };
             SkyResizeObserverService.prototype.observeAndTrack = function (element) {
                 var _this = this;
-                var checkTracking = this._tracking.findIndex(function (value) {
+                var checkTracking = __classPrivateFieldGet(this, _SkyResizeObserverService_tracking, "f").findIndex(function (value) {
                     return !value.subject.closed && value.element === element.nativeElement;
                 });
                 if (checkTracking === -1) {
-                    this._resizeObserver.observe(element.nativeElement);
+                    __classPrivateFieldGet(this, _SkyResizeObserverService_resizeObserver, "f").observe(element.nativeElement);
                 }
                 var subject = new rxjs.Subject();
                 var subjectObservable = subject.pipe(operators.finalize(function () {
                     // Are there any other tracking entries still watching this element?
-                    var checkTracking = _this._tracking.findIndex(function (value) {
+                    var checkTracking = __classPrivateFieldGet(_this, _SkyResizeObserverService_tracking, "f").findIndex(function (value) {
                         return (value.subject !== subject &&
                             !value.subject.closed &&
                             value.element === element.nativeElement);
                     });
                     if (checkTracking === -1) {
-                        _this._resizeObserver.unobserve(element.nativeElement);
+                        __classPrivateFieldGet(_this, _SkyResizeObserverService_resizeObserver, "f").unobserve(element.nativeElement);
                     }
                 }));
                 var tracking = {
@@ -2957,16 +2965,18 @@
                     subject: subject,
                     subjectObservable: subjectObservable,
                 };
-                this._tracking.push(tracking);
+                __classPrivateFieldGet(this, _SkyResizeObserverService_tracking, "f").push(tracking);
                 return tracking;
             };
             SkyResizeObserverService.prototype.callback = function (entry) {
                 var _this = this;
-                this._tracking
+                __classPrivateFieldGet(this, _SkyResizeObserverService_tracking, "f")
                     .filter(function (value) { return !(value.subject.closed || value.subject.isStopped); })
                     .forEach(function (value) {
                     /* istanbul ignore else */
                     if (value.element === entry.target) {
+                        // Execute the callback within NgZone because Angular does not "monkey patch"
+                        // ResizeObserver like it does for other features in the DOM.
                         _this.zone.run(function () {
                             value.subject.next(entry);
                         });
@@ -2975,6 +2985,7 @@
             };
             return SkyResizeObserverService;
         }());
+        _SkyResizeObserverService_resizeObserver = new WeakMap(), _SkyResizeObserverService_tracking = new WeakMap();
         SkyResizeObserverService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyResizeObserverService, deps: [{ token: i0__namespace.NgZone }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
         SkyResizeObserverService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyResizeObserverService, providedIn: 'any' });
         i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyResizeObserverService, decorators: [{
@@ -2984,6 +2995,7 @@
                         }]
                 }], ctorParameters: function () { return [{ type: i0__namespace.NgZone }]; } });
 
+        var _SkyResizeObserverMediaQueryService_breakpoints, _SkyResizeObserverMediaQueryService_currentBreakpointObservable, _SkyResizeObserverMediaQueryService_stopListening, _SkyResizeObserverMediaQueryService_target;
         /**
          * Acts like `SkyMediaQueryService` for a container element, emitting the same responsive breakpoints.
          */
@@ -2991,7 +3003,7 @@
             function SkyResizeObserverMediaQueryService(resizeObserverService) {
                 var _this = this;
                 this.resizeObserverService = resizeObserverService;
-                this._breakpoints = [
+                _SkyResizeObserverMediaQueryService_breakpoints.set(this, [
                     {
                         check: function (width) { return width > 0 && width <= 767; },
                         name: exports.SkyMediaBreakpoints.xs,
@@ -3008,11 +3020,12 @@
                         check: function (width) { return width > 1199; },
                         name: exports.SkyMediaBreakpoints.lg,
                     },
-                ];
-                this._currentBreakpointObservable = new rxjs.ReplaySubject(1);
-                this._stopListening = new rxjs.Subject();
-                this._stopListening.subscribe(function () {
-                    _this._target = undefined;
+                ]);
+                _SkyResizeObserverMediaQueryService_currentBreakpointObservable.set(this, new rxjs.ReplaySubject(1));
+                _SkyResizeObserverMediaQueryService_stopListening.set(this, new rxjs.Subject());
+                _SkyResizeObserverMediaQueryService_target.set(this, void 0);
+                __classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_stopListening, "f").subscribe(function () {
+                    __classPrivateFieldSet(_this, _SkyResizeObserverMediaQueryService_target, undefined, "f");
                     _this.updateBreakpoint(undefined);
                 });
             }
@@ -3027,10 +3040,10 @@
                 configurable: true
             });
             SkyResizeObserverMediaQueryService.prototype.ngOnDestroy = function () {
-                this._stopListening.next();
+                __classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_stopListening, "f").next();
                 this._currentBreakpoint = undefined;
-                this._stopListening.complete();
-                this._currentBreakpointObservable.complete();
+                __classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_stopListening, "f").complete();
+                __classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_currentBreakpointObservable, "f").complete();
             };
             /**
              * @internal
@@ -3044,21 +3057,21 @@
              */
             SkyResizeObserverMediaQueryService.prototype.observe = function (element) {
                 var _this = this;
-                if (this._target) {
-                    if (this._target === element) {
+                if (__classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_target, "f")) {
+                    if (__classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_target, "f") === element) {
                         return this;
                     }
-                    this._stopListening.next();
+                    __classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_stopListening, "f").next();
                 }
-                this._target = element;
+                __classPrivateFieldSet(this, _SkyResizeObserverMediaQueryService_target, element, "f");
                 this.checkWidth(element);
                 this.resizeObserverService
                     .observe(element)
-                    .pipe(operators.takeUntil(this._stopListening))
+                    .pipe(operators.takeUntil(__classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_stopListening, "f")))
                     .subscribe(function (value) {
                     var breakpoint = _this.checkBreakpoint(value.contentRect.width);
                     /* istanbul ignore else */
-                    if (breakpoint !== _this._currentBreakpoint) {
+                    if (breakpoint !== _this.current) {
                         _this.updateBreakpoint(breakpoint);
                     }
                 });
@@ -3068,25 +3081,28 @@
              * Stop watching the container element.
              */
             SkyResizeObserverMediaQueryService.prototype.unobserve = function () {
-                this._stopListening.next();
+                __classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_stopListening, "f").next();
             };
             /**
              * Subscribes to element size changes that cross breakpoints.
              */
             SkyResizeObserverMediaQueryService.prototype.subscribe = function (listener) {
-                return this._currentBreakpointObservable
-                    .pipe(operators.takeUntil(this._stopListening))
+                return __classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_currentBreakpointObservable, "f")
+                    .pipe(operators.takeUntil(__classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_stopListening, "f")))
                     .subscribe(function (value) {
                     listener(value);
                 });
             };
             SkyResizeObserverMediaQueryService.prototype.updateBreakpoint = function (breakpoint) {
                 this._currentBreakpoint = breakpoint;
-                this._currentBreakpointObservable.next(breakpoint);
+                __classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_currentBreakpointObservable, "f").next(breakpoint);
             };
             SkyResizeObserverMediaQueryService.prototype.checkBreakpoint = function (width) {
-                var _a;
-                return (_a = this._breakpoints.find(function (breakpoint) { return breakpoint.check(width); })) === null || _a === void 0 ? void 0 : _a.name;
+                var breakpoint = __classPrivateFieldGet(this, _SkyResizeObserverMediaQueryService_breakpoints, "f").find(function (breakpoint) { return breakpoint.check(width); });
+                /* istanbul ignore else */
+                if (breakpoint) {
+                    return breakpoint.name;
+                }
             };
             SkyResizeObserverMediaQueryService.prototype.checkWidth = function (element) {
                 var width = element.nativeElement.offsetWidth || 0;
@@ -3098,6 +3114,7 @@
             };
             return SkyResizeObserverMediaQueryService;
         }());
+        _SkyResizeObserverMediaQueryService_breakpoints = new WeakMap(), _SkyResizeObserverMediaQueryService_currentBreakpointObservable = new WeakMap(), _SkyResizeObserverMediaQueryService_stopListening = new WeakMap(), _SkyResizeObserverMediaQueryService_target = new WeakMap();
         SkyResizeObserverMediaQueryService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyResizeObserverMediaQueryService, deps: [{ token: SkyResizeObserverService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
         SkyResizeObserverMediaQueryService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyResizeObserverMediaQueryService, providedIn: 'any' });
         i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyResizeObserverMediaQueryService, decorators: [{
@@ -3139,8 +3156,7 @@
             /**
              * 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
+             * @returns An observable which emits the current scrollable host element.
              * @internal
              */
             SkyScrollableHostService.prototype.watchScrollableHost = function (elementRef) {
@@ -3151,11 +3167,13 @@
                 return new rxjs.Observable(function (subscriber) {
                     subscribers.push(subscriber);
                     var scrollableHost = _this.findScrollableHost(elementRef.nativeElement);
+                    // Setup mutation observers only once, for all subscribers.
                     if (subscribers.length === 1) {
                         parentMutationObserver = _this.mutationObserverSvc.create(function () {
                             var newScrollableHost = _this.findScrollableHost(elementRef.nativeElement);
+                            // Reset observer if scrollable host changes.
                             if (newScrollableHost !== scrollableHost &&
-                                elementRef.nativeElement.offsetParent) {
+                                _this.isElementVisible(elementRef)) {
                                 scrollableHost = newScrollableHost;
                                 _this.observeForScrollableHostChanges(scrollableHost, parentMutationObserver);
                                 notifySubscribers(subscribers, scrollableHost);
@@ -3163,7 +3181,9 @@
                         });
                         _this.observeForScrollableHostChanges(scrollableHost, parentMutationObserver);
                         documentHiddenElementMutationObserver = _this.mutationObserverSvc.create(function () {
-                            if (scrollableHost && !elementRef.nativeElement.offsetParent) {
+                            if (scrollableHost && !_this.isElementVisible(elementRef)) {
+                                // If the scrollable host is not visible, set it to undefined and unsubscribe from its mutation changes.
+                                // Then, observe the document element so that a new scrollable host can be found.
                                 scrollableHost = undefined;
                                 _this.observeForScrollableHostChanges(scrollableHost, parentMutationObserver);
                                 notifySubscribers(subscribers, scrollableHost);
@@ -3171,10 +3191,11 @@
                         });
                         _this.observeDocumentHiddenElementChanges(documentHiddenElementMutationObserver);
                     }
+                    // Emit the scrollable host to the subscriber.
                     subscriber.next(scrollableHost);
+                    // Teardown callback for the subscription.
                     subscriber.add(function () {
                         var subIndex = subscribers.indexOf(subscriber);
-                        /* sanity check */
                         /* istanbul ignore else */
                         if (subIndex >= 0) {
                             subscribers.splice(subIndex, 1);
@@ -3189,7 +3210,6 @@
             /**
              * Returns an observable which emits whenever the element's scrollable host emits a scroll event. The observable will always emit the scroll events from the elements current scrollable host and will update based on any scrollable host changes. The observable will also emit once whenever the scrollable host changes.
              * @param elementRef The element whose scrollable host scroll events are being requested
-             * @param completionObservable An observable which alerts the internal observers that they should complete
              * @returns An observable which emits when the elements scrollable host is scrolled or is changed
              */
             SkyScrollableHostService.prototype.watchScrollableHostScrollEvents = function (elementRef) {
@@ -3201,6 +3221,7 @@
                 var scrollEventSubscription;
                 return new rxjs.Observable(function (subscriber) {
                     subscribers.push(subscriber);
+                    // Setup mutation observers only once, for all subscribers.
                     if (subscribers.length === 1) {
                         scrollableHostSubscription = _this.watchScrollableHost(elementRef).subscribe(function (newScrollableHost) {
                             newScrollableHostObservable.next();
@@ -3210,6 +3231,8 @@
                             }
                             scrollableHost = newScrollableHost;
                             newScrollableHostObservable = new rxjs.Subject();
+                            // Only subscribe to scroll events if the host element is defined.
+                            /* istanbul ignore else */
                             if (newScrollableHost) {
                                 scrollEventSubscription = rxjs.fromEvent(newScrollableHost, 'scroll')
                                     .pipe(operators.takeUntil(newScrollableHostObservable))
@@ -3219,9 +3242,9 @@
                             }
                         });
                     }
+                    // Teardown callback for the subscription.
                     subscriber.add(function () {
                         var subIndex = subscribers.indexOf(subscriber);
-                        /* sanity check */
                         /* istanbul ignore else */
                         if (subIndex >= 0) {
                             subscribers.splice(subIndex, 1);
@@ -3238,7 +3261,6 @@
                 var regex = /(auto|scroll)/;
                 var windowObj = this.windowRef.nativeWindow;
                 var bodyObj = windowObj.document.body;
-                /* Sanity check */
                 if (!element) {
                     return windowObj;
                 }
@@ -3246,7 +3268,7 @@
                 var parent = element;
                 do {
                     parent = parent.parentNode;
-                    /* Sanity check for if this function is called for an element which has been removed from the DOM */
+                    // Return `window` if the parent element has been removed from the DOM.
                     if (!(parent instanceof HTMLElement)) {
                         return windowObj;
                     }
@@ -3269,22 +3291,20 @@
             };
             SkyScrollableHostService.prototype.observeForScrollableHostChanges = function (element, mutationObserver) {
                 mutationObserver.disconnect();
-                if (element instanceof HTMLElement) {
-                    mutationObserver.observe(element, {
-                        attributes: true,
-                        attributeFilter: ['class', 'style'],
-                        childList: true,
-                        subtree: true,
-                    });
-                }
-                else {
-                    mutationObserver.observe(document.documentElement, {
-                        attributes: true,
-                        attributeFilter: ['class', 'style'],
-                        childList: true,
-                        subtree: true,
-                    });
-                }
+                var target = element instanceof HTMLElement ? element : document.documentElement;
+                mutationObserver.observe(target, {
+                    attributes: true,
+                    attributeFilter: ['class', 'style'],
+                    childList: true,
+                    subtree: true,
+                });
+            };
+            /**
+             * Determines if an element is "visible" in the DOM.
+             * @see https://stackoverflow.com/a/11639664/6178885
+             */
+            SkyScrollableHostService.prototype.isElementVisible = function (elementRef) {
+                return elementRef.nativeElement.offsetParent;
             };
             return SkyScrollableHostService;
         }());