@skyux/layout 5.7.2 → 6.0.0-beta.2

package/bundles/skyux-layout.umd.js

@@ -1,3570 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('@angular/router'), require('@skyux/indicators'), require('@skyux/router'), require('@skyux/theme'), require('rxjs'), require('rxjs/operators'), require('@skyux/core'), require('@skyux/i18n'), require('@angular/forms'), require('@skyux/forms'), require('@angular/animations'), require('@skyux/modals')) :
-    typeof define === 'function' && define.amd ? define('@skyux/layout', ['exports', '@angular/common', '@angular/core', '@angular/router', '@skyux/indicators', '@skyux/router', '@skyux/theme', 'rxjs', 'rxjs/operators', '@skyux/core', '@skyux/i18n', '@angular/forms', '@skyux/forms', '@angular/animations', '@skyux/modals'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.skyux = global.skyux || {}, global.skyux.layout = {}), global.ng.common, global.ng.core, global.ng.router, global.i2$1, global.i4, global.i3$1, global.rxjs, global.rxjs.operators, global.i1, global.i1$1, global.ng.forms, global.i1$2, global.ng.animations, global.i2$2));
-})(this, (function (exports, i3, i0, i2, i2$1, i4, i3$1, rxjs, operators, i1, i1$1, i3$2, i1$2, animations, i2$2) { 'use strict';
-
-    function _interopNamespace(e) {
-        if (e && e.__esModule) return e;
-        var n = Object.create(null);
-        if (e) {
-            Object.keys(e).forEach(function (k) {
-                if (k !== 'default') {
-                    var d = Object.getOwnPropertyDescriptor(e, k);
-                    Object.defineProperty(n, k, d.get ? d : {
-                        enumerable: true,
-                        get: function () { return e[k]; }
-                    });
-                }
-            });
-        }
-        n["default"] = e;
-        return Object.freeze(n);
-    }
-
-    var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
-    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
-    var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
-    var i2__namespace$1 = /*#__PURE__*/_interopNamespace(i2$1);
-    var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
-    var i3__namespace$1 = /*#__PURE__*/_interopNamespace(i3$1);
-    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
-    var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
-    var i3__namespace$2 = /*#__PURE__*/_interopNamespace(i3$2);
-    var i1__namespace$2 = /*#__PURE__*/_interopNamespace(i1$2);
-    var i2__namespace$2 = /*#__PURE__*/_interopNamespace(i2$2);
-
-    var RESPONSIVE_CLASS_SM = 'sky-action-button-container-sm';
-    var RESPONSIVE_CLASS_MD = 'sky-action-button-container-md';
-    var RESPONSIVE_CLASS_LG = 'sky-action-button-container-lg';
-    var BREAKPOINT_MD = 912;
-    var BREAKPOINT_LG = 1378;
-    /**
-     * @internal
-     */
-    var SkyActionButtonAdapterService = /** @class */ (function () {
-        function SkyActionButtonAdapterService(rendererFactory) {
-            this.renderer = rendererFactory.createRenderer(undefined, undefined);
-        }
-        SkyActionButtonAdapterService.prototype.getParentWidth = function (element) {
-            return element.nativeElement.parentNode.getBoundingClientRect().width;
-        };
-        SkyActionButtonAdapterService.prototype.setResponsiveClass = function (element, width) {
-            var el = element.nativeElement;
-            var className = this.getResponsiveClassName(width);
-            this.renderer.removeClass(el, RESPONSIVE_CLASS_SM);
-            this.renderer.removeClass(el, RESPONSIVE_CLASS_MD);
-            this.renderer.removeClass(el, RESPONSIVE_CLASS_LG);
-            this.renderer.addClass(el, className);
-        };
-        SkyActionButtonAdapterService.prototype.getResponsiveClassName = function (width) {
-            if (width < BREAKPOINT_MD) {
-                return RESPONSIVE_CLASS_SM;
-            }
-            else if (width > BREAKPOINT_MD && width < BREAKPOINT_LG) {
-                return RESPONSIVE_CLASS_MD;
-            }
-            else {
-                return RESPONSIVE_CLASS_LG;
-            }
-        };
-        return SkyActionButtonAdapterService;
-    }());
-    SkyActionButtonAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyActionButtonAdapterService, deps: [{ token: i0__namespace.RendererFactory2 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    SkyActionButtonAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyActionButtonAdapterService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyActionButtonAdapterService, decorators: [{
-                type: i0.Injectable
-            }], ctorParameters: function () { return [{ type: i0__namespace.RendererFactory2 }]; } });
-
-    /**
-     * Creates a button to present users with an option to move forward with tasks.
-     */
-    var SkyActionButtonComponent = /** @class */ (function () {
-        function SkyActionButtonComponent() {
-            /**
-             * Fires when users select the action button.
-             */
-            this.actionClick = new i0.EventEmitter();
-        }
-        SkyActionButtonComponent.prototype.buttonClicked = function () {
-            this.actionClick.emit();
-        };
-        SkyActionButtonComponent.prototype.enterPress = function () {
-            this.actionClick.emit();
-        };
-        return SkyActionButtonComponent;
-    }());
-    SkyActionButtonComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyActionButtonComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyActionButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyActionButtonComponent, selector: "sky-action-button", inputs: { permalink: "permalink" }, outputs: { actionClick: "actionClick" }, ngImport: i0__namespace, template: "<a\n  *ngIf=\"permalink && permalink.route\"\n  class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n  tabindex=\"0\"\n  [fragment]=\"permalink.route?.extras?.fragment\"\n  [skyThemeClass]=\"{\n    'sky-btn sky-box': 'modern'\n  }\"\n  [queryParams]=\"permalink.route?.extras?.queryParams\"\n  [queryParamsHandling]=\"permalink.route?.extras?.queryParamsHandling\"\n  [routerLink]=\"permalink.route?.commands\"\n>\n  <ng-container *ngTemplateOutlet=\"actionButtonContent\"> </ng-container>\n</a>\n\n<a\n  *ngIf=\"permalink && !permalink.route\"\n  class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n  tabindex=\"0\"\n  [skyHref]=\"permalink.url\"\n  [skyThemeClass]=\"{\n    'sky-btn sky-box': 'modern'\n  }\"\n>\n  <ng-container *ngTemplateOutlet=\"actionButtonContent\"> </ng-container>\n</a>\n\n<div\n  *ngIf=\"!permalink\"\n  class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n  tabindex=\"0\"\n  role=\"button\"\n  [skyThemeClass]=\"{\n    'sky-btn sky-box': 'modern'\n  }\"\n  (click)=\"buttonClicked()\"\n  (keydown.enter)=\"enterPress()\"\n>\n  <ng-container *ngTemplateOutlet=\"actionButtonContent\"> </ng-container>\n</div>\n\n<ng-template #actionButtonContent>\n  <ng-container *skyThemeIf=\"'default'\">\n    <div class=\"sky-action-button-icon-header-container\">\n      <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n      <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n    </div>\n    <ng-container *ngTemplateOutlet=\"details\"></ng-container>\n  </ng-container>\n\n  <ng-container *skyThemeIf=\"'modern'\">\n    <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n    <div class=\"sky-action-button-content\">\n      <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n      <div\n        class=\"sky-action-button-details\"\n        [skyThemeClass]=\"{\n          'sky-font-deemphasized': 'modern'\n        }\"\n      >\n        <ng-container *ngTemplateOutlet=\"details\"></ng-container>\n      </div>\n    </div>\n  </ng-container>\n</ng-template>\n\n<ng-template #icon>\n  <ng-content select=\"sky-action-button-icon\"></ng-content>\n</ng-template>\n\n<ng-template #header>\n  <ng-content select=\"sky-action-button-header\"></ng-content>\n</ng-template>\n\n<ng-template #details>\n  <ng-content select=\"sky-action-button-details\"></ng-content>\n</ng-template>\n", styles: [".sky-action-button{border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;cursor:pointer;text-align:center;text-decoration:none!important;display:block}.sky-action-button:hover{border-color:#c2c4c6}.sky-action-button-icon-header-container{display:flex;justify-content:center}.sky-action-button{padding:20px 20px 30px;margin:0 15px}.sky-action-button-icon-header-container{margin-bottom:20px}.sky-responsive-container-xs .sky-action-button,.sky-responsive-container-sm .sky-action-button,.sky-responsive-container-md .sky-action-button,.sky-responsive-container-lg .sky-action-button{padding:20px 20px 30px;margin:0 15px}.sky-responsive-container-xs .sky-action-button-icon-header-container,.sky-responsive-container-sm .sky-action-button-icon-header-container,.sky-responsive-container-md .sky-action-button-icon-header-container,.sky-responsive-container-lg .sky-action-button-icon-header-container{margin-bottom:20px}@media (min-width: 768px){.sky-action-button{padding:30px 20px;margin:0;max-width:236px}.sky-action-button-icon-header-container{margin-bottom:0;flex-direction:column}}.sky-responsive-container-sm .sky-action-button,.sky-responsive-container-md .sky-action-button,.sky-responsive-container-lg .sky-action-button{padding:30px 20px;margin:0;max-width:236px}.sky-responsive-container-sm .sky-action-button-icon-header-container,.sky-responsive-container-md .sky-action-button-icon-header-container,.sky-responsive-container-lg .sky-action-button-icon-header-container{margin-bottom:0;flex-direction:column}.sky-theme-modern .sky-action-button{display:flex;flex-flow:row nowrap;padding:30px;text-align:left;border:none}.sky-theme-modern .sky-action-button .sky-action-button-content{flex:1 1 auto;margin:0 10px 0 0;white-space:initial}.sky-theme-modern .sky-action-button{padding:30px;margin:0;max-width:446px}.sky-theme-modern .sky-responsive-container-xs .sky-action-button,.sky-theme-modern .sky-responsive-container-sm .sky-action-button,.sky-theme-modern .sky-responsive-container-md .sky-action-button,.sky-theme-modern .sky-responsive-container-lg .sky-action-button{padding:30px;margin:0;max-width:446px}@media (min-width: 768px){.sky-theme-modern .sky-action-button{padding:30px;margin:0}}.sky-theme-modern .sky-responsive-container-sm .sky-action-button,.sky-theme-modern .sky-responsive-container-md .sky-action-button,.sky-theme-modern .sky-responsive-container-lg .sky-action-button{padding:30px;margin:0}\n"], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["routerLink", "target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo"] }, { type: i3__namespace$1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4__namespace.λ1, selector: "[skyHref]", inputs: ["skyHref", "skyHrefElse"] }, { type: i3__namespace$1.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyActionButtonComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-action-button',
-                        styles: [".sky-action-button{border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;cursor:pointer;text-align:center;text-decoration:none!important;display:block}.sky-action-button:hover{border-color:#c2c4c6}.sky-action-button-icon-header-container{display:flex;justify-content:center}.sky-action-button{padding:20px 20px 30px;margin:0 15px}.sky-action-button-icon-header-container{margin-bottom:20px}.sky-responsive-container-xs .sky-action-button,.sky-responsive-container-sm .sky-action-button,.sky-responsive-container-md .sky-action-button,.sky-responsive-container-lg .sky-action-button{padding:20px 20px 30px;margin:0 15px}.sky-responsive-container-xs .sky-action-button-icon-header-container,.sky-responsive-container-sm .sky-action-button-icon-header-container,.sky-responsive-container-md .sky-action-button-icon-header-container,.sky-responsive-container-lg .sky-action-button-icon-header-container{margin-bottom:20px}@media (min-width: 768px){.sky-action-button{padding:30px 20px;margin:0;max-width:236px}.sky-action-button-icon-header-container{margin-bottom:0;flex-direction:column}}.sky-responsive-container-sm .sky-action-button,.sky-responsive-container-md .sky-action-button,.sky-responsive-container-lg .sky-action-button{padding:30px 20px;margin:0;max-width:236px}.sky-responsive-container-sm .sky-action-button-icon-header-container,.sky-responsive-container-md .sky-action-button-icon-header-container,.sky-responsive-container-lg .sky-action-button-icon-header-container{margin-bottom:0;flex-direction:column}.sky-theme-modern .sky-action-button{display:flex;flex-flow:row nowrap;padding:30px;text-align:left;border:none}.sky-theme-modern .sky-action-button .sky-action-button-content{flex:1 1 auto;margin:0 10px 0 0;white-space:initial}.sky-theme-modern .sky-action-button{padding:30px;margin:0;max-width:446px}.sky-theme-modern .sky-responsive-container-xs .sky-action-button,.sky-theme-modern .sky-responsive-container-sm .sky-action-button,.sky-theme-modern .sky-responsive-container-md .sky-action-button,.sky-theme-modern .sky-responsive-container-lg .sky-action-button{padding:30px;margin:0;max-width:446px}@media (min-width: 768px){.sky-theme-modern .sky-action-button{padding:30px;margin:0}}.sky-theme-modern .sky-responsive-container-sm .sky-action-button,.sky-theme-modern .sky-responsive-container-md .sky-action-button,.sky-theme-modern .sky-responsive-container-lg .sky-action-button{padding:30px;margin:0}\n"],
-                        template: "<a\n  *ngIf=\"permalink && permalink.route\"\n  class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n  tabindex=\"0\"\n  [fragment]=\"permalink.route?.extras?.fragment\"\n  [skyThemeClass]=\"{\n    'sky-btn sky-box': 'modern'\n  }\"\n  [queryParams]=\"permalink.route?.extras?.queryParams\"\n  [queryParamsHandling]=\"permalink.route?.extras?.queryParamsHandling\"\n  [routerLink]=\"permalink.route?.commands\"\n>\n  <ng-container *ngTemplateOutlet=\"actionButtonContent\"> </ng-container>\n</a>\n\n<a\n  *ngIf=\"permalink && !permalink.route\"\n  class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n  tabindex=\"0\"\n  [skyHref]=\"permalink.url\"\n  [skyThemeClass]=\"{\n    'sky-btn sky-box': 'modern'\n  }\"\n>\n  <ng-container *ngTemplateOutlet=\"actionButtonContent\"> </ng-container>\n</a>\n\n<div\n  *ngIf=\"!permalink\"\n  class=\"sky-action-button sky-btn-default sky-rounded-corners\"\n  tabindex=\"0\"\n  role=\"button\"\n  [skyThemeClass]=\"{\n    'sky-btn sky-box': 'modern'\n  }\"\n  (click)=\"buttonClicked()\"\n  (keydown.enter)=\"enterPress()\"\n>\n  <ng-container *ngTemplateOutlet=\"actionButtonContent\"> </ng-container>\n</div>\n\n<ng-template #actionButtonContent>\n  <ng-container *skyThemeIf=\"'default'\">\n    <div class=\"sky-action-button-icon-header-container\">\n      <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n      <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n    </div>\n    <ng-container *ngTemplateOutlet=\"details\"></ng-container>\n  </ng-container>\n\n  <ng-container *skyThemeIf=\"'modern'\">\n    <ng-container *ngTemplateOutlet=\"icon\"></ng-container>\n    <div class=\"sky-action-button-content\">\n      <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n      <div\n        class=\"sky-action-button-details\"\n        [skyThemeClass]=\"{\n          'sky-font-deemphasized': 'modern'\n        }\"\n      >\n        <ng-container *ngTemplateOutlet=\"details\"></ng-container>\n      </div>\n    </div>\n  </ng-container>\n</ng-template>\n\n<ng-template #icon>\n  <ng-content select=\"sky-action-button-icon\"></ng-content>\n</ng-template>\n\n<ng-template #header>\n  <ng-content select=\"sky-action-button-header\"></ng-content>\n</ng-template>\n\n<ng-template #details>\n  <ng-content select=\"sky-action-button-details\"></ng-content>\n</ng-template>\n",
-                        encapsulation: i0.ViewEncapsulation.None,
-                    }]
-            }], propDecorators: { permalink: [{
-                    type: i0.Input
-                }], actionClick: [{
-                    type: i0.Output
-                }] } });
-
-    /**
-     * Wraps action buttons to ensures that they have consistent height and spacing.
-     * @required
-     */
-    var SkyActionButtonContainerComponent = /** @class */ (function () {
-        function SkyActionButtonContainerComponent(actionButtonAdapterService, changeRef, coreAdapterService, hostElRef, mutationObserverSvc, ngZone, themeSvc) {
-            this.actionButtonAdapterService = actionButtonAdapterService;
-            this.changeRef = changeRef;
-            this.coreAdapterService = coreAdapterService;
-            this.hostElRef = hostElRef;
-            this.mutationObserverSvc = mutationObserverSvc;
-            this.ngZone = ngZone;
-            this.themeSvc = themeSvc;
-            this.ngUnsubscribe = new rxjs.Subject();
-        }
-        Object.defineProperty(SkyActionButtonContainerComponent.prototype, "alignItems", {
-            get: function () {
-                return this._alignItems || 'center';
-            },
-            /**
-             * Specifies how to display the action buttons inside the action button container.
-             * Options are `"center"` or `"left"`.
-             * @default "center"
-             */
-            set: function (value) {
-                this._alignItems = value;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyActionButtonContainerComponent.prototype, "themeName", {
-            set: function (value) {
-                this._themeName = value;
-                this.updateResponsiveClass();
-                this.updateHeight();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SkyActionButtonContainerComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            /* istanbul ignore else */
-            if (this.themeSvc) {
-                this.themeSvc.settingsChange
-                    .pipe(operators.takeUntil(this.ngUnsubscribe))
-                    .subscribe(function (themeSettings) {
-                    _this.themeName = themeSettings.currentSettings.theme.name;
-                    _this.changeRef.markForCheck();
-                });
-            }
-            // Wait for children components to complete rendering before container width is determined.
-            setTimeout(function () {
-                _this.updateResponsiveClass();
-            });
-        };
-        SkyActionButtonContainerComponent.prototype.ngAfterContentInit = function () {
-            var _this = this;
-            // Watch for dynamic action button changes and recalculate height.
-            /* istanbul ignore else */
-            if (this.actionButtons) {
-                this.actionButtons.changes
-                    .pipe(operators.takeUntil(this.ngUnsubscribe))
-                    .subscribe(function () {
-                    _this.updateHeight();
-                });
-            }
-            this.initMutationObserver();
-        };
-        SkyActionButtonContainerComponent.prototype.ngOnDestroy = function () {
-            this.ngUnsubscribe.next();
-            this.ngUnsubscribe.complete();
-            this.destroyMutationObserver();
-        };
-        SkyActionButtonContainerComponent.prototype.onWindowResize = function () {
-            this.updateResponsiveClass();
-        };
-        SkyActionButtonContainerComponent.prototype.initMutationObserver = function () {
-            var _this = this;
-            /* istanbul ignore else */
-            if (!this.mutationObserver) {
-                var el_1 = this.containerRef.nativeElement;
-                // MutationObserver is patched by Zone.js and therefore becomes part of the
-                // Angular change detection cycle, but this can lead to infinite loops in some
-                // scenarios. This will keep MutationObserver from triggering change detection.
-                this.ngZone.runOutsideAngular(function () {
-                    _this.mutationObserver = _this.mutationObserverSvc.create(function () {
-                        _this.updateHeight();
-                    });
-                    _this.mutationObserver.observe(el_1, {
-                        characterData: true,
-                        subtree: true,
-                    });
-                });
-            }
-        };
-        SkyActionButtonContainerComponent.prototype.destroyMutationObserver = function () {
-            if (this.mutationObserver) {
-                this.mutationObserver.disconnect();
-                this.mutationObserver = undefined;
-            }
-        };
-        SkyActionButtonContainerComponent.prototype.updateHeight = function () {
-            var _this = this;
-            this.coreAdapterService.resetHeight(this.containerRef, '.sky-action-button');
-            if (this._themeName === 'modern') {
-                // Wait for children components to complete rendering before height is determined.
-                setTimeout(function () {
-                    _this.coreAdapterService.syncMaxHeight(_this.containerRef, '.sky-action-button');
-                });
-            }
-        };
-        SkyActionButtonContainerComponent.prototype.updateResponsiveClass = function () {
-            var parentWidth = this.actionButtonAdapterService.getParentWidth(this.hostElRef);
-            this.actionButtonAdapterService.setResponsiveClass(this.containerRef, parentWidth);
-        };
-        return SkyActionButtonContainerComponent;
-    }());
-    SkyActionButtonContainerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyActionButtonContainerComponent, deps: [{ token: SkyActionButtonAdapterService }, { token: i0__namespace.ChangeDetectorRef }, { token: i1__namespace.SkyCoreAdapterService }, { token: i0__namespace.ElementRef }, { token: i1__namespace.MutationObserverService }, { token: i0__namespace.NgZone }, { token: i3__namespace$1.SkyThemeService, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyActionButtonContainerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyActionButtonContainerComponent, selector: "sky-action-button-container", inputs: { alignItems: "alignItems" }, host: { listeners: { "window:resize": "onWindowResize()" } }, providers: [SkyActionButtonAdapterService], queries: [{ propertyName: "actionButtons", predicate: SkyActionButtonComponent }], viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["container"], descendants: true, read: i0.ElementRef, static: true }], ngImport: i0__namespace, template: "<div class=\"sky-action-button-container\" #container>\n  <div\n    class=\"sky-action-button-flex\"\n    [ngClass]=\"{\n      'sky-action-button-flex-align-left': alignItems === 'left',\n      'sky-action-button-flex-align-center': alignItems === 'center'\n    }\"\n  >\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [":host{display:block}.sky-action-button-flex sky-action-button{display:block}.sky-action-button-flex .sky-action-button{height:100%;min-width:236px;margin-left:10px;margin-right:10px}.sky-action-button-flex{display:block;padding:0}.sky-action-button-flex sky-action-button{margin:20px 0}.sky-responsive-container-xs .sky-action-button-flex,.sky-responsive-container-sm .sky-action-button-flex,.sky-responsive-container-md .sky-action-button-flex,.sky-responsive-container-lg .sky-action-button-flex{display:block;padding:0}.sky-responsive-container-xs .sky-action-button-flex sky-action-button,.sky-responsive-container-sm .sky-action-button-flex sky-action-button,.sky-responsive-container-md .sky-action-button-flex sky-action-button,.sky-responsive-container-lg .sky-action-button-flex sky-action-button{margin:20px 0}@media (min-width: 768px){.sky-action-button-flex{display:flex;flex-flow:row wrap;padding:10px 0}.sky-action-button-flex.sky-action-button-flex-align-center{justify-content:center}.sky-action-button-flex.sky-action-button-flex-align-left{justify-content:flex-start}.sky-action-button-flex sky-action-button{margin:10px 0}}.sky-responsive-container-sm .sky-action-button-flex,.sky-responsive-container-md .sky-action-button-flex,.sky-responsive-container-lg .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:10px 0}.sky-responsive-container-sm .sky-action-button-flex.sky-action-button-flex-align-center,.sky-responsive-container-md .sky-action-button-flex.sky-action-button-flex-align-center,.sky-responsive-container-lg .sky-action-button-flex.sky-action-button-flex-align-center{justify-content:center}.sky-responsive-container-sm .sky-action-button-flex.sky-action-button-flex-align-left,.sky-responsive-container-md .sky-action-button-flex.sky-action-button-flex-align-left,.sky-responsive-container-lg .sky-action-button-flex.sky-action-button-flex-align-left{justify-content:flex-start}.sky-responsive-container-sm .sky-action-button-flex sky-action-button,.sky-responsive-container-md .sky-action-button-flex sky-action-button,.sky-responsive-container-lg .sky-action-button-flex sky-action-button{margin:10px 0}.sky-theme-modern .sky-action-button-container{margin:0 auto}.sky-theme-modern .sky-action-button-container.sky-action-button-container-sm{max-width:446px}.sky-theme-modern .sky-action-button-container.sky-action-button-container-md{max-width:912px}.sky-theme-modern .sky-action-button-container.sky-action-button-container-lg{max-width:1378px}.sky-theme-modern .sky-action-button-container .sky-action-button-flex .sky-action-button{height:auto;min-width:auto;margin:0}.sky-theme-modern .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:0;margin:0 0 -20px -20px}.sky-theme-modern .sky-action-button-flex sky-action-button{margin:0 0 20px 20px;flex:0 1 446px}.sky-theme-modern .sky-responsive-container-xs .sky-action-button-flex,.sky-theme-modern .sky-responsive-container-sm .sky-action-button-flex,.sky-theme-modern .sky-responsive-container-md .sky-action-button-flex,.sky-theme-modern .sky-responsive-container-lg .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:0;margin:0 0 -20px -20px}.sky-theme-modern .sky-responsive-container-xs .sky-action-button-flex sky-action-button,.sky-theme-modern .sky-responsive-container-sm .sky-action-button-flex sky-action-button,.sky-theme-modern .sky-responsive-container-md .sky-action-button-flex sky-action-button,.sky-theme-modern .sky-responsive-container-lg .sky-action-button-flex sky-action-button{margin:0 0 20px 20px;flex:0 1 446px}\n"], directives: [{ type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyActionButtonContainerComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-action-button-container',
-                        styles: [":host{display:block}.sky-action-button-flex sky-action-button{display:block}.sky-action-button-flex .sky-action-button{height:100%;min-width:236px;margin-left:10px;margin-right:10px}.sky-action-button-flex{display:block;padding:0}.sky-action-button-flex sky-action-button{margin:20px 0}.sky-responsive-container-xs .sky-action-button-flex,.sky-responsive-container-sm .sky-action-button-flex,.sky-responsive-container-md .sky-action-button-flex,.sky-responsive-container-lg .sky-action-button-flex{display:block;padding:0}.sky-responsive-container-xs .sky-action-button-flex sky-action-button,.sky-responsive-container-sm .sky-action-button-flex sky-action-button,.sky-responsive-container-md .sky-action-button-flex sky-action-button,.sky-responsive-container-lg .sky-action-button-flex sky-action-button{margin:20px 0}@media (min-width: 768px){.sky-action-button-flex{display:flex;flex-flow:row wrap;padding:10px 0}.sky-action-button-flex.sky-action-button-flex-align-center{justify-content:center}.sky-action-button-flex.sky-action-button-flex-align-left{justify-content:flex-start}.sky-action-button-flex sky-action-button{margin:10px 0}}.sky-responsive-container-sm .sky-action-button-flex,.sky-responsive-container-md .sky-action-button-flex,.sky-responsive-container-lg .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:10px 0}.sky-responsive-container-sm .sky-action-button-flex.sky-action-button-flex-align-center,.sky-responsive-container-md .sky-action-button-flex.sky-action-button-flex-align-center,.sky-responsive-container-lg .sky-action-button-flex.sky-action-button-flex-align-center{justify-content:center}.sky-responsive-container-sm .sky-action-button-flex.sky-action-button-flex-align-left,.sky-responsive-container-md .sky-action-button-flex.sky-action-button-flex-align-left,.sky-responsive-container-lg .sky-action-button-flex.sky-action-button-flex-align-left{justify-content:flex-start}.sky-responsive-container-sm .sky-action-button-flex sky-action-button,.sky-responsive-container-md .sky-action-button-flex sky-action-button,.sky-responsive-container-lg .sky-action-button-flex sky-action-button{margin:10px 0}.sky-theme-modern .sky-action-button-container{margin:0 auto}.sky-theme-modern .sky-action-button-container.sky-action-button-container-sm{max-width:446px}.sky-theme-modern .sky-action-button-container.sky-action-button-container-md{max-width:912px}.sky-theme-modern .sky-action-button-container.sky-action-button-container-lg{max-width:1378px}.sky-theme-modern .sky-action-button-container .sky-action-button-flex .sky-action-button{height:auto;min-width:auto;margin:0}.sky-theme-modern .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:0;margin:0 0 -20px -20px}.sky-theme-modern .sky-action-button-flex sky-action-button{margin:0 0 20px 20px;flex:0 1 446px}.sky-theme-modern .sky-responsive-container-xs .sky-action-button-flex,.sky-theme-modern .sky-responsive-container-sm .sky-action-button-flex,.sky-theme-modern .sky-responsive-container-md .sky-action-button-flex,.sky-theme-modern .sky-responsive-container-lg .sky-action-button-flex{display:flex;flex-flow:row wrap;padding:0;margin:0 0 -20px -20px}.sky-theme-modern .sky-responsive-container-xs .sky-action-button-flex sky-action-button,.sky-theme-modern .sky-responsive-container-sm .sky-action-button-flex sky-action-button,.sky-theme-modern .sky-responsive-container-md .sky-action-button-flex sky-action-button,.sky-theme-modern .sky-responsive-container-lg .sky-action-button-flex sky-action-button{margin:0 0 20px 20px;flex:0 1 446px}\n"],
-                        template: "<div class=\"sky-action-button-container\" #container>\n  <div\n    class=\"sky-action-button-flex\"\n    [ngClass]=\"{\n      'sky-action-button-flex-align-left': alignItems === 'left',\n      'sky-action-button-flex-align-center': alignItems === 'center'\n    }\"\n  >\n    <ng-content></ng-content>\n  </div>\n</div>\n",
-                        providers: [SkyActionButtonAdapterService],
-                        encapsulation: i0.ViewEncapsulation.None,
-                    }]
-            }], ctorParameters: function () {
-            return [{ type: SkyActionButtonAdapterService }, { type: i0__namespace.ChangeDetectorRef }, { type: i1__namespace.SkyCoreAdapterService }, { type: i0__namespace.ElementRef }, { type: i1__namespace.MutationObserverService }, { type: i0__namespace.NgZone }, { type: i3__namespace$1.SkyThemeService, decorators: [{
-                            type: i0.Optional
-                        }] }];
-        }, propDecorators: { alignItems: [{
-                    type: i0.Input
-                }], actionButtons: [{
-                    type: i0.ContentChildren,
-                    args: [SkyActionButtonComponent]
-                }], containerRef: [{
-                    type: i0.ViewChild,
-                    args: ['container', {
-                            read: i0.ElementRef,
-                            static: true,
-                        }]
-                }], onWindowResize: [{
-                    type: i0.HostListener,
-                    args: ['window:resize']
-                }] } });
-
-    /**
-     * Specifies a description to display on an action button.
-     */
-    var SkyActionButtonDetailsComponent = /** @class */ (function () {
-        function SkyActionButtonDetailsComponent() {
-        }
-        return SkyActionButtonDetailsComponent;
-    }());
-    SkyActionButtonDetailsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyActionButtonDetailsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyActionButtonDetailsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyActionButtonDetailsComponent, selector: "sky-action-button-details", ngImport: i0__namespace, template: "<ng-content></ng-content>\n" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyActionButtonDetailsComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-action-button-details',
-                        template: "<ng-content></ng-content>\n",
-                    }]
-            }] });
-
-    /**
-     * Specifies a header to display on an action button.
-     */
-    var SkyActionButtonHeaderComponent = /** @class */ (function () {
-        function SkyActionButtonHeaderComponent() {
-        }
-        return SkyActionButtonHeaderComponent;
-    }());
-    SkyActionButtonHeaderComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyActionButtonHeaderComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyActionButtonHeaderComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyActionButtonHeaderComponent, selector: "sky-action-button-header", ngImport: i0__namespace, template: "<div\n  class=\"sky-action-button-header\"\n  [skyThemeClass]=\"{\n    'sky-headline': 'modern',\n    'sky-section-heading': 'default'\n  }\"\n>\n  <ng-content></ng-content>\n</div>\n", styles: [":host .sky-action-button-header{margin:0 5px}:host-context(.sky-responsive-container-xs) .sky-action-button-header,:host-context(.sky-responsive-container-sm) .sky-action-button-header,:host-context(.sky-responsive-container-md) .sky-action-button-header,:host-context(.sky-responsive-container-lg) .sky-action-button-header{margin:0 5px}@media (min-width: 768px){:host .sky-action-button-header{margin:0 0 20px}}:host-context(.sky-responsive-container-sm) .sky-action-button-header,:host-context(.sky-responsive-container-md) .sky-action-button-header,:host-context(.sky-responsive-container-lg) .sky-action-button-header{margin:0 0 20px}:host-context(.sky-theme-modern) .sky-action-button-header{margin:0 0 10px}.sky-theme-modern .sky-action-button-header{margin:0 0 10px}\n"], directives: [{ type: i3__namespace$1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyActionButtonHeaderComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-action-button-header',
-                        styles: [":host .sky-action-button-header{margin:0 5px}:host-context(.sky-responsive-container-xs) .sky-action-button-header,:host-context(.sky-responsive-container-sm) .sky-action-button-header,:host-context(.sky-responsive-container-md) .sky-action-button-header,:host-context(.sky-responsive-container-lg) .sky-action-button-header{margin:0 5px}@media (min-width: 768px){:host .sky-action-button-header{margin:0 0 20px}}:host-context(.sky-responsive-container-sm) .sky-action-button-header,:host-context(.sky-responsive-container-md) .sky-action-button-header,:host-context(.sky-responsive-container-lg) .sky-action-button-header{margin:0 0 20px}:host-context(.sky-theme-modern) .sky-action-button-header{margin:0 0 10px}.sky-theme-modern .sky-action-button-header{margin:0 0 10px}\n"],
-                        template: "<div\n  class=\"sky-action-button-header\"\n  [skyThemeClass]=\"{\n    'sky-headline': 'modern',\n    'sky-section-heading': 'default'\n  }\"\n>\n  <ng-content></ng-content>\n</div>\n",
-                    }]
-            }] });
-
-    var FONTSIZECLASS_SMALL = '2x';
-    var FONTSIZECLASS_LARGE = '3x';
-    /**
-     * Specifies an icon to display on the action button.
-     */
-    var SkyActionButtonIconComponent = /** @class */ (function () {
-        function SkyActionButtonIconComponent(mediaQueryService) {
-            var _this = this;
-            this.mediaQueryService = mediaQueryService;
-            this.fontSizeClass = FONTSIZECLASS_LARGE;
-            this.subscription = this.mediaQueryService.subscribe(function (args) {
-                if (args === i1.SkyMediaBreakpoints.xs) {
-                    _this.fontSizeClass = FONTSIZECLASS_SMALL;
-                }
-                else {
-                    _this.fontSizeClass = FONTSIZECLASS_LARGE;
-                }
-            });
-        }
-        SkyActionButtonIconComponent.prototype.ngOnDestroy = function () {
-            /* istanbul ignore else */
-            /* sanity check */
-            if (this.subscription) {
-                this.subscription.unsubscribe();
-            }
-        };
-        return SkyActionButtonIconComponent;
-    }());
-    SkyActionButtonIconComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyActionButtonIconComponent, deps: [{ token: i1__namespace.SkyMediaQueryService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyActionButtonIconComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyActionButtonIconComponent, selector: "sky-action-button-icon", inputs: { iconType: "iconType" }, ngImport: i0__namespace, template: "<div aria-hidden=\"true\" class=\"sky-action-button-icon-container\">\n  <sky-icon\n    class=\"sky-action-button-icon\"\n    [icon]=\"iconType\"\n    [size]=\"fontSizeClass\"\n  ></sky-icon>\n</div>\n", styles: [":host .sky-action-button-icon-container{margin:0 5px}:host-context(.sky-responsive-container-xs) .sky-action-button-icon-container,:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container,:host-context(.sky-responsive-container-md) .sky-action-button-icon-container,:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container{margin:0 5px}@media (min-width: 768px){:host .sky-action-button-icon-container{margin:0 0 20px}}:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container,:host-context(.sky-responsive-container-md) .sky-action-button-icon-container,:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container{margin:0 0 20px}.sky-action-button-icon{color:#0974a1}:host-context(.sky-theme-modern) .sky-action-button-icon-container{color:#0974a1;background:#e8f8ff;margin:0 20px 0 0;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}:host-context(.sky-theme-modern) .sky-action-button-icon-container ::ng-deep .sky-icon{font-size:24px!important}.sky-theme-modern .sky-action-button-icon-container{color:#0974a1;background:#e8f8ff;margin:0 20px 0 0;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.sky-theme-modern .sky-action-button-icon-container ::ng-deep .sky-icon{font-size:24px!important}\n"], components: [{ type: i2__namespace$1.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyActionButtonIconComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-action-button-icon',
-                        styles: [":host .sky-action-button-icon-container{margin:0 5px}:host-context(.sky-responsive-container-xs) .sky-action-button-icon-container,:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container,:host-context(.sky-responsive-container-md) .sky-action-button-icon-container,:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container{margin:0 5px}@media (min-width: 768px){:host .sky-action-button-icon-container{margin:0 0 20px}}:host-context(.sky-responsive-container-sm) .sky-action-button-icon-container,:host-context(.sky-responsive-container-md) .sky-action-button-icon-container,:host-context(.sky-responsive-container-lg) .sky-action-button-icon-container{margin:0 0 20px}.sky-action-button-icon{color:#0974a1}:host-context(.sky-theme-modern) .sky-action-button-icon-container{color:#0974a1;background:#e8f8ff;margin:0 20px 0 0;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}:host-context(.sky-theme-modern) .sky-action-button-icon-container ::ng-deep .sky-icon{font-size:24px!important}.sky-theme-modern .sky-action-button-icon-container{color:#0974a1;background:#e8f8ff;margin:0 20px 0 0;border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.sky-theme-modern .sky-action-button-icon-container ::ng-deep .sky-icon{font-size:24px!important}\n"],
-                        template: "<div aria-hidden=\"true\" class=\"sky-action-button-icon-container\">\n  <sky-icon\n    class=\"sky-action-button-icon\"\n    [icon]=\"iconType\"\n    [size]=\"fontSizeClass\"\n  ></sky-icon>\n</div>\n",
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace.SkyMediaQueryService }]; }, propDecorators: { iconType: [{
-                    type: i0.Input
-                }] } });
-
-    var SkyActionButtonModule = /** @class */ (function () {
-        function SkyActionButtonModule() {
-        }
-        return SkyActionButtonModule;
-    }());
-    SkyActionButtonModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyActionButtonModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyActionButtonModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyActionButtonModule, declarations: [SkyActionButtonComponent,
-            SkyActionButtonContainerComponent,
-            SkyActionButtonDetailsComponent,
-            SkyActionButtonHeaderComponent,
-            SkyActionButtonIconComponent], imports: [i3.CommonModule,
-            i2.RouterModule,
-            i4.SkyHrefModule,
-            i2$1.SkyIconModule,
-            i3$1.SkyThemeModule], exports: [SkyActionButtonComponent,
-            SkyActionButtonContainerComponent,
-            SkyActionButtonDetailsComponent,
-            SkyActionButtonHeaderComponent,
-            SkyActionButtonIconComponent] });
-    SkyActionButtonModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyActionButtonModule, imports: [[
-                i3.CommonModule,
-                i2.RouterModule,
-                i4.SkyHrefModule,
-                i2$1.SkyIconModule,
-                i3$1.SkyThemeModule,
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyActionButtonModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [
-                            SkyActionButtonComponent,
-                            SkyActionButtonContainerComponent,
-                            SkyActionButtonDetailsComponent,
-                            SkyActionButtonHeaderComponent,
-                            SkyActionButtonIconComponent,
-                        ],
-                        imports: [
-                            i3.CommonModule,
-                            i2.RouterModule,
-                            i4.SkyHrefModule,
-                            i2$1.SkyIconModule,
-                            i3$1.SkyThemeModule,
-                        ],
-                        exports: [
-                            SkyActionButtonComponent,
-                            SkyActionButtonContainerComponent,
-                            SkyActionButtonDetailsComponent,
-                            SkyActionButtonHeaderComponent,
-                            SkyActionButtonIconComponent,
-                        ],
-                    }]
-            }] });
-
-    /**
-     * 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-layout' schematic.
-     * To update this file, simply rerun the command.
-     */
-    var RESOURCES = {
-        'EN-US': {
-            skyux_back_to_top: { message: 'Back to top' },
-            skyux_card_checkbox_label: { message: 'Select card' },
-            skyux_definition_list_none_found: { message: 'None found.' },
-            skyux_description_list_none_found: { message: 'None found.' },
-            skyux_inline_delete_assistive_text: {
-                message: 'Are you sure you want to delete this item?',
-            },
-            skyux_inline_delete_cancel: { message: 'Cancel' },
-            skyux_inline_delete_confirm_deletion: { message: 'Confirm deletion' },
-            skyux_inline_delete_delete: { message: 'Delete' },
-            skyux_text_expand_close_text: { message: 'Close' },
-            skyux_text_expand_modal_title: { message: 'Expanded view' },
-            skyux_text_expand_see_less: { message: 'See less' },
-            skyux_text_expand_see_more: { message: 'See more' },
-        },
-    };
-    var SkyLayoutResourcesProvider = /** @class */ (function () {
-        function SkyLayoutResourcesProvider() {
-        }
-        SkyLayoutResourcesProvider.prototype.getString = function (localeInfo, name) {
-            return i1$1.getLibStringForLocale(RESOURCES, localeInfo.locale, name);
-        };
-        return SkyLayoutResourcesProvider;
-    }());
-    /**
-     * Import into any component library module that needs to use resource strings.
-     */
-    var SkyLayoutResourcesModule = /** @class */ (function () {
-        function SkyLayoutResourcesModule() {
-        }
-        return SkyLayoutResourcesModule;
-    }());
-    SkyLayoutResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyLayoutResourcesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyLayoutResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyLayoutResourcesModule, exports: [i1$1.SkyI18nModule] });
-    SkyLayoutResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyLayoutResourcesModule, providers: [
-            {
-                provide: i1$1.SKY_LIB_RESOURCES_PROVIDERS,
-                useClass: SkyLayoutResourcesProvider,
-                multi: true,
-            },
-        ], imports: [i1$1.SkyI18nModule] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyLayoutResourcesModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        exports: [i1$1.SkyI18nModule],
-                        providers: [
-                            {
-                                provide: i1$1.SKY_LIB_RESOURCES_PROVIDERS,
-                                useClass: SkyLayoutResourcesProvider,
-                                multi: true,
-                            },
-                        ],
-                    }]
-            }] });
-
-    /**
-     * @internal
-     */
-    var SkyBackToTopComponent = /** @class */ (function () {
-        function SkyBackToTopComponent() {
-            this._scrollToTopClick = new rxjs.Subject();
-        }
-        Object.defineProperty(SkyBackToTopComponent.prototype, "scrollToTopClick", {
-            get: function () {
-                return this._scrollToTopClick.asObservable();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SkyBackToTopComponent.prototype.onScrollToTopClick = function () {
-            this._scrollToTopClick.next();
-            this._scrollToTopClick.complete();
-        };
-        return SkyBackToTopComponent;
-    }());
-    SkyBackToTopComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyBackToTopComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyBackToTopComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyBackToTopComponent, selector: "sky-back-to-top", ngImport: i0__namespace, template: "<div class=\"sky-back-to-top sky-padding-squish-large\">\n  <button\n    class=\"sky-btn sky-btn-link-inline\"\n    type=\"button\"\n    (click)=\"onScrollToTopClick()\"\n  >\n    {{ 'skyux_back_to_top' | skyLibResources }}\n  </button>\n</div>\n", styles: [".sky-back-to-top{display:flex;align-items:center;width:100%;background-color:#fff;box-shadow:0 -3px 3px #cdcfd2}\n"], pipes: { "skyLibResources": i1__namespace$1.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyBackToTopComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-back-to-top',
-                        template: "<div class=\"sky-back-to-top sky-padding-squish-large\">\n  <button\n    class=\"sky-btn sky-btn-link-inline\"\n    type=\"button\"\n    (click)=\"onScrollToTopClick()\"\n  >\n    {{ 'skyux_back_to_top' | skyLibResources }}\n  </button>\n</div>\n",
-                        styles: [".sky-back-to-top{display:flex;align-items:center;width:100%;background-color:#fff;box-shadow:0 -3px 3px #cdcfd2}\n"],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    }]
-            }] });
-
-    /**
-     * @internal
-     */
-    var SkyBackToTopDomAdapterService = /** @class */ (function () {
-        function SkyBackToTopDomAdapterService(windowRef, scrollableHostService) {
-            this.windowRef = windowRef;
-            this.scrollableHostService = scrollableHostService;
-            this.ngUnsubscribe = new rxjs.Subject();
-            this.scrollableHostScrollEventUnsubscribe = new rxjs.Subject();
-        }
-        SkyBackToTopDomAdapterService.prototype.ngOnDestroy = function () {
-            this.ngUnsubscribe.next();
-            this.ngUnsubscribe.complete();
-            this.scrollableHostScrollEventUnsubscribe.next();
-            this.scrollableHostScrollEventUnsubscribe.complete();
-        };
-        /**
-         * This event returns a boolean on scroll indicating whether the provided element is in view.
-         * @param elementRef The target element reference.
-         */
-        SkyBackToTopDomAdapterService.prototype.elementInViewOnScroll = function (elementRef) {
-            var _this = this;
-            var scrollableHostObservable = this.scrollableHostService.watchScrollableHostScrollEvents(elementRef);
-            var isInitiallyInView = this.isElementScrolledInView(elementRef);
-            var returnedObservable = new rxjs.BehaviorSubject(isInitiallyInView);
-            scrollableHostObservable
-                .pipe(operators.takeUntil(this.scrollableHostScrollEventUnsubscribe))
-                .subscribe(function () {
-                var isInView = _this.isElementScrolledInView(elementRef);
-                returnedObservable.next(isInView);
-            });
-            return returnedObservable;
-        };
-        /**
-         * Scrolls the window or scrollable parent to the provided element.
-         * @param elementRef The target element reference.
-         */
-        SkyBackToTopDomAdapterService.prototype.scrollToElement = function (elementRef) {
-            /* sanity check */
-            /* istanbul ignore if */
-            if (!elementRef || !elementRef.nativeElement) {
-                return;
-            }
-            var scrollableHost = this.scrollableHostService.getScrollableHost(elementRef);
-            if (scrollableHost instanceof Window) {
-                // Scroll to top of window, but account for the body margin that allows for the omnibar if it exists.
-                var bodyMarginOffset = parseInt(getComputedStyle(document.body).marginTop, 10);
-                var newOffsetTop = elementRef.nativeElement.offsetTop - bodyMarginOffset;
-                this.windowRef.nativeWindow.scrollTo(elementRef.nativeElement.offsetLeft, newOffsetTop);
-            }
-            else {
-                // Scroll to top of parent element.
-                scrollableHost.scrollTop =
-                    scrollableHost.offsetTop - elementRef.nativeElement.offsetTop;
-            }
-        };
-        SkyBackToTopDomAdapterService.prototype.isElementScrolledInView = function (element) {
-            var parentElement = this.scrollableHostService.getScrollableHost(element.nativeElement);
-            if (!element.nativeElement.offsetParent) {
-                return true;
-            }
-            var buffer = 25;
-            var elementRect = element.nativeElement.getBoundingClientRect();
-            /* istanbul ignore else */
-            if (parentElement instanceof HTMLElement) {
-                var parentRect = parentElement.getBoundingClientRect();
-                return elementRect.top > parentRect.top - buffer;
-            }
-            else {
-                return elementRect.top > -buffer;
-            }
-        };
-        return SkyBackToTopDomAdapterService;
-    }());
-    SkyBackToTopDomAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyBackToTopDomAdapterService, deps: [{ token: i1__namespace.SkyAppWindowRef }, { token: i1__namespace.SkyScrollableHostService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    SkyBackToTopDomAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyBackToTopDomAdapterService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyBackToTopDomAdapterService, decorators: [{
-                type: i0.Injectable
-            }], ctorParameters: function () { return [{ type: i1__namespace.SkyAppWindowRef }, { type: i1__namespace.SkyScrollableHostService }]; } });
-
-    /**
-     * Specifies the type of message to send to the back to top component.
-     */
-    exports.SkyBackToTopMessageType = void 0;
-    (function (SkyBackToTopMessageType) {
-        /**
-         * Scrolls the element back to the top.
-         */
-        SkyBackToTopMessageType[SkyBackToTopMessageType["BackToTop"] = 0] = "BackToTop";
-    })(exports.SkyBackToTopMessageType || (exports.SkyBackToTopMessageType = {}));
-
-    /**
-     * Associates a button with an element on the page and displays that button
-     * to return to the element after users scroll away.
-     */
-    var SkyBackToTopDirective = /** @class */ (function () {
-        function SkyBackToTopDirective(dockService, domAdapter, element) {
-            this.dockService = dockService;
-            this.domAdapter = domAdapter;
-            this.element = element;
-            this.buttonHidden = false;
-            this.ngUnsubscribe = new rxjs.Subject();
-        }
-        Object.defineProperty(SkyBackToTopDirective.prototype, "skyBackToTop", {
-            /**
-             * Specifies configuration options for the back to top component.
-             */
-            set: function (value) {
-                this.buttonHidden = !!(value === null || value === void 0 ? void 0 : value.buttonHidden);
-                this.handleBackToTopButton(this.elementInView);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyBackToTopDirective.prototype, "skyBackToTopMessageStream", {
-            /**
-             * Provides an observable to send commands to the back to top component.
-             * The commands respect the `SkyBackToTopMessage` type.
-             */
-            set: function (value) {
-                var _this = this;
-                if (this._skyBackToTopMessageStream) {
-                    this._skyBackToTopMessageStream.unsubscribe();
-                }
-                this._skyBackToTopMessageStream = value;
-                this._skyBackToTopMessageStream
-                    .pipe(operators.takeUntil(this.ngUnsubscribe))
-                    .subscribe(function (message) { return _this.handleIncomingMessages(message); });
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SkyBackToTopDirective.prototype.ngAfterViewInit = function () {
-            this.elementInView = this.domAdapter.isElementScrolledInView(this.element);
-            this.handleBackToTopButton(this.elementInView);
-            this.setBackToTopListeners();
-        };
-        SkyBackToTopDirective.prototype.ngOnDestroy = function () {
-            if (this.dockItem) {
-                this.dockItem.destroy();
-            }
-        };
-        SkyBackToTopDirective.prototype.handleBackToTopButton = function (elementInView) {
-            // Add back to top button if user scrolls down and button is not hidden.
-            if (!this.dockItem &&
-                elementInView !== undefined &&
-                !elementInView &&
-                !this.buttonHidden) {
-                this.addBackToTop();
-            }
-            // Remove back to top button if user scrolls back up.
-            if (elementInView || this.buttonHidden) {
-                this.destroyBackToTop();
-            }
-        };
-        SkyBackToTopDirective.prototype.addBackToTop = function () {
-            var _this = this;
-            this.dockItem = this.dockService.insertComponent(SkyBackToTopComponent);
-            // Listen for clicks on the "back to top" button so we know when to scroll up.
-            this.dockItem.componentInstance.scrollToTopClick
-                .pipe(operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function () {
-                _this.domAdapter.scrollToElement(_this.element);
-            });
-        };
-        SkyBackToTopDirective.prototype.handleIncomingMessages = function (message) {
-            /* istanbul ignore else */
-            if (message.type === exports.SkyBackToTopMessageType.BackToTop) {
-                this.domAdapter.scrollToElement(this.element);
-            }
-        };
-        SkyBackToTopDirective.prototype.setBackToTopListeners = function () {
-            var _this = this;
-            /* istanbul ignore else */
-            if (this.element) {
-                this.domAdapter
-                    .elementInViewOnScroll(this.element)
-                    .pipe(operators.takeUntil(this.ngUnsubscribe))
-                    .subscribe(function (elementInView) {
-                    _this.elementInView = elementInView;
-                    _this.handleBackToTopButton(elementInView);
-                });
-            }
-        };
-        SkyBackToTopDirective.prototype.destroyBackToTop = function () {
-            /* istanbul ignore else */
-            if (this.dockItem) {
-                this.dockItem.destroy();
-                this.dockItem = undefined;
-            }
-        };
-        return SkyBackToTopDirective;
-    }());
-    SkyBackToTopDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyBackToTopDirective, deps: [{ token: i1__namespace.SkyDockService }, { token: SkyBackToTopDomAdapterService }, { token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    SkyBackToTopDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: SkyBackToTopDirective, selector: "[skyBackToTop]", inputs: { skyBackToTop: "skyBackToTop", skyBackToTopMessageStream: "skyBackToTopMessageStream" }, providers: [SkyBackToTopDomAdapterService], ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyBackToTopDirective, decorators: [{
-                type: i0.Directive,
-                args: [{
-                        selector: '[skyBackToTop]',
-                        providers: [SkyBackToTopDomAdapterService],
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace.SkyDockService }, { type: SkyBackToTopDomAdapterService }, { type: i0__namespace.ElementRef }]; }, propDecorators: { skyBackToTop: [{
-                    type: i0.Input
-                }], skyBackToTopMessageStream: [{
-                    type: i0.Input
-                }] } });
-
-    var SkyBackToTopModule = /** @class */ (function () {
-        function SkyBackToTopModule() {
-        }
-        return SkyBackToTopModule;
-    }());
-    SkyBackToTopModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyBackToTopModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyBackToTopModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyBackToTopModule, declarations: [SkyBackToTopComponent, SkyBackToTopDirective], imports: [i3.CommonModule,
-            i1.SkyDockModule,
-            i1$1.SkyI18nModule,
-            SkyLayoutResourcesModule], exports: [SkyBackToTopComponent, SkyBackToTopDirective] });
-    SkyBackToTopModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyBackToTopModule, imports: [[
-                i3.CommonModule,
-                i1.SkyDockModule,
-                i1$1.SkyI18nModule,
-                SkyLayoutResourcesModule,
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyBackToTopModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [SkyBackToTopComponent, SkyBackToTopDirective],
-                        imports: [
-                            i3.CommonModule,
-                            i1.SkyDockModule,
-                            i1$1.SkyI18nModule,
-                            SkyLayoutResourcesModule,
-                        ],
-                        exports: [SkyBackToTopComponent, SkyBackToTopDirective],
-                        entryComponents: [SkyBackToTopComponent],
-                    }]
-            }] });
-
-    /**
-     * Specifies the body content to display inside the box and provides padding around that content.
-     */
-    var SkyBoxContentComponent = /** @class */ (function () {
-        function SkyBoxContentComponent() {
-        }
-        return SkyBoxContentComponent;
-    }());
-    SkyBoxContentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyBoxContentComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyBoxContentComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyBoxContentComponent, selector: "sky-box-content", ngImport: i0__namespace, template: "<div\n  class=\"sky-box-content\"\n  [skyThemeClass]=\"{\n    'sky-padding-even-large': 'default',\n    'sky-padding-even-xl': 'modern'\n  }\"\n>\n  <ng-content></ng-content>\n</div>\n", directives: [{ type: i3__namespace$1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyBoxContentComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-box-content',
-                        template: "<div\n  class=\"sky-box-content\"\n  [skyThemeClass]=\"{\n    'sky-padding-even-large': 'default',\n    'sky-padding-even-xl': 'modern'\n  }\"\n>\n  <ng-content></ng-content>\n</div>\n",
-                    }]
-            }] });
-
-    /**
-     * Specifies the controls to display in upper right corner of the box. These buttons typically let users edit the box content.
-     */
-    var SkyBoxControlsComponent = /** @class */ (function () {
-        function SkyBoxControlsComponent() {
-        }
-        return SkyBoxControlsComponent;
-    }());
-    SkyBoxControlsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyBoxControlsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyBoxControlsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyBoxControlsComponent, selector: "sky-box-controls", ngImport: i0__namespace, template: "<div class=\"sky-box-controls\">\n  <ng-content></ng-content>\n</div>\n" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyBoxControlsComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-box-controls',
-                        template: "<div class=\"sky-box-controls\">\n  <ng-content></ng-content>\n</div>\n",
-                    }]
-            }] });
-
-    /**
-     * Specifies a header for the box.
-     */
-    var SkyBoxHeaderComponent = /** @class */ (function () {
-        function SkyBoxHeaderComponent() {
-        }
-        return SkyBoxHeaderComponent;
-    }());
-    SkyBoxHeaderComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyBoxHeaderComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyBoxHeaderComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyBoxHeaderComponent, selector: "sky-box-header", ngImport: i0__namespace, template: "<div class=\"sky-box-header\">\n  <ng-content></ng-content>\n</div>\n" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyBoxHeaderComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-box-header',
-                        template: "<div class=\"sky-box-header\">\n  <ng-content></ng-content>\n</div>\n",
-                    }]
-            }] });
-
-    /**
-     * Provides a common look-and-feel for box content with options to display a common box header, specify body content, and display common box controls.
-     */
-    var SkyBoxComponent = /** @class */ (function () {
-        function SkyBoxComponent() {
-        }
-        return SkyBoxComponent;
-    }());
-    SkyBoxComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyBoxComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyBoxComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyBoxComponent, selector: "sky-box", inputs: { ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", ariaRole: "ariaRole" }, ngImport: i0__namespace, template: "<section\n  class=\"sky-box\"\n  [attr.aria-label]=\"ariaLabel\"\n  [attr.aria-labelledby]=\"ariaLabelledBy\"\n  [attr.role]=\"ariaRole\"\n  [skyThemeClass]=\"{\n    'sky-shadow sky-border-dark': 'default',\n    'sky-elevation-1-bordered': 'modern'\n  }\"\n>\n  <div class=\"sky-box-header-content\">\n    <ng-content select=\"sky-box-header\"></ng-content>\n    <ng-content select=\"sky-box-controls\"></ng-content>\n  </div>\n  <ng-content></ng-content>\n</section>\n", styles: [".sky-box{background-color:#fff}.sky-box .sky-box-header-content{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;padding:20px 20px 0}.sky-box .sky-box-header-content:empty{display:none}.sky-box .sky-box-header-content sky-box-header{flex:1 0;order:0}.sky-box .sky-box-header-content sky-box-header .sky-box-header{padding:0 20px 0 0}.sky-box .sky-box-header-content sky-box-header .sky-box-header h1,.sky-box .sky-box-header-content sky-box-header .sky-box-header h2,.sky-box .sky-box-header-content sky-box-header .sky-box-header h3,.sky-box .sky-box-header-content sky-box-header .sky-box-header h4,.sky-box .sky-box-header-content sky-box-header .sky-box-header h5,.sky-box .sky-box-header-content sky-box-header .sky-box-header h6{margin:0}.sky-box .sky-box-header-content sky-box-controls{order:1}.sky-box .sky-box-header-content sky-box-controls .sky-box-controls{position:relative;top:-2px}.sky-box sky-box-content{flex:0 1 100%;order:2}.sky-box sky-box-content .sky-box-content{padding:20px}.sky-theme-modern .sky-box{border-radius:6px;overflow:hidden}.sky-theme-modern .sky-box .sky-box-header-content{padding:30px 30px 0}.sky-theme-modern .sky-box .sky-box-header-content sky-box-header .sky-box-header{padding:0 30px 0 0}.sky-theme-modern .sky-box sky-box-content .sky-box-content{padding:30px}\n"], directives: [{ type: i3__namespace$1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyBoxComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-box',
-                        template: "<section\n  class=\"sky-box\"\n  [attr.aria-label]=\"ariaLabel\"\n  [attr.aria-labelledby]=\"ariaLabelledBy\"\n  [attr.role]=\"ariaRole\"\n  [skyThemeClass]=\"{\n    'sky-shadow sky-border-dark': 'default',\n    'sky-elevation-1-bordered': 'modern'\n  }\"\n>\n  <div class=\"sky-box-header-content\">\n    <ng-content select=\"sky-box-header\"></ng-content>\n    <ng-content select=\"sky-box-controls\"></ng-content>\n  </div>\n  <ng-content></ng-content>\n</section>\n",
-                        styles: [".sky-box{background-color:#fff}.sky-box .sky-box-header-content{display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;padding:20px 20px 0}.sky-box .sky-box-header-content:empty{display:none}.sky-box .sky-box-header-content sky-box-header{flex:1 0;order:0}.sky-box .sky-box-header-content sky-box-header .sky-box-header{padding:0 20px 0 0}.sky-box .sky-box-header-content sky-box-header .sky-box-header h1,.sky-box .sky-box-header-content sky-box-header .sky-box-header h2,.sky-box .sky-box-header-content sky-box-header .sky-box-header h3,.sky-box .sky-box-header-content sky-box-header .sky-box-header h4,.sky-box .sky-box-header-content sky-box-header .sky-box-header h5,.sky-box .sky-box-header-content sky-box-header .sky-box-header h6{margin:0}.sky-box .sky-box-header-content sky-box-controls{order:1}.sky-box .sky-box-header-content sky-box-controls .sky-box-controls{position:relative;top:-2px}.sky-box sky-box-content{flex:0 1 100%;order:2}.sky-box sky-box-content .sky-box-content{padding:20px}.sky-theme-modern .sky-box{border-radius:6px;overflow:hidden}.sky-theme-modern .sky-box .sky-box-header-content{padding:30px 30px 0}.sky-theme-modern .sky-box .sky-box-header-content sky-box-header .sky-box-header{padding:0 30px 0 0}.sky-theme-modern .sky-box sky-box-content .sky-box-content{padding:30px}\n"],
-                        encapsulation: i0.ViewEncapsulation.None,
-                    }]
-            }], propDecorators: { ariaLabel: [{
-                    type: i0.Input
-                }], ariaLabelledBy: [{
-                    type: i0.Input
-                }], ariaRole: [{
-                    type: i0.Input
-                }] } });
-
-    var SkyBoxModule = /** @class */ (function () {
-        function SkyBoxModule() {
-        }
-        return SkyBoxModule;
-    }());
-    SkyBoxModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyBoxModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyBoxModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyBoxModule, declarations: [SkyBoxComponent,
-            SkyBoxHeaderComponent,
-            SkyBoxContentComponent,
-            SkyBoxControlsComponent], imports: [i3.CommonModule, i3$1.SkyThemeModule], exports: [SkyBoxComponent,
-            SkyBoxHeaderComponent,
-            SkyBoxContentComponent,
-            SkyBoxControlsComponent] });
-    SkyBoxModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyBoxModule, imports: [[i3.CommonModule, i3$1.SkyThemeModule]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyBoxModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [
-                            SkyBoxComponent,
-                            SkyBoxHeaderComponent,
-                            SkyBoxContentComponent,
-                            SkyBoxControlsComponent,
-                        ],
-                        imports: [i3.CommonModule, i3$1.SkyThemeModule],
-                        exports: [
-                            SkyBoxComponent,
-                            SkyBoxHeaderComponent,
-                            SkyBoxContentComponent,
-                            SkyBoxControlsComponent,
-                        ],
-                    }]
-            }] });
-
-    /**
-     * @internal
-     */
-    var SkyInlineDeleteAdapterService = /** @class */ (function () {
-        function SkyInlineDeleteAdapterService(coreAdapterService, rendererFactory) {
-            this.coreAdapterService = coreAdapterService;
-            this.renderer = rendererFactory.createRenderer(undefined, undefined);
-        }
-        SkyInlineDeleteAdapterService.prototype.clearListeners = function () {
-            /* istanbul ignore else */
-            if (this.parentElUnlistenFn) {
-                this.parentElUnlistenFn();
-            }
-        };
-        SkyInlineDeleteAdapterService.prototype.setEl = function (element) {
-            var _this = this;
-            this.element = element;
-            this.parentEl = element.parentElement;
-            /* istanbul ignore else */
-            if (this.parentEl) {
-                this.parentElUnlistenFn = this.renderer.listen(this.parentEl, 'focusin', function (event) {
-                    var target = event.target;
-                    if (!_this.element.contains(target) && _this.parentEl !== target) {
-                        event.preventDefault();
-                        event.stopPropagation();
-                        event.stopImmediatePropagation();
-                        target.blur();
-                        _this.focusNextElement(target, _this.isShift(event), _this.parentEl);
-                    }
-                });
-            }
-        };
-        SkyInlineDeleteAdapterService.prototype.focusNextElement = function (targetElement, shiftKey, busyEl) {
-            var focussable = this.getFocussableElements();
-            // If shift tab, go in the other direction
-            var modifier = shiftKey ? -1 : 1;
-            // Find the next navigable element that isn't waiting
-            var startingIndex = focussable.indexOf(targetElement);
-            var curIndex = startingIndex + modifier;
-            while (focussable[curIndex] &&
-                this.isElementHiddenOrCovered(focussable[curIndex])) {
-                curIndex += modifier;
-            }
-            if (focussable[curIndex] &&
-                !this.isElementHiddenOrCovered(focussable[curIndex])) {
-                focussable[curIndex].focus();
-            }
-            else {
-                // Try wrapping the navigation
-                /* istanbul ignore next */
-                curIndex = modifier > 0 ? 0 : focussable.length - 1;
-                /* istanbul ignore next */
-                while (curIndex !== startingIndex &&
-                    focussable[curIndex] &&
-                    this.isElementHiddenOrCovered(focussable[curIndex])) {
-                    curIndex += modifier;
-                }
-                /* istanbul ignore else */
-                /* sanity check */
-                if (focussable[curIndex] &&
-                    !this.isElementHiddenOrCovered(focussable[curIndex])) {
-                    focussable[curIndex].focus();
-                }
-                else {
-                    // No valid target, wipe focus
-                    // This should never happen in practice due to the multiple inline delete buttons
-                    if (document.activeElement && document.activeElement.blur) {
-                        document.activeElement.blur();
-                    }
-                    document.body.focus();
-                }
-            }
-            // clear focussableElements list so that if things change between tabbing we know about it
-            this.focussableElements = undefined;
-        };
-        SkyInlineDeleteAdapterService.prototype.getFocussableElements = function () {
-            // Keep this cached so we can reduce querys
-            if (this.focussableElements) {
-                return this.focussableElements;
-            }
-            this.focussableElements = this.coreAdapterService.getFocusableChildren(document.body);
-            return this.focussableElements;
-        };
-        SkyInlineDeleteAdapterService.prototype.isElementHiddenOrCovered = function (element) {
-            // Check if the element is hidden by css, not within the inline delete, or a wait is covering it
-            return (this.isElementHidden(element) ||
-                (this.parentEl.contains(element) &&
-                    (!this.element.contains(element) ||
-                        this.parentEl.querySelector('.sky-wait-mask') !== null)));
-        };
-        SkyInlineDeleteAdapterService.prototype.isElementHidden = function (element) {
-            var style = window.getComputedStyle(element);
-            return style.display === 'none' || style.visibility === 'hidden';
-        };
-        SkyInlineDeleteAdapterService.prototype.isShift = function (event) {
-            var _this = this;
-            // Determine if shift+tab was used based on element order
-            var elements = this.getFocussableElements().filter(function (elem) { return !_this.isElementHidden(elem); });
-            var previousInd = elements.indexOf(event.relatedTarget);
-            var currentInd = elements.indexOf(event.target);
-            /* istanbul ignore next */
-            return (previousInd === currentInd + 1 ||
-                (previousInd === 0 && currentInd === elements.length - 1) ||
-                previousInd > currentInd ||
-                !event.relatedTarget);
-        };
-        return SkyInlineDeleteAdapterService;
-    }());
-    SkyInlineDeleteAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyInlineDeleteAdapterService, deps: [{ token: i1__namespace.SkyCoreAdapterService }, { token: i0__namespace.RendererFactory2 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    SkyInlineDeleteAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyInlineDeleteAdapterService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyInlineDeleteAdapterService, decorators: [{
-                type: i0.Injectable
-            }], ctorParameters: function () { return [{ type: i1__namespace.SkyCoreAdapterService }, { type: i0__namespace.RendererFactory2 }]; } });
-
-    /**
-     * Specifies the type of inline delete that is shown.
-     * @internal
-     */
-    exports.SkyInlineDeleteType = void 0;
-    (function (SkyInlineDeleteType) {
-        /**
-         * The standard styling for inline deletes.
-         */
-        SkyInlineDeleteType["Standard"] = "standard";
-        /**
-         * The styling for inline delete components which are used in card components.
-         */
-        SkyInlineDeleteType["Card"] = "card";
-    })(exports.SkyInlineDeleteType || (exports.SkyInlineDeleteType = {}));
-
-    /**
-     * Auto-incrementing integer used to generate unique ids for inline delete components.
-     */
-    var nextId$2 = 0;
-    var SkyInlineDeleteComponent = /** @class */ (function () {
-        function SkyInlineDeleteComponent(adapterService, changeDetector, elRef) {
-            this.adapterService = adapterService;
-            this.changeDetector = changeDetector;
-            this.elRef = elRef;
-            /**
-             * Indicates whether the deletion is pending.
-             * @default false
-             */
-            this.pending = false;
-            /**
-             * Fires when users click the cancel button.
-             */
-            this.cancelTriggered = new i0.EventEmitter();
-            /**
-             * Fires when users click the delete button.
-             */
-            this.deleteTriggered = new i0.EventEmitter();
-            this.animationState = 'shown';
-            this.assistiveTextId = "sky-inline-delete-assistive-text-" + ++nextId$2;
-            this.type = exports.SkyInlineDeleteType.Standard;
-        }
-        /**
-         * Initialization lifecycle hook
-         * @internal
-         */
-        SkyInlineDeleteComponent.prototype.ngOnInit = function () {
-            this.animationState = 'shown';
-        };
-        /**
-         * Destruction lifecycle hook
-         * @internal
-         */
-        SkyInlineDeleteComponent.prototype.ngOnDestroy = function () {
-            this.adapterService.clearListeners();
-            this.cancelTriggered.complete();
-            this.deleteTriggered.complete();
-        };
-        /**
-         * @internal
-         */
-        SkyInlineDeleteComponent.prototype.onCancelClick = function () {
-            this.animationState = 'hidden';
-        };
-        /**
-         * @internal
-         */
-        SkyInlineDeleteComponent.prototype.onDeleteClick = function () {
-            this.deleteTriggered.emit();
-        };
-        /**
-         * Sets the inline delete to one of its predefined types.
-         * @param type The inline delete type
-         * @internal
-         */
-        SkyInlineDeleteComponent.prototype.setType = function (type) {
-            this.type = type;
-            this.changeDetector.detectChanges();
-        };
-        /**
-         * Handles actions that should be taken after the inline delete animates
-         * @param event The animation event
-         * @internal
-         */
-        SkyInlineDeleteComponent.prototype.onAnimationDone = function (event) {
-            if (event.toState === 'hidden') {
-                this.cancelTriggered.emit();
-            }
-            else {
-                this.deleteButton.nativeElement.focus();
-                /* istanbul ignore else */
-                if (this.elRef) {
-                    this.adapterService.setEl(this.elRef.nativeElement);
-                }
-            }
-        };
-        return SkyInlineDeleteComponent;
-    }());
-    SkyInlineDeleteComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyInlineDeleteComponent, deps: [{ token: SkyInlineDeleteAdapterService }, { token: i0__namespace.ChangeDetectorRef }, { token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyInlineDeleteComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyInlineDeleteComponent, selector: "sky-inline-delete", inputs: { pending: "pending" }, outputs: { cancelTriggered: "cancelTriggered", deleteTriggered: "deleteTriggered" }, providers: [i1.SkyCoreAdapterService, SkyInlineDeleteAdapterService], viewQueries: [{ propertyName: "deleteButton", first: true, predicate: ["delete"], descendants: true, read: i0.ElementRef }], ngImport: i0__namespace, template: "<div\n  class=\"sky-inline-delete sky-inline-delete-{{ type }}\"\n  role=\"alertdialog\"\n  [@inlineDeleteAnimation]=\"animationState\"\n  (@inlineDeleteAnimation.done)=\"onAnimationDone($event)\"\n  [attr.aria-describedby]=\"assistiveTextId\"\n  [attr.aria-label]=\"'skyux_inline_delete_confirm_deletion' | skyLibResources\"\n>\n  <span class=\"sky-inline-delete-assistive-text\" [id]=\"assistiveTextId\">\n    {{ 'skyux_inline_delete_assistive_text' | skyLibResources }}\n  </span>\n  <sky-wait class=\"sky-inline-delete-wait\" [isWaiting]=\"pending\"></sky-wait>\n  <div class=\"sky-inline-delete-content\">\n    <div class=\"sky-inline-delete-content-animation-container\">\n      <button\n        class=\"sky-btn sky-btn-danger sky-inline-delete-button\"\n        type=\"button\"\n        (click)=\"onDeleteClick()\"\n        #delete\n      >\n        {{ 'skyux_inline_delete_delete' | skyLibResources }}\n      </button>\n      <button\n        class=\"sky-btn sky-btn-default\"\n        type=\"button\"\n        (click)=\"onCancelClick()\"\n      >\n        {{ 'skyux_inline_delete_cancel' | skyLibResources }}\n      </button>\n    </div>\n  </div>\n</div>\n", styles: [".sky-inline-delete{position:absolute!important;top:0px;left:0px;width:100%;height:100%;background-color:#00000080;z-index:999;border:2px solid #ef4044}.sky-inline-delete-assistive-text{width:0;height:0;padding:0;opacity:0;position:absolute;margin:-1px;border:0;overflow:hidden;clip:rect(0,0,0,0);outline:none;white-space:nowrap}.sky-inline-delete-button{margin-right:10px}.sky-inline-delete-card .sky-inline-delete-content{position:absolute;bottom:10px;text-align:center;width:100%}.sky-inline-delete-standard .sky-inline-delete-content{position:absolute;top:50%;transform:translateY(-50%);left:20px}.sky-inline-delete-wait{height:100%}\n"], components: [{ type: i2__namespace$1.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking"] }], pipes: { "skyLibResources": i1__namespace$1.SkyLibResourcesPipe }, animations: [
-            animations.trigger('inlineDeleteAnimation', [
-                animations.transition('* => shown', [
-                    animations.style({
-                        opacity: 0,
-                    }),
-                    animations.query('.sky-inline-delete-content-animation-container', animations.style({ transform: 'scale(0.0)' })),
-                    animations.group([
-                        animations.animate('300ms ease-in-out', animations.style({ opacity: 1 })),
-                        animations.query('.sky-inline-delete-content-animation-container', animations.animate('300ms ease-in-out', animations.style({
-                            transform: 'scale(1)',
-                        }))),
-                    ]),
-                ]),
-                animations.transition("shown <=> *", [
-                    animations.query('.sky-inline-delete-content-animation-container', animations.style({ transform: 'scale(1)' })),
-                    animations.group([
-                        animations.animate('300ms ease-in-out', animations.style({
-                            opacity: 0,
-                        })),
-                        animations.query('.sky-inline-delete-content-animation-container', animations.animate('300ms ease-in-out', animations.style({
-                            transform: 'scale(0.0)',
-                        }))),
-                    ]),
-                ]),
-            ]),
-        ] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyInlineDeleteComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-inline-delete',
-                        styles: [".sky-inline-delete{position:absolute!important;top:0px;left:0px;width:100%;height:100%;background-color:#00000080;z-index:999;border:2px solid #ef4044}.sky-inline-delete-assistive-text{width:0;height:0;padding:0;opacity:0;position:absolute;margin:-1px;border:0;overflow:hidden;clip:rect(0,0,0,0);outline:none;white-space:nowrap}.sky-inline-delete-button{margin-right:10px}.sky-inline-delete-card .sky-inline-delete-content{position:absolute;bottom:10px;text-align:center;width:100%}.sky-inline-delete-standard .sky-inline-delete-content{position:absolute;top:50%;transform:translateY(-50%);left:20px}.sky-inline-delete-wait{height:100%}\n"],
-                        template: "<div\n  class=\"sky-inline-delete sky-inline-delete-{{ type }}\"\n  role=\"alertdialog\"\n  [@inlineDeleteAnimation]=\"animationState\"\n  (@inlineDeleteAnimation.done)=\"onAnimationDone($event)\"\n  [attr.aria-describedby]=\"assistiveTextId\"\n  [attr.aria-label]=\"'skyux_inline_delete_confirm_deletion' | skyLibResources\"\n>\n  <span class=\"sky-inline-delete-assistive-text\" [id]=\"assistiveTextId\">\n    {{ 'skyux_inline_delete_assistive_text' | skyLibResources }}\n  </span>\n  <sky-wait class=\"sky-inline-delete-wait\" [isWaiting]=\"pending\"></sky-wait>\n  <div class=\"sky-inline-delete-content\">\n    <div class=\"sky-inline-delete-content-animation-container\">\n      <button\n        class=\"sky-btn sky-btn-danger sky-inline-delete-button\"\n        type=\"button\"\n        (click)=\"onDeleteClick()\"\n        #delete\n      >\n        {{ 'skyux_inline_delete_delete' | skyLibResources }}\n      </button>\n      <button\n        class=\"sky-btn sky-btn-default\"\n        type=\"button\"\n        (click)=\"onCancelClick()\"\n      >\n        {{ 'skyux_inline_delete_cancel' | skyLibResources }}\n      </button>\n    </div>\n  </div>\n</div>\n",
-                        animations: [
-                            animations.trigger('inlineDeleteAnimation', [
-                                animations.transition('* => shown', [
-                                    animations.style({
-                                        opacity: 0,
-                                    }),
-                                    animations.query('.sky-inline-delete-content-animation-container', animations.style({ transform: 'scale(0.0)' })),
-                                    animations.group([
-                                        animations.animate('300ms ease-in-out', animations.style({ opacity: 1 })),
-                                        animations.query('.sky-inline-delete-content-animation-container', animations.animate('300ms ease-in-out', animations.style({
-                                            transform: 'scale(1)',
-                                        }))),
-                                    ]),
-                                ]),
-                                animations.transition("shown <=> *", [
-                                    animations.query('.sky-inline-delete-content-animation-container', animations.style({ transform: 'scale(1)' })),
-                                    animations.group([
-                                        animations.animate('300ms ease-in-out', animations.style({
-                                            opacity: 0,
-                                        })),
-                                        animations.query('.sky-inline-delete-content-animation-container', animations.animate('300ms ease-in-out', animations.style({
-                                            transform: 'scale(0.0)',
-                                        }))),
-                                    ]),
-                                ]),
-                            ]),
-                        ],
-                        providers: [i1.SkyCoreAdapterService, SkyInlineDeleteAdapterService],
-                    }]
-            }], ctorParameters: function () { return [{ type: SkyInlineDeleteAdapterService }, { type: i0__namespace.ChangeDetectorRef }, { type: i0__namespace.ElementRef }]; }, propDecorators: { pending: [{
-                    type: i0.Input
-                }], cancelTriggered: [{
-                    type: i0.Output
-                }], deleteTriggered: [{
-                    type: i0.Output
-                }], deleteButton: [{
-                    type: i0.ViewChild,
-                    args: ['delete', {
-                            read: i0.ElementRef,
-                            static: false,
-                        }]
-                }] } });
-
-    var SkyInlineDeleteModule = /** @class */ (function () {
-        function SkyInlineDeleteModule() {
-        }
-        return SkyInlineDeleteModule;
-    }());
-    SkyInlineDeleteModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyInlineDeleteModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyInlineDeleteModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyInlineDeleteModule, declarations: [SkyInlineDeleteComponent], imports: [i3.CommonModule,
-            i1$1.SkyI18nModule,
-            SkyLayoutResourcesModule,
-            i2$1.SkyWaitModule], exports: [SkyInlineDeleteComponent] });
-    SkyInlineDeleteModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyInlineDeleteModule, imports: [[
-                i3.CommonModule,
-                i1$1.SkyI18nModule,
-                SkyLayoutResourcesModule,
-                i2$1.SkyWaitModule,
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyInlineDeleteModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [SkyInlineDeleteComponent],
-                        imports: [
-                            i3.CommonModule,
-                            i1$1.SkyI18nModule,
-                            SkyLayoutResourcesModule,
-                            i2$1.SkyWaitModule,
-                        ],
-                        exports: [SkyInlineDeleteComponent],
-                    }]
-            }] });
-
-    /**
-     * Specifies an action that users can perform on the card.
-     */
-    var SkyCardActionsComponent = /** @class */ (function () {
-        function SkyCardActionsComponent() {
-        }
-        return SkyCardActionsComponent;
-    }());
-    SkyCardActionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyCardActionsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyCardActionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyCardActionsComponent, selector: "sky-card-actions", ngImport: i0__namespace, template: "<ng-content></ng-content>\n", styles: [":host{display:block;border-top:1px solid #e2e3e4;padding:7px 0}\n"] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyCardActionsComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-card-actions',
-                        template: "<ng-content></ng-content>\n",
-                        styles: [":host{display:block;border-top:1px solid #e2e3e4;padding:7px 0}\n"],
-                    }]
-            }] });
-
-    /**
-     * Specifies the content to display in the body of the card.
-     */
-    var SkyCardContentComponent = /** @class */ (function () {
-        function SkyCardContentComponent() {
-        }
-        return SkyCardContentComponent;
-    }());
-    SkyCardContentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyCardContentComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyCardContentComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyCardContentComponent, selector: "sky-card-content", ngImport: i0__namespace, template: "<ng-content></ng-content>\n" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyCardContentComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-card-content',
-                        template: "<ng-content></ng-content>\n",
-                    }]
-            }] });
-
-    /**
-     * Specifies a title to identify what the card represents.
-     */
-    var SkyCardTitleComponent = /** @class */ (function () {
-        function SkyCardTitleComponent() {
-        }
-        return SkyCardTitleComponent;
-    }());
-    SkyCardTitleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyCardTitleComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyCardTitleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyCardTitleComponent, selector: "sky-card-title", ngImport: i0__namespace, template: "<ng-content></ng-content>\n" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyCardTitleComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-card-title',
-                        template: "<ng-content></ng-content>\n",
-                    }]
-            }] });
-
-    /**
-     * Creates a a small container to highlight important information.
-     */
-    var SkyCardComponent = /** @class */ (function () {
-        function SkyCardComponent() {
-            /**
-             * Fires when users select or deselect the card.
-             */
-            this.selectedChange = new i0.EventEmitter();
-            this.showTitle = true;
-        }
-        SkyCardComponent.prototype.ngAfterContentInit = function () {
-            var _this = this;
-            this.showTitle = this.titleComponent.length > 0;
-            this.subscription = this.titleComponent.changes.subscribe(function () {
-                _this.showTitle = _this.titleComponent.length > 0;
-            });
-            this.inlineDeleteComponent.forEach(function (item) {
-                item.setType(exports.SkyInlineDeleteType.Card);
-            });
-            this.inlineDeleteComponent.changes.subscribe(function () {
-                _this.inlineDeleteComponent.forEach(function (item) {
-                    item.setType(exports.SkyInlineDeleteType.Card);
-                });
-            });
-        };
-        SkyCardComponent.prototype.contentClick = function () {
-            if (this.selectable) {
-                this.selected = !this.selected;
-                this.selectedChange.emit(this.selected);
-            }
-        };
-        SkyCardComponent.prototype.onCheckboxChange = function (newValue) {
-            if (this.selectable && this.selected !== newValue) {
-                this.selected = newValue;
-                this.selectedChange.emit(this.selected);
-            }
-        };
-        SkyCardComponent.prototype.ngOnDestroy = function () {
-            /* istanbul ignore else */
-            /* sanity check */
-            if (this.subscription) {
-                this.subscription.unsubscribe();
-            }
-        };
-        return SkyCardComponent;
-    }());
-    SkyCardComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyCardComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyCardComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyCardComponent, selector: "sky-card", inputs: { size: "size", selectable: "selectable", selected: "selected" }, outputs: { selectedChange: "selectedChange" }, queries: [{ propertyName: "inlineDeleteComponent", predicate: SkyInlineDeleteComponent }, { propertyName: "titleComponent", predicate: SkyCardTitleComponent }], ngImport: i0__namespace, template: "<section\n  class=\"sky-card sky-shadow\"\n  [ngClass]=\"\n  {\n    'sky-card-small': size === 'small',\n    'sky-card-selectable': selectable,\n    'sky-card-selected': selectable &amp;&amp; selected\n  }\"\n>\n  <ng-content select=\"sky-inline-delete\"></ng-content>\n  <header>\n    <div\n      *ngIf=\"selectable || showTitle\"\n      class=\"sky-card-header\"\n      (click)=\"contentClick()\"\n    >\n      <div class=\"sky-card-heading-middle\">\n        <h1 *ngIf=\"showTitle\" class=\"sky-card-title sky-section-heading\">\n          <ng-content select=\"sky-card-title\"></ng-content>\n        </h1>\n      </div>\n      <div *ngIf=\"selectable\" class=\"sky-card-check\">\n        <sky-checkbox\n          [label]=\"'skyux_card_checkbox_label' | skyLibResources\"\n          [ngModel]=\"selected\"\n          (click)=\"$event.stopPropagation()\"\n          (ngModelChange)=\"onCheckboxChange($event)\"\n        ></sky-checkbox>\n      </div>\n    </div>\n  </header>\n  <div\n    class=\"sky-card-content sky-padding-even-default\"\n    (click)=\"contentClick()\"\n  >\n    <ng-content select=\"sky-card-content\"></ng-content>\n  </div>\n  <div\n    class=\"sky-card-actions\"\n    [hidden]=\"actionsEl.children.length === 0\"\n    #actionsEl\n  >\n    <ng-content select=\"sky-card-actions\"></ng-content>\n  </div>\n</section>\n", styles: [".sky-card{background-color:#fff;border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;display:inline-flex;flex-direction:column;height:350px;margin:0 10px 10px 0;transition:background-color .15s;vertical-align:top;width:350px;position:relative}.sky-card-small{height:250px;width:225px}.sky-card-selectable .sky-card-header,.sky-card-selectable .sky-card-content{cursor:pointer}.sky-card-selected{background-color:#f1eef6;transition:background-color .15s}.sky-card-header{align-items:center;display:flex;flex-shrink:0;margin:0;padding:10px 0 0}.sky-card-heading-left,.sky-card-heading-right{font-weight:normal;max-width:34px}.sky-card-heading-left{padding-left:10px}.sky-card-heading-right{padding-right:10px}.sky-card-heading-middle{flex-grow:1;padding:0 10px;overflow:hidden}.sky-card-title{margin:0;line-height:1.428571429}.sky-card-check{flex-shrink:0;padding-right:10px}.sky-card-check .sky-check-wrapper{margin-bottom:2px}.sky-card-content{flex-grow:1;font-weight:normal;margin:0;overflow:hidden}.sky-card-actions{bottom:0;flex-shrink:0;text-align:center}.sky-card-actions .sky-context-menu-btn{height:32px;width:32px}\n"], components: [{ type: i1__namespace$2.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "icon", "checkboxType", "checked", "required"], outputs: ["change", "checkedChange", "disabledChange"] }], directives: [{ type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i3__namespace$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "skyLibResources": i1__namespace$1.SkyLibResourcesPipe } });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyCardComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-card',
-                        styles: [".sky-card{background-color:#fff;border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;border-left:1px solid #cdcfd2;border-right:1px solid #cdcfd2;display:inline-flex;flex-direction:column;height:350px;margin:0 10px 10px 0;transition:background-color .15s;vertical-align:top;width:350px;position:relative}.sky-card-small{height:250px;width:225px}.sky-card-selectable .sky-card-header,.sky-card-selectable .sky-card-content{cursor:pointer}.sky-card-selected{background-color:#f1eef6;transition:background-color .15s}.sky-card-header{align-items:center;display:flex;flex-shrink:0;margin:0;padding:10px 0 0}.sky-card-heading-left,.sky-card-heading-right{font-weight:normal;max-width:34px}.sky-card-heading-left{padding-left:10px}.sky-card-heading-right{padding-right:10px}.sky-card-heading-middle{flex-grow:1;padding:0 10px;overflow:hidden}.sky-card-title{margin:0;line-height:1.428571429}.sky-card-check{flex-shrink:0;padding-right:10px}.sky-card-check .sky-check-wrapper{margin-bottom:2px}.sky-card-content{flex-grow:1;font-weight:normal;margin:0;overflow:hidden}.sky-card-actions{bottom:0;flex-shrink:0;text-align:center}.sky-card-actions .sky-context-menu-btn{height:32px;width:32px}\n"],
-                        template: "<section\n  class=\"sky-card sky-shadow\"\n  [ngClass]=\"\n  {\n    'sky-card-small': size === 'small',\n    'sky-card-selectable': selectable,\n    'sky-card-selected': selectable &amp;&amp; selected\n  }\"\n>\n  <ng-content select=\"sky-inline-delete\"></ng-content>\n  <header>\n    <div\n      *ngIf=\"selectable || showTitle\"\n      class=\"sky-card-header\"\n      (click)=\"contentClick()\"\n    >\n      <div class=\"sky-card-heading-middle\">\n        <h1 *ngIf=\"showTitle\" class=\"sky-card-title sky-section-heading\">\n          <ng-content select=\"sky-card-title\"></ng-content>\n        </h1>\n      </div>\n      <div *ngIf=\"selectable\" class=\"sky-card-check\">\n        <sky-checkbox\n          [label]=\"'skyux_card_checkbox_label' | skyLibResources\"\n          [ngModel]=\"selected\"\n          (click)=\"$event.stopPropagation()\"\n          (ngModelChange)=\"onCheckboxChange($event)\"\n        ></sky-checkbox>\n      </div>\n    </div>\n  </header>\n  <div\n    class=\"sky-card-content sky-padding-even-default\"\n    (click)=\"contentClick()\"\n  >\n    <ng-content select=\"sky-card-content\"></ng-content>\n  </div>\n  <div\n    class=\"sky-card-actions\"\n    [hidden]=\"actionsEl.children.length === 0\"\n    #actionsEl\n  >\n    <ng-content select=\"sky-card-actions\"></ng-content>\n  </div>\n</section>\n",
-                    }]
-            }], propDecorators: { size: [{
-                    type: i0.Input
-                }], selectable: [{
-                    type: i0.Input
-                }], selected: [{
-                    type: i0.Input
-                }], selectedChange: [{
-                    type: i0.Output
-                }], inlineDeleteComponent: [{
-                    type: i0.ContentChildren,
-                    args: [SkyInlineDeleteComponent]
-                }], titleComponent: [{
-                    type: i0.ContentChildren,
-                    args: [SkyCardTitleComponent]
-                }] } });
-
-    var SkyCardModule = /** @class */ (function () {
-        function SkyCardModule() {
-        }
-        return SkyCardModule;
-    }());
-    SkyCardModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyCardModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyCardModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyCardModule, declarations: [SkyCardActionsComponent,
-            SkyCardComponent,
-            SkyCardContentComponent,
-            SkyCardTitleComponent], imports: [i3.CommonModule,
-            i3$2.FormsModule,
-            i1$2.SkyCheckboxModule,
-            i1$1.SkyI18nModule,
-            SkyLayoutResourcesModule,
-            SkyInlineDeleteModule], exports: [SkyCardActionsComponent,
-            SkyCardComponent,
-            SkyCardContentComponent,
-            SkyCardTitleComponent] });
-    SkyCardModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyCardModule, imports: [[
-                i3.CommonModule,
-                i3$2.FormsModule,
-                i1$2.SkyCheckboxModule,
-                i1$1.SkyI18nModule,
-                SkyLayoutResourcesModule,
-                SkyInlineDeleteModule,
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyCardModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [
-                            SkyCardActionsComponent,
-                            SkyCardComponent,
-                            SkyCardContentComponent,
-                            SkyCardTitleComponent,
-                        ],
-                        imports: [
-                            i3.CommonModule,
-                            i3$2.FormsModule,
-                            i1$2.SkyCheckboxModule,
-                            i1$1.SkyI18nModule,
-                            SkyLayoutResourcesModule,
-                            SkyInlineDeleteModule,
-                        ],
-                        exports: [
-                            SkyCardActionsComponent,
-                            SkyCardComponent,
-                            SkyCardContentComponent,
-                            SkyCardTitleComponent,
-                        ],
-                    }]
-            }] });
-
-    /**
-     * Wraps the label-value pairs in the definition list.
-     */
-    var SkyDefinitionListContentComponent = /** @class */ (function () {
-        function SkyDefinitionListContentComponent() {
-        }
-        return SkyDefinitionListContentComponent;
-    }());
-    SkyDefinitionListContentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDefinitionListContentComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyDefinitionListContentComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDefinitionListContentComponent, selector: "sky-definition-list-content", ngImport: i0__namespace, template: "<div class=\"sky-definition-list-content\">\n  <ng-content></ng-content>\n</div>\n", styles: [".sky-definition-list-content{display:flex;flex-wrap:wrap;margin-bottom:5px}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDefinitionListContentComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-definition-list-content',
-                        template: "<div class=\"sky-definition-list-content\">\n  <ng-content></ng-content>\n</div>\n",
-                        styles: [".sky-definition-list-content{display:flex;flex-wrap:wrap;margin-bottom:5px}\n"],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    }]
-            }] });
-
-    /**
-     * Specifies a title for the definition list.
-     */
-    var SkyDefinitionListHeadingComponent = /** @class */ (function () {
-        function SkyDefinitionListHeadingComponent() {
-        }
-        return SkyDefinitionListHeadingComponent;
-    }());
-    SkyDefinitionListHeadingComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDefinitionListHeadingComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyDefinitionListHeadingComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDefinitionListHeadingComponent, selector: "sky-definition-list-heading", ngImport: i0__namespace, template: "<div class=\"sky-subsection-heading sky-definition-list-heading\">\n  <ng-content></ng-content>\n</div>\n", styles: [".sky-definition-list-heading{margin-bottom:5px}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDefinitionListHeadingComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-definition-list-heading',
-                        template: "<div class=\"sky-subsection-heading sky-definition-list-heading\">\n  <ng-content></ng-content>\n</div>\n",
-                        styles: [".sky-definition-list-heading{margin-bottom:5px}\n"],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    }]
-            }] });
-
-    /**
-     * @internal
-     */
-    var SkyDefinitionListService = /** @class */ (function () {
-        function SkyDefinitionListService() {
-            this.labelWidth = new rxjs.BehaviorSubject('');
-            this.defaultValue = new rxjs.BehaviorSubject('');
-        }
-        return SkyDefinitionListService;
-    }());
-    SkyDefinitionListService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDefinitionListService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    SkyDefinitionListService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDefinitionListService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDefinitionListService, decorators: [{
-                type: i0.Injectable
-            }] });
-
-    /**
-     * Specifies the label in a label-value pair.
-     */
-    var SkyDefinitionListLabelComponent = /** @class */ (function () {
-        function SkyDefinitionListLabelComponent(service) {
-            this.service = service;
-        }
-        return SkyDefinitionListLabelComponent;
-    }());
-    SkyDefinitionListLabelComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDefinitionListLabelComponent, deps: [{ token: SkyDefinitionListService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyDefinitionListLabelComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDefinitionListLabelComponent, selector: "sky-definition-list-label", ngImport: i0__namespace, template: "<div\n  class=\"sky-field-label sky-definition-list-label\"\n  [ngStyle]=\"{\n    width: (service.labelWidth | async) || ''\n  }\"\n>\n  <ng-content></ng-content>\n</div>\n", styles: [":host{flex:0 0 90px}.sky-definition-list-label{margin-right:10px;word-wrap:break-word}\n"], directives: [{ type: i3__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], pipes: { "async": i3__namespace.AsyncPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDefinitionListLabelComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-definition-list-label',
-                        template: "<div\n  class=\"sky-field-label sky-definition-list-label\"\n  [ngStyle]=\"{\n    width: (service.labelWidth | async) || ''\n  }\"\n>\n  <ng-content></ng-content>\n</div>\n",
-                        styles: [":host{flex:0 0 90px}.sky-definition-list-label{margin-right:10px;word-wrap:break-word}\n"],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    }]
-            }], ctorParameters: function () { return [{ type: SkyDefinitionListService }]; } });
-
-    /**
-     * Specifies the value in a label-value pair.
-     */
-    var SkyDefinitionListValueComponent = /** @class */ (function () {
-        function SkyDefinitionListValueComponent(service) {
-            this.service = service;
-        }
-        return SkyDefinitionListValueComponent;
-    }());
-    SkyDefinitionListValueComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDefinitionListValueComponent, deps: [{ token: SkyDefinitionListService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyDefinitionListValueComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDefinitionListValueComponent, selector: "sky-definition-list-value", ngImport: i0__namespace, template: "<div class=\"sky-definition-list-value\">\n  <span #valueEl>\n    <ng-content></ng-content>\n  </span>\n  <span class=\"sky-deemphasized\" *ngIf=\"!valueEl.textContent.trim()\">\n    {{\n      (service.defaultValue | async) ||\n        ('skyux_definition_list_none_found' | skyLibResources)\n    }}\n  </span>\n</div>\n", styles: [":host{flex:1}\n"], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3__namespace.AsyncPipe, "skyLibResources": i1__namespace$1.SkyLibResourcesPipe } });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDefinitionListValueComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-definition-list-value',
-                        template: "<div class=\"sky-definition-list-value\">\n  <span #valueEl>\n    <ng-content></ng-content>\n  </span>\n  <span class=\"sky-deemphasized\" *ngIf=\"!valueEl.textContent.trim()\">\n    {{\n      (service.defaultValue | async) ||\n        ('skyux_definition_list_none_found' | skyLibResources)\n    }}\n  </span>\n</div>\n",
-                        styles: [":host{flex:1}\n"],
-                    }]
-            }], ctorParameters: function () { return [{ type: SkyDefinitionListService }]; } });
-
-    /**
-     * Creates a definition list to display label-value pairs.
-     */
-    var SkyDefinitionListComponent = /** @class */ (function () {
-        function SkyDefinitionListComponent(service) {
-            this.service = service;
-        }
-        Object.defineProperty(SkyDefinitionListComponent.prototype, "labelWidth", {
-            /**
-             * Specifies the width of the label portion of the definition list.
-             * @default "90px"
-             */
-            set: function (value) {
-                this.service.labelWidth.next(value);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyDefinitionListComponent.prototype, "defaultValue", {
-            /**
-             * Specifies a default value to display when no value is provided
-             * for a label-value pair.
-             * @default "None found"
-             */
-            set: function (value) {
-                this.service.defaultValue.next(value);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        return SkyDefinitionListComponent;
-    }());
-    SkyDefinitionListComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDefinitionListComponent, deps: [{ token: SkyDefinitionListService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyDefinitionListComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDefinitionListComponent, selector: "sky-definition-list", inputs: { labelWidth: "labelWidth", defaultValue: "defaultValue" }, providers: [SkyDefinitionListService], ngImport: i0__namespace, template: "<div class=\"sky-definition-list\">\n  <ng-content select=\"sky-definition-list-heading\"></ng-content>\n  <ng-content select=\"sky-definition-list-content\"></ng-content>\n</div>\n", styles: [".sky-definition-list{margin-right:50px;margin-bottom:20px}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDefinitionListComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-definition-list',
-                        template: "<div class=\"sky-definition-list\">\n  <ng-content select=\"sky-definition-list-heading\"></ng-content>\n  <ng-content select=\"sky-definition-list-content\"></ng-content>\n</div>\n",
-                        styles: [".sky-definition-list{margin-right:50px;margin-bottom:20px}\n"],
-                        providers: [SkyDefinitionListService],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    }]
-            }], ctorParameters: function () { return [{ type: SkyDefinitionListService }]; }, propDecorators: { labelWidth: [{
-                    type: i0.Input
-                }], defaultValue: [{
-                    type: i0.Input
-                }] } });
-
-    var SkyDefinitionListModule = /** @class */ (function () {
-        function SkyDefinitionListModule() {
-        }
-        return SkyDefinitionListModule;
-    }());
-    SkyDefinitionListModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDefinitionListModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyDefinitionListModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDefinitionListModule, declarations: [SkyDefinitionListComponent,
-            SkyDefinitionListContentComponent,
-            SkyDefinitionListHeadingComponent,
-            SkyDefinitionListLabelComponent,
-            SkyDefinitionListValueComponent], imports: [i3.CommonModule, i1$1.SkyI18nModule, SkyLayoutResourcesModule], exports: [SkyDefinitionListComponent,
-            SkyDefinitionListContentComponent,
-            SkyDefinitionListHeadingComponent,
-            SkyDefinitionListLabelComponent,
-            SkyDefinitionListValueComponent] });
-    SkyDefinitionListModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDefinitionListModule, imports: [[i3.CommonModule, i1$1.SkyI18nModule, SkyLayoutResourcesModule]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDefinitionListModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [
-                            SkyDefinitionListComponent,
-                            SkyDefinitionListContentComponent,
-                            SkyDefinitionListHeadingComponent,
-                            SkyDefinitionListLabelComponent,
-                            SkyDefinitionListValueComponent,
-                        ],
-                        imports: [i3.CommonModule, i1$1.SkyI18nModule, SkyLayoutResourcesModule],
-                        exports: [
-                            SkyDefinitionListComponent,
-                            SkyDefinitionListContentComponent,
-                            SkyDefinitionListHeadingComponent,
-                            SkyDefinitionListLabelComponent,
-                            SkyDefinitionListValueComponent,
-                        ],
-                    }]
-            }] });
-
-    /**
-     * @internal
-     */
-    var SkyDescriptionListService = /** @class */ (function () {
-        function SkyDescriptionListService() {
-            this._defaultDescription = new rxjs.BehaviorSubject('');
-        }
-        Object.defineProperty(SkyDescriptionListService.prototype, "defaultDescription", {
-            get: function () {
-                return this._defaultDescription.asObservable();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SkyDescriptionListService.prototype.ngOnDestroy = function () {
-            this._defaultDescription.complete();
-        };
-        SkyDescriptionListService.prototype.updateDefaultDescription = function (value) {
-            this._defaultDescription.next(value);
-        };
-        return SkyDescriptionListService;
-    }());
-    SkyDescriptionListService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDescriptionListService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    SkyDescriptionListService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDescriptionListService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDescriptionListService, decorators: [{
-                type: i0.Injectable
-            }] });
-
-    /**
-     * Specifies the description in a term-description pair.
-     */
-    var SkyDescriptionListDescriptionComponent = /** @class */ (function () {
-        function SkyDescriptionListDescriptionComponent(service, changeRef, themeSvc) {
-            this.service = service;
-            this.changeRef = changeRef;
-            this.themeSvc = themeSvc;
-            this.ngUnsubscribe = new rxjs.Subject();
-        }
-        SkyDescriptionListDescriptionComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            /* istanbul ignore else */
-            if (this.themeSvc) {
-                this.themeSvc.settingsChange
-                    .pipe(operators.takeUntil(this.ngUnsubscribe))
-                    .subscribe(function (themeSettings) {
-                    _this.themeName = themeSettings.currentSettings.theme.name;
-                    _this.changeRef.markForCheck();
-                });
-            }
-        };
-        SkyDescriptionListDescriptionComponent.prototype.ngOnDestroy = function () {
-            this.ngUnsubscribe.next();
-            this.ngUnsubscribe.complete();
-        };
-        return SkyDescriptionListDescriptionComponent;
-    }());
-    SkyDescriptionListDescriptionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDescriptionListDescriptionComponent, deps: [{ token: SkyDescriptionListService }, { token: i0__namespace.ChangeDetectorRef }, { token: i3__namespace$1.SkyThemeService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyDescriptionListDescriptionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDescriptionListDescriptionComponent, selector: "sky-description-list-description", viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["descriptionTemplateRef"], descendants: true, read: i0.TemplateRef, static: true }], ngImport: i0__namespace, template: "<ng-template #descriptionTemplateRef>\n  <span #valueEl>\n    <ng-content></ng-content>\n  </span>\n  <span\n    *ngIf=\"!valueEl.textContent.trim()\"\n    data-sky-id=\"sky-description-list-default-value\"\n    [skyThemeClass]=\"{\n      'sky-font-deemphasized': 'modern',\n      'sky-deemphasized': 'default'\n    }\"\n  >\n    {{\n      (service.defaultDescription | async) ||\n        ('skyux_description_list_none_found' | skyLibResources)\n    }}\n  </span>\n</ng-template>\n", directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace$1.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }], pipes: { "async": i3__namespace.AsyncPipe, "skyLibResources": i1__namespace$1.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDescriptionListDescriptionComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-description-list-description',
-                        template: "<ng-template #descriptionTemplateRef>\n  <span #valueEl>\n    <ng-content></ng-content>\n  </span>\n  <span\n    *ngIf=\"!valueEl.textContent.trim()\"\n    data-sky-id=\"sky-description-list-default-value\"\n    [skyThemeClass]=\"{\n      'sky-font-deemphasized': 'modern',\n      'sky-deemphasized': 'default'\n    }\"\n  >\n    {{\n      (service.defaultDescription | async) ||\n        ('skyux_description_list_none_found' | skyLibResources)\n    }}\n  </span>\n</ng-template>\n",
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    }]
-            }], ctorParameters: function () { return [{ type: SkyDescriptionListService }, { type: i0__namespace.ChangeDetectorRef }, { type: i3__namespace$1.SkyThemeService }]; }, propDecorators: { templateRef: [{
-                    type: i0.ViewChild,
-                    args: ['descriptionTemplateRef', {
-                            read: i0.TemplateRef,
-                            static: true,
-                        }]
-                }] } });
-
-    /**
-     * Specifies the term in a term-description pair.
-     */
-    var SkyDescriptionListTermComponent = /** @class */ (function () {
-        function SkyDescriptionListTermComponent() {
-        }
-        return SkyDescriptionListTermComponent;
-    }());
-    SkyDescriptionListTermComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDescriptionListTermComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyDescriptionListTermComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDescriptionListTermComponent, selector: "sky-description-list-term", viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["termTemplateRef"], descendants: true, read: i0.TemplateRef, static: true }], ngImport: i0__namespace, template: "<ng-template #termTemplateRef>\n  <ng-content></ng-content>\n</ng-template>\n", changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDescriptionListTermComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-description-list-term',
-                        template: "<ng-template #termTemplateRef>\n  <ng-content></ng-content>\n</ng-template>\n",
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    }]
-            }], propDecorators: { templateRef: [{
-                    type: i0.ViewChild,
-                    args: ['termTemplateRef', {
-                            read: i0.TemplateRef,
-                            static: true,
-                        }]
-                }] } });
-
-    /**
-     * Wraps the term-description pairs in the description list.
-     */
-    var SkyDescriptionListContentComponent = /** @class */ (function () {
-        function SkyDescriptionListContentComponent() {
-        }
-        return SkyDescriptionListContentComponent;
-    }());
-    SkyDescriptionListContentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDescriptionListContentComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyDescriptionListContentComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDescriptionListContentComponent, selector: "sky-description-list-content", queries: [{ propertyName: "termComponents", predicate: SkyDescriptionListTermComponent }, { propertyName: "descriptionComponents", predicate: SkyDescriptionListDescriptionComponent }], ngImport: i0__namespace, template: "<ng-content></ng-content>\n" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDescriptionListContentComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-description-list-content',
-                        template: "<ng-content></ng-content>\n",
-                    }]
-            }], propDecorators: { termComponents: [{
-                    type: i0.ContentChildren,
-                    args: [SkyDescriptionListTermComponent]
-                }], descriptionComponents: [{
-                    type: i0.ContentChildren,
-                    args: [SkyDescriptionListDescriptionComponent]
-                }] } });
-
-    /**
-     * @internal
-     */
-    var SkyDescriptionListAdapterService = /** @class */ (function () {
-        function SkyDescriptionListAdapterService(rendererFactory) {
-            this.renderer = rendererFactory.createRenderer(undefined, undefined);
-        }
-        SkyDescriptionListAdapterService.prototype.getWidth = function (elementRef) {
-            return elementRef.nativeElement.clientWidth;
-        };
-        SkyDescriptionListAdapterService.prototype.setResponsiveClass = function (element) {
-            var nativeEl = element.nativeElement;
-            var width = this.getWidth(element);
-            var className = this.getResponsiveClassName(width);
-            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.addClass(nativeEl, className);
-        };
-        SkyDescriptionListAdapterService.prototype.getResponsiveClassName = function (width) {
-            var xsBreakpointMaxPixels = 479;
-            var smBreakpointMinPixels = 480;
-            var smBreakpointMaxPixels = 767;
-            if (width <= xsBreakpointMaxPixels) {
-                return 'sky-responsive-container-xs';
-            }
-            else if (width >= smBreakpointMinPixels &&
-                width <= smBreakpointMaxPixels) {
-                return 'sky-responsive-container-sm';
-            }
-            else {
-                return 'sky-responsive-container-md';
-            }
-        };
-        return SkyDescriptionListAdapterService;
-    }());
-    SkyDescriptionListAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDescriptionListAdapterService, deps: [{ token: i0__namespace.RendererFactory2 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    SkyDescriptionListAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDescriptionListAdapterService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDescriptionListAdapterService, decorators: [{
-                type: i0.Injectable
-            }], ctorParameters: function () { return [{ type: i0__namespace.RendererFactory2 }]; } });
-
-    /**
-     * Creates a description list to display term-description pairs.
-     */
-    var SkyDescriptionListComponent = /** @class */ (function () {
-        function SkyDescriptionListComponent(adapterService, changeDetector, descriptionListService, mutationSvc) {
-            this.adapterService = adapterService;
-            this.changeDetector = changeDetector;
-            this.descriptionListService = descriptionListService;
-            this.mutationSvc = mutationSvc;
-            this.ngUnsubscribe = new rxjs.Subject();
-        }
-        Object.defineProperty(SkyDescriptionListComponent.prototype, "defaultDescription", {
-            /**
-             * Specifies a default description to display when no description is provided
-             * for a term-description pair.
-             * @default "None found"
-             */
-            set: function (value) {
-                this.descriptionListService.updateDefaultDescription(value);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyDescriptionListComponent.prototype, "mode", {
-            get: function () {
-                return this._mode || 'vertical';
-            },
-            /**
-             * Specifies how to display term-description pairs within the description list.
-             * Options include `"horizontal"`, `"longDescription"`, and `"vertical"`.
-             * @default "vertical"
-             */
-            set: function (value) {
-                this._mode = value;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SkyDescriptionListComponent.prototype.ngAfterContentInit = function () {
-            var _this = this;
-            // Wait for all content to render before detecting parent width.
-            setTimeout(function () {
-                _this.updateResponsiveClass();
-            });
-            this.contentComponents.changes
-                .pipe(operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function () {
-                _this.changeDetector.markForCheck();
-            });
-        };
-        SkyDescriptionListComponent.prototype.ngAfterViewInit = function () {
-            var _this = this;
-            this.contentObserver = this.mutationSvc.create(function () {
-                _this.changeDetector.markForCheck();
-            });
-            this.contentObserver.observe(this.elementRef.nativeElement, {
-                childList: true,
-                characterData: true,
-                subtree: true,
-            });
-        };
-        SkyDescriptionListComponent.prototype.ngOnDestroy = function () {
-            this.ngUnsubscribe.next();
-            this.ngUnsubscribe.complete();
-            this.contentObserver.disconnect();
-        };
-        SkyDescriptionListComponent.prototype.onWindowResize = function () {
-            this.updateResponsiveClass();
-        };
-        SkyDescriptionListComponent.prototype.updateResponsiveClass = function () {
-            this.adapterService.setResponsiveClass(this.elementRef);
-            this.changeDetector.markForCheck();
-        };
-        return SkyDescriptionListComponent;
-    }());
-    SkyDescriptionListComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDescriptionListComponent, deps: [{ token: SkyDescriptionListAdapterService }, { token: i0__namespace.ChangeDetectorRef }, { token: SkyDescriptionListService }, { token: i1__namespace.MutationObserverService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyDescriptionListComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyDescriptionListComponent, selector: "sky-description-list", inputs: { defaultDescription: "defaultDescription", listItemWidth: "listItemWidth", mode: "mode" }, host: { listeners: { "window:resize": "onWindowResize()" } }, providers: [SkyDescriptionListAdapterService, SkyDescriptionListService], queries: [{ propertyName: "contentComponents", predicate: SkyDescriptionListContentComponent }], viewQueries: [{ propertyName: "elementRef", first: true, predicate: ["descriptionListElement"], descendants: true, read: i0.ElementRef, static: true }], ngImport: i0__namespace, template: "<dl\n  class=\"sky-description-list\"\n  [ngClass]=\"{\n    'sky-description-list-long-description-mode': mode === 'longDescription',\n    'sky-description-list-vertical-mode': mode === 'vertical',\n    'sky-description-list-horizontal-mode': mode === 'horizontal'\n  }\"\n  #descriptionListElement\n>\n  <!--\n    Wrapping div is for horizontal flexing. Also injecting children's templateRef directly\n    to avoid adding non-semantic HTML tags to DOM\n  -->\n  <div\n    *ngFor=\"let contentComponent of contentComponents\"\n    class=\"sky-description-list-content\"\n    [style.width]=\"mode === 'horizontal' ? listItemWidth : ''\"\n  >\n    <dt *ngFor=\"let termComponent of contentComponent?.termComponents\">\n      <ng-container\n        *ngTemplateOutlet=\"termComponent.templateRef\"\n      ></ng-container>\n    </dt>\n    <dd\n      *ngFor=\"\n        let descriptionComponent of contentComponent?.descriptionComponents\n      \"\n    >\n      <ng-container\n        *ngTemplateOutlet=\"descriptionComponent.templateRef\"\n      ></ng-container>\n    </dd>\n  </div>\n</dl>\n", styles: [".sky-description-list{margin:0;padding:0}.sky-description-list dt{color:#686c73;font-size:14px;font-weight:400;margin:0 0 3px;padding:0}.sky-description-list dd{margin:0;padding:0}.sky-description-list.sky-description-list-vertical-mode .sky-description-list-content{margin:0 0 15px;width:auto}.sky-description-list.sky-description-list-horizontal-mode{display:flex;flex-wrap:wrap}.sky-description-list.sky-description-list-horizontal-mode .sky-description-list-content{margin:0 0 15px;padding:0 60px 0 0;min-width:100px;width:auto}.sky-description-list.sky-description-list-horizontal-mode.sky-responsive-container-xs .sky-description-list-content,.sky-description-list.sky-description-list-horizontal-mode.sky-responsive-container-sm .sky-description-list-content{width:50%}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content{display:flex}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content:not(:last-child){margin:0 0 10px}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content dt{color:#212327;font-size:16px;font-weight:600;margin:0 20px 0 0;width:25%;word-break:break-word}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content dd{flex:1}.sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs .sky-description-list-content{flex-direction:column}.sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs .sky-description-list-content dt{margin:0 0 3px;width:100%}.sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs .sky-description-list-content dd{margin:0 0 10px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-vertical-mode .sky-description-list-content{margin:0 0 20px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-vertical-mode dt{color:#686c73;font-size:14px;font-weight:400}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-vertical-mode dd{font-size:16px;font-weight:400}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-horizontal-mode{margin:0 0 -20px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-horizontal-mode .sky-description-list-content{margin:0 0 20px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode dt{color:inherit;font-weight:700;font-size:inherit}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode dd{font-size:16px;font-weight:400}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dt{margin:0 0 5px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dd{margin:0 0 20px}.sky-theme-modern .sky-description-list.sky-description-list-vertical-mode .sky-description-list-content{margin:0 0 20px}.sky-theme-modern .sky-description-list.sky-description-list-vertical-mode dt{color:#686c73;font-size:14px;font-weight:400}.sky-theme-modern .sky-description-list.sky-description-list-vertical-mode dd{font-size:16px;font-weight:400}.sky-theme-modern .sky-description-list.sky-description-list-horizontal-mode{margin:0 0 -20px}.sky-theme-modern .sky-description-list.sky-description-list-horizontal-mode .sky-description-list-content{margin:0 0 20px}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode dt{color:inherit;font-weight:700;font-size:inherit}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode dd{font-size:16px;font-weight:400}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dt{margin:0 0 5px}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dd{margin:0 0 20px}\n"], directives: [{ type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDescriptionListComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-description-list',
-                        template: "<dl\n  class=\"sky-description-list\"\n  [ngClass]=\"{\n    'sky-description-list-long-description-mode': mode === 'longDescription',\n    'sky-description-list-vertical-mode': mode === 'vertical',\n    'sky-description-list-horizontal-mode': mode === 'horizontal'\n  }\"\n  #descriptionListElement\n>\n  <!--\n    Wrapping div is for horizontal flexing. Also injecting children's templateRef directly\n    to avoid adding non-semantic HTML tags to DOM\n  -->\n  <div\n    *ngFor=\"let contentComponent of contentComponents\"\n    class=\"sky-description-list-content\"\n    [style.width]=\"mode === 'horizontal' ? listItemWidth : ''\"\n  >\n    <dt *ngFor=\"let termComponent of contentComponent?.termComponents\">\n      <ng-container\n        *ngTemplateOutlet=\"termComponent.templateRef\"\n      ></ng-container>\n    </dt>\n    <dd\n      *ngFor=\"\n        let descriptionComponent of contentComponent?.descriptionComponents\n      \"\n    >\n      <ng-container\n        *ngTemplateOutlet=\"descriptionComponent.templateRef\"\n      ></ng-container>\n    </dd>\n  </div>\n</dl>\n",
-                        styles: [".sky-description-list{margin:0;padding:0}.sky-description-list dt{color:#686c73;font-size:14px;font-weight:400;margin:0 0 3px;padding:0}.sky-description-list dd{margin:0;padding:0}.sky-description-list.sky-description-list-vertical-mode .sky-description-list-content{margin:0 0 15px;width:auto}.sky-description-list.sky-description-list-horizontal-mode{display:flex;flex-wrap:wrap}.sky-description-list.sky-description-list-horizontal-mode .sky-description-list-content{margin:0 0 15px;padding:0 60px 0 0;min-width:100px;width:auto}.sky-description-list.sky-description-list-horizontal-mode.sky-responsive-container-xs .sky-description-list-content,.sky-description-list.sky-description-list-horizontal-mode.sky-responsive-container-sm .sky-description-list-content{width:50%}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content{display:flex}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content:not(:last-child){margin:0 0 10px}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content dt{color:#212327;font-size:16px;font-weight:600;margin:0 20px 0 0;width:25%;word-break:break-word}.sky-description-list.sky-description-list-long-description-mode .sky-description-list-content dd{flex:1}.sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs .sky-description-list-content{flex-direction:column}.sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs .sky-description-list-content dt{margin:0 0 3px;width:100%}.sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs .sky-description-list-content dd{margin:0 0 10px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-vertical-mode .sky-description-list-content{margin:0 0 20px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-vertical-mode dt{color:#686c73;font-size:14px;font-weight:400}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-vertical-mode dd{font-size:16px;font-weight:400}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-horizontal-mode{margin:0 0 -20px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-horizontal-mode .sky-description-list-content{margin:0 0 20px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode dt{color:inherit;font-weight:700;font-size:inherit}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode dd{font-size:16px;font-weight:400}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dt{margin:0 0 5px}:host-context(.sky-theme-modern) .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dd{margin:0 0 20px}.sky-theme-modern .sky-description-list.sky-description-list-vertical-mode .sky-description-list-content{margin:0 0 20px}.sky-theme-modern .sky-description-list.sky-description-list-vertical-mode dt{color:#686c73;font-size:14px;font-weight:400}.sky-theme-modern .sky-description-list.sky-description-list-vertical-mode dd{font-size:16px;font-weight:400}.sky-theme-modern .sky-description-list.sky-description-list-horizontal-mode{margin:0 0 -20px}.sky-theme-modern .sky-description-list.sky-description-list-horizontal-mode .sky-description-list-content{margin:0 0 20px}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode dt{color:inherit;font-weight:700;font-size:inherit}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode dd{font-size:16px;font-weight:400}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dt{margin:0 0 5px}.sky-theme-modern .sky-description-list.sky-description-list-long-description-mode.sky-responsive-container-xs dd{margin:0 0 20px}\n"],
-                        providers: [SkyDescriptionListAdapterService, SkyDescriptionListService],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    }]
-            }], ctorParameters: function () { return [{ type: SkyDescriptionListAdapterService }, { type: i0__namespace.ChangeDetectorRef }, { type: SkyDescriptionListService }, { type: i1__namespace.MutationObserverService }]; }, propDecorators: { defaultDescription: [{
-                    type: i0.Input
-                }], listItemWidth: [{
-                    type: i0.Input
-                }], mode: [{
-                    type: i0.Input
-                }], contentComponents: [{
-                    type: i0.ContentChildren,
-                    args: [SkyDescriptionListContentComponent]
-                }], elementRef: [{
-                    type: i0.ViewChild,
-                    args: ['descriptionListElement', {
-                            read: i0.ElementRef,
-                            static: true,
-                        }]
-                }], onWindowResize: [{
-                    type: i0.HostListener,
-                    args: ['window:resize']
-                }] } });
-
-    var SkyDescriptionListModule = /** @class */ (function () {
-        function SkyDescriptionListModule() {
-        }
-        return SkyDescriptionListModule;
-    }());
-    SkyDescriptionListModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDescriptionListModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyDescriptionListModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDescriptionListModule, declarations: [SkyDescriptionListComponent,
-            SkyDescriptionListContentComponent,
-            SkyDescriptionListTermComponent,
-            SkyDescriptionListDescriptionComponent], imports: [i3.CommonModule,
-            i1$1.SkyI18nModule,
-            SkyLayoutResourcesModule,
-            i3$1.SkyThemeModule], exports: [SkyDescriptionListComponent,
-            SkyDescriptionListContentComponent,
-            SkyDescriptionListTermComponent,
-            SkyDescriptionListDescriptionComponent] });
-    SkyDescriptionListModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDescriptionListModule, imports: [[
-                i3.CommonModule,
-                i1$1.SkyI18nModule,
-                SkyLayoutResourcesModule,
-                i3$1.SkyThemeModule,
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyDescriptionListModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [
-                            SkyDescriptionListComponent,
-                            SkyDescriptionListContentComponent,
-                            SkyDescriptionListTermComponent,
-                            SkyDescriptionListDescriptionComponent,
-                        ],
-                        imports: [
-                            i3.CommonModule,
-                            i1$1.SkyI18nModule,
-                            SkyLayoutResourcesModule,
-                            i3$1.SkyThemeModule,
-                        ],
-                        exports: [
-                            SkyDescriptionListComponent,
-                            SkyDescriptionListContentComponent,
-                            SkyDescriptionListTermComponent,
-                            SkyDescriptionListDescriptionComponent,
-                        ],
-                    }]
-            }] });
-
-    /**
-     * @deprecated Use `SkyDescriptionListModeType` instead.
-     * @internal
-     * Specifies how to display the term-description pairs within a description list.
-     */
-    exports.SkyDescriptionListMode = void 0;
-    (function (SkyDescriptionListMode) {
-        /**
-         * Displays term-description pairs side by side in a horizontal list.
-         * This mode provides a responsive layout.
-         */
-        SkyDescriptionListMode["horizontal"] = "horizontal";
-        /**
-         * Displays terms and descriptions side by side with the term on the left and the description
-         * on the right. This mode includes room for long descriptions and uses a responsive layout
-         * that stacks term-description pairs vertically.
-         */
-        SkyDescriptionListMode["longDescription"] = "longDescription";
-        /**
-         * Displays term-description pairs in a vertical list.
-         */
-        SkyDescriptionListMode["vertical"] = "vertical";
-    })(exports.SkyDescriptionListMode || (exports.SkyDescriptionListMode = {}));
-
-    /**
-     * @deprecated Use `SkyFluidGridGutterSizeType` instead.
-     * @internal
-     */
-    exports.SkyFluidGridGutterSize = void 0;
-    (function (SkyFluidGridGutterSize) {
-        /**
-         * Specifies a small gutter.
-         */
-        SkyFluidGridGutterSize[SkyFluidGridGutterSize["Small"] = 0] = "Small";
-        /**
-         * Specifies a medium gutter.
-         */
-        SkyFluidGridGutterSize[SkyFluidGridGutterSize["Medium"] = 1] = "Medium";
-        /**
-         * Specifies a large gutter.
-         */
-        SkyFluidGridGutterSize[SkyFluidGridGutterSize["Large"] = 2] = "Large";
-    })(exports.SkyFluidGridGutterSize || (exports.SkyFluidGridGutterSize = {}));
-
-    /**
-     * Displays a column within a row of the fluid grid.
-     */
-    var SkyColumnComponent = /** @class */ (function () {
-        function SkyColumnComponent() {
-        }
-        SkyColumnComponent.prototype.ngOnChanges = function (changes) {
-            /* istanbul ignore else */
-            if (changes.screenXSmall ||
-                changes.screenSmall ||
-                changes.screenMedium ||
-                changes.screenLarge) {
-                this.classnames = this.getClassNames();
-            }
-        };
-        SkyColumnComponent.prototype.getClassNames = function () {
-            var classnames = ['sky-column'];
-            if (this.screenXSmall) {
-                classnames.push("sky-column-xs-" + this.screenXSmall);
-            }
-            if (this.screenSmall) {
-                classnames.push("sky-column-sm-" + this.screenSmall);
-            }
-            if (this.screenMedium) {
-                classnames.push("sky-column-md-" + this.screenMedium);
-            }
-            if (this.screenLarge) {
-                classnames.push("sky-column-lg-" + this.screenLarge);
-            }
-            return classnames.join(' ');
-        };
-        SkyColumnComponent.prototype.ngOnInit = function () {
-            this.classnames = this.getClassNames();
-        };
-        return SkyColumnComponent;
-    }());
-    SkyColumnComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyColumnComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyColumnComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyColumnComponent, selector: "sky-column", inputs: { screenXSmall: "screenXSmall", screenSmall: "screenSmall", screenMedium: "screenMedium", screenLarge: "screenLarge" }, host: { properties: { "class": "this.classnames" } }, usesOnChanges: true, ngImport: i0__namespace, template: "<ng-content></ng-content>\n", styles: ["sky-column.sky-column{padding-right:15px;padding-left:15px;width:100%;min-height:1px}.sky-theme-modern sky-column.sky-column{padding-right:30px;padding-left:30px}.sky-fluid-grid-gutter-size-small sky-column.sky-column{padding-right:5px;padding-left:5px}.sky-fluid-grid-gutter-size-medium sky-column.sky-column{padding-right:10px;padding-left:10px}.sky-theme-modern .sky-fluid-grid-gutter-size-small sky-column.sky-column{padding-right:10px;padding-left:10px}.sky-theme-modern .sky-fluid-grid-gutter-size-medium sky-column.sky-column{padding-right:15px;padding-left:15px}sky-column.sky-column-xs-1{width:calc(1 / 12 * 100%)}sky-column.sky-column-xs-2{width:calc(2 / 12 * 100%)}sky-column.sky-column-xs-3{width:calc(3 / 12 * 100%)}sky-column.sky-column-xs-4{width:calc(4 / 12 * 100%)}sky-column.sky-column-xs-5{width:calc(5 / 12 * 100%)}sky-column.sky-column-xs-6{width:calc(6 / 12 * 100%)}sky-column.sky-column-xs-7{width:calc(7 / 12 * 100%)}sky-column.sky-column-xs-8{width:calc(8 / 12 * 100%)}sky-column.sky-column-xs-9{width:calc(9 / 12 * 100%)}sky-column.sky-column-xs-10{width:calc(10 / 12 * 100%)}sky-column.sky-column-xs-11{width:calc(11 / 12 * 100%)}sky-column.sky-column-xs-12{width:calc(12 / 12 * 100%)}sky-column:not([class*=sky-column-xs-]){width:100%}.sky-responsive-container-xs sky-column.sky-column-xs-1,.sky-responsive-container-sm sky-column.sky-column-xs-1,.sky-responsive-container-md sky-column.sky-column-xs-1,.sky-responsive-container-lg sky-column.sky-column-xs-1{width:calc(1 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-2,.sky-responsive-container-sm sky-column.sky-column-xs-2,.sky-responsive-container-md sky-column.sky-column-xs-2,.sky-responsive-container-lg sky-column.sky-column-xs-2{width:calc(2 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-3,.sky-responsive-container-sm sky-column.sky-column-xs-3,.sky-responsive-container-md sky-column.sky-column-xs-3,.sky-responsive-container-lg sky-column.sky-column-xs-3{width:calc(3 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-4,.sky-responsive-container-sm sky-column.sky-column-xs-4,.sky-responsive-container-md sky-column.sky-column-xs-4,.sky-responsive-container-lg sky-column.sky-column-xs-4{width:calc(4 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-5,.sky-responsive-container-sm sky-column.sky-column-xs-5,.sky-responsive-container-md sky-column.sky-column-xs-5,.sky-responsive-container-lg sky-column.sky-column-xs-5{width:calc(5 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-6,.sky-responsive-container-sm sky-column.sky-column-xs-6,.sky-responsive-container-md sky-column.sky-column-xs-6,.sky-responsive-container-lg sky-column.sky-column-xs-6{width:calc(6 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-7,.sky-responsive-container-sm sky-column.sky-column-xs-7,.sky-responsive-container-md sky-column.sky-column-xs-7,.sky-responsive-container-lg sky-column.sky-column-xs-7{width:calc(7 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-8,.sky-responsive-container-sm sky-column.sky-column-xs-8,.sky-responsive-container-md sky-column.sky-column-xs-8,.sky-responsive-container-lg sky-column.sky-column-xs-8{width:calc(8 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-9,.sky-responsive-container-sm sky-column.sky-column-xs-9,.sky-responsive-container-md sky-column.sky-column-xs-9,.sky-responsive-container-lg sky-column.sky-column-xs-9{width:calc(9 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-10,.sky-responsive-container-sm sky-column.sky-column-xs-10,.sky-responsive-container-md sky-column.sky-column-xs-10,.sky-responsive-container-lg sky-column.sky-column-xs-10{width:calc(10 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-11,.sky-responsive-container-sm sky-column.sky-column-xs-11,.sky-responsive-container-md sky-column.sky-column-xs-11,.sky-responsive-container-lg sky-column.sky-column-xs-11{width:calc(11 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-12,.sky-responsive-container-sm sky-column.sky-column-xs-12,.sky-responsive-container-md sky-column.sky-column-xs-12,.sky-responsive-container-lg sky-column.sky-column-xs-12{width:calc(12 / 12 * 100%)}.sky-responsive-container-xs sky-column:not([class*=sky-column-xs-]),.sky-responsive-container-sm sky-column:not([class*=sky-column-xs-]),.sky-responsive-container-md sky-column:not([class*=sky-column-xs-]),.sky-responsive-container-lg sky-column:not([class*=sky-column-xs-]){width:100%}@media (min-width: 768px){sky-column.sky-column-sm-1{width:calc(1 / 12 * 100%)}sky-column.sky-column-sm-2{width:calc(2 / 12 * 100%)}sky-column.sky-column-sm-3{width:calc(3 / 12 * 100%)}sky-column.sky-column-sm-4{width:calc(4 / 12 * 100%)}sky-column.sky-column-sm-5{width:calc(5 / 12 * 100%)}sky-column.sky-column-sm-6{width:calc(6 / 12 * 100%)}sky-column.sky-column-sm-7{width:calc(7 / 12 * 100%)}sky-column.sky-column-sm-8{width:calc(8 / 12 * 100%)}sky-column.sky-column-sm-9{width:calc(9 / 12 * 100%)}sky-column.sky-column-sm-10{width:calc(10 / 12 * 100%)}sky-column.sky-column-sm-11{width:calc(11 / 12 * 100%)}sky-column.sky-column-sm-12{width:calc(12 / 12 * 100%)}}.sky-responsive-container-sm sky-column.sky-column-sm-1,.sky-responsive-container-md sky-column.sky-column-sm-1,.sky-responsive-container-lg sky-column.sky-column-sm-1{width:calc(1 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-2,.sky-responsive-container-md sky-column.sky-column-sm-2,.sky-responsive-container-lg sky-column.sky-column-sm-2{width:calc(2 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-3,.sky-responsive-container-md sky-column.sky-column-sm-3,.sky-responsive-container-lg sky-column.sky-column-sm-3{width:calc(3 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-4,.sky-responsive-container-md sky-column.sky-column-sm-4,.sky-responsive-container-lg sky-column.sky-column-sm-4{width:calc(4 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-5,.sky-responsive-container-md sky-column.sky-column-sm-5,.sky-responsive-container-lg sky-column.sky-column-sm-5{width:calc(5 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-6,.sky-responsive-container-md sky-column.sky-column-sm-6,.sky-responsive-container-lg sky-column.sky-column-sm-6{width:calc(6 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-7,.sky-responsive-container-md sky-column.sky-column-sm-7,.sky-responsive-container-lg sky-column.sky-column-sm-7{width:calc(7 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-8,.sky-responsive-container-md sky-column.sky-column-sm-8,.sky-responsive-container-lg sky-column.sky-column-sm-8{width:calc(8 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-9,.sky-responsive-container-md sky-column.sky-column-sm-9,.sky-responsive-container-lg sky-column.sky-column-sm-9{width:calc(9 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-10,.sky-responsive-container-md sky-column.sky-column-sm-10,.sky-responsive-container-lg sky-column.sky-column-sm-10{width:calc(10 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-11,.sky-responsive-container-md sky-column.sky-column-sm-11,.sky-responsive-container-lg sky-column.sky-column-sm-11{width:calc(11 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-12,.sky-responsive-container-md sky-column.sky-column-sm-12,.sky-responsive-container-lg sky-column.sky-column-sm-12{width:calc(12 / 12 * 100%)}@media (min-width: 992px){sky-column.sky-column-md-1{width:calc(1 / 12 * 100%)}sky-column.sky-column-md-2{width:calc(2 / 12 * 100%)}sky-column.sky-column-md-3{width:calc(3 / 12 * 100%)}sky-column.sky-column-md-4{width:calc(4 / 12 * 100%)}sky-column.sky-column-md-5{width:calc(5 / 12 * 100%)}sky-column.sky-column-md-6{width:calc(6 / 12 * 100%)}sky-column.sky-column-md-7{width:calc(7 / 12 * 100%)}sky-column.sky-column-md-8{width:calc(8 / 12 * 100%)}sky-column.sky-column-md-9{width:calc(9 / 12 * 100%)}sky-column.sky-column-md-10{width:calc(10 / 12 * 100%)}sky-column.sky-column-md-11{width:calc(11 / 12 * 100%)}sky-column.sky-column-md-12{width:calc(12 / 12 * 100%)}}.sky-responsive-container-md sky-column.sky-column-md-1,.sky-responsive-container-lg sky-column.sky-column-md-1{width:calc(1 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-2,.sky-responsive-container-lg sky-column.sky-column-md-2{width:calc(2 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-3,.sky-responsive-container-lg sky-column.sky-column-md-3{width:calc(3 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-4,.sky-responsive-container-lg sky-column.sky-column-md-4{width:calc(4 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-5,.sky-responsive-container-lg sky-column.sky-column-md-5{width:calc(5 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-6,.sky-responsive-container-lg sky-column.sky-column-md-6{width:calc(6 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-7,.sky-responsive-container-lg sky-column.sky-column-md-7{width:calc(7 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-8,.sky-responsive-container-lg sky-column.sky-column-md-8{width:calc(8 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-9,.sky-responsive-container-lg sky-column.sky-column-md-9{width:calc(9 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-10,.sky-responsive-container-lg sky-column.sky-column-md-10{width:calc(10 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-11,.sky-responsive-container-lg sky-column.sky-column-md-11{width:calc(11 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-12,.sky-responsive-container-lg sky-column.sky-column-md-12{width:calc(12 / 12 * 100%)}@media (min-width: 1200px){sky-column.sky-column-lg-1{width:calc(1 / 12 * 100%)}sky-column.sky-column-lg-2{width:calc(2 / 12 * 100%)}sky-column.sky-column-lg-3{width:calc(3 / 12 * 100%)}sky-column.sky-column-lg-4{width:calc(4 / 12 * 100%)}sky-column.sky-column-lg-5{width:calc(5 / 12 * 100%)}sky-column.sky-column-lg-6{width:calc(6 / 12 * 100%)}sky-column.sky-column-lg-7{width:calc(7 / 12 * 100%)}sky-column.sky-column-lg-8{width:calc(8 / 12 * 100%)}sky-column.sky-column-lg-9{width:calc(9 / 12 * 100%)}sky-column.sky-column-lg-10{width:calc(10 / 12 * 100%)}sky-column.sky-column-lg-11{width:calc(11 / 12 * 100%)}sky-column.sky-column-lg-12{width:calc(12 / 12 * 100%)}}.sky-responsive-container-lg sky-column.sky-column-lg-1{width:calc(1 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-2{width:calc(2 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-3{width:calc(3 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-4{width:calc(4 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-5{width:calc(5 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-6{width:calc(6 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-7{width:calc(7 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-8{width:calc(8 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-9{width:calc(9 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-10{width:calc(10 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-11{width:calc(11 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-12{width:calc(12 / 12 * 100%)}\n"], encapsulation: i0__namespace.ViewEncapsulation.None });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyColumnComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-column',
-                        template: "<ng-content></ng-content>\n",
-                        styles: ["sky-column.sky-column{padding-right:15px;padding-left:15px;width:100%;min-height:1px}.sky-theme-modern sky-column.sky-column{padding-right:30px;padding-left:30px}.sky-fluid-grid-gutter-size-small sky-column.sky-column{padding-right:5px;padding-left:5px}.sky-fluid-grid-gutter-size-medium sky-column.sky-column{padding-right:10px;padding-left:10px}.sky-theme-modern .sky-fluid-grid-gutter-size-small sky-column.sky-column{padding-right:10px;padding-left:10px}.sky-theme-modern .sky-fluid-grid-gutter-size-medium sky-column.sky-column{padding-right:15px;padding-left:15px}sky-column.sky-column-xs-1{width:calc(1 / 12 * 100%)}sky-column.sky-column-xs-2{width:calc(2 / 12 * 100%)}sky-column.sky-column-xs-3{width:calc(3 / 12 * 100%)}sky-column.sky-column-xs-4{width:calc(4 / 12 * 100%)}sky-column.sky-column-xs-5{width:calc(5 / 12 * 100%)}sky-column.sky-column-xs-6{width:calc(6 / 12 * 100%)}sky-column.sky-column-xs-7{width:calc(7 / 12 * 100%)}sky-column.sky-column-xs-8{width:calc(8 / 12 * 100%)}sky-column.sky-column-xs-9{width:calc(9 / 12 * 100%)}sky-column.sky-column-xs-10{width:calc(10 / 12 * 100%)}sky-column.sky-column-xs-11{width:calc(11 / 12 * 100%)}sky-column.sky-column-xs-12{width:calc(12 / 12 * 100%)}sky-column:not([class*=sky-column-xs-]){width:100%}.sky-responsive-container-xs sky-column.sky-column-xs-1,.sky-responsive-container-sm sky-column.sky-column-xs-1,.sky-responsive-container-md sky-column.sky-column-xs-1,.sky-responsive-container-lg sky-column.sky-column-xs-1{width:calc(1 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-2,.sky-responsive-container-sm sky-column.sky-column-xs-2,.sky-responsive-container-md sky-column.sky-column-xs-2,.sky-responsive-container-lg sky-column.sky-column-xs-2{width:calc(2 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-3,.sky-responsive-container-sm sky-column.sky-column-xs-3,.sky-responsive-container-md sky-column.sky-column-xs-3,.sky-responsive-container-lg sky-column.sky-column-xs-3{width:calc(3 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-4,.sky-responsive-container-sm sky-column.sky-column-xs-4,.sky-responsive-container-md sky-column.sky-column-xs-4,.sky-responsive-container-lg sky-column.sky-column-xs-4{width:calc(4 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-5,.sky-responsive-container-sm sky-column.sky-column-xs-5,.sky-responsive-container-md sky-column.sky-column-xs-5,.sky-responsive-container-lg sky-column.sky-column-xs-5{width:calc(5 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-6,.sky-responsive-container-sm sky-column.sky-column-xs-6,.sky-responsive-container-md sky-column.sky-column-xs-6,.sky-responsive-container-lg sky-column.sky-column-xs-6{width:calc(6 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-7,.sky-responsive-container-sm sky-column.sky-column-xs-7,.sky-responsive-container-md sky-column.sky-column-xs-7,.sky-responsive-container-lg sky-column.sky-column-xs-7{width:calc(7 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-8,.sky-responsive-container-sm sky-column.sky-column-xs-8,.sky-responsive-container-md sky-column.sky-column-xs-8,.sky-responsive-container-lg sky-column.sky-column-xs-8{width:calc(8 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-9,.sky-responsive-container-sm sky-column.sky-column-xs-9,.sky-responsive-container-md sky-column.sky-column-xs-9,.sky-responsive-container-lg sky-column.sky-column-xs-9{width:calc(9 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-10,.sky-responsive-container-sm sky-column.sky-column-xs-10,.sky-responsive-container-md sky-column.sky-column-xs-10,.sky-responsive-container-lg sky-column.sky-column-xs-10{width:calc(10 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-11,.sky-responsive-container-sm sky-column.sky-column-xs-11,.sky-responsive-container-md sky-column.sky-column-xs-11,.sky-responsive-container-lg sky-column.sky-column-xs-11{width:calc(11 / 12 * 100%)}.sky-responsive-container-xs sky-column.sky-column-xs-12,.sky-responsive-container-sm sky-column.sky-column-xs-12,.sky-responsive-container-md sky-column.sky-column-xs-12,.sky-responsive-container-lg sky-column.sky-column-xs-12{width:calc(12 / 12 * 100%)}.sky-responsive-container-xs sky-column:not([class*=sky-column-xs-]),.sky-responsive-container-sm sky-column:not([class*=sky-column-xs-]),.sky-responsive-container-md sky-column:not([class*=sky-column-xs-]),.sky-responsive-container-lg sky-column:not([class*=sky-column-xs-]){width:100%}@media (min-width: 768px){sky-column.sky-column-sm-1{width:calc(1 / 12 * 100%)}sky-column.sky-column-sm-2{width:calc(2 / 12 * 100%)}sky-column.sky-column-sm-3{width:calc(3 / 12 * 100%)}sky-column.sky-column-sm-4{width:calc(4 / 12 * 100%)}sky-column.sky-column-sm-5{width:calc(5 / 12 * 100%)}sky-column.sky-column-sm-6{width:calc(6 / 12 * 100%)}sky-column.sky-column-sm-7{width:calc(7 / 12 * 100%)}sky-column.sky-column-sm-8{width:calc(8 / 12 * 100%)}sky-column.sky-column-sm-9{width:calc(9 / 12 * 100%)}sky-column.sky-column-sm-10{width:calc(10 / 12 * 100%)}sky-column.sky-column-sm-11{width:calc(11 / 12 * 100%)}sky-column.sky-column-sm-12{width:calc(12 / 12 * 100%)}}.sky-responsive-container-sm sky-column.sky-column-sm-1,.sky-responsive-container-md sky-column.sky-column-sm-1,.sky-responsive-container-lg sky-column.sky-column-sm-1{width:calc(1 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-2,.sky-responsive-container-md sky-column.sky-column-sm-2,.sky-responsive-container-lg sky-column.sky-column-sm-2{width:calc(2 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-3,.sky-responsive-container-md sky-column.sky-column-sm-3,.sky-responsive-container-lg sky-column.sky-column-sm-3{width:calc(3 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-4,.sky-responsive-container-md sky-column.sky-column-sm-4,.sky-responsive-container-lg sky-column.sky-column-sm-4{width:calc(4 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-5,.sky-responsive-container-md sky-column.sky-column-sm-5,.sky-responsive-container-lg sky-column.sky-column-sm-5{width:calc(5 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-6,.sky-responsive-container-md sky-column.sky-column-sm-6,.sky-responsive-container-lg sky-column.sky-column-sm-6{width:calc(6 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-7,.sky-responsive-container-md sky-column.sky-column-sm-7,.sky-responsive-container-lg sky-column.sky-column-sm-7{width:calc(7 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-8,.sky-responsive-container-md sky-column.sky-column-sm-8,.sky-responsive-container-lg sky-column.sky-column-sm-8{width:calc(8 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-9,.sky-responsive-container-md sky-column.sky-column-sm-9,.sky-responsive-container-lg sky-column.sky-column-sm-9{width:calc(9 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-10,.sky-responsive-container-md sky-column.sky-column-sm-10,.sky-responsive-container-lg sky-column.sky-column-sm-10{width:calc(10 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-11,.sky-responsive-container-md sky-column.sky-column-sm-11,.sky-responsive-container-lg sky-column.sky-column-sm-11{width:calc(11 / 12 * 100%)}.sky-responsive-container-sm sky-column.sky-column-sm-12,.sky-responsive-container-md sky-column.sky-column-sm-12,.sky-responsive-container-lg sky-column.sky-column-sm-12{width:calc(12 / 12 * 100%)}@media (min-width: 992px){sky-column.sky-column-md-1{width:calc(1 / 12 * 100%)}sky-column.sky-column-md-2{width:calc(2 / 12 * 100%)}sky-column.sky-column-md-3{width:calc(3 / 12 * 100%)}sky-column.sky-column-md-4{width:calc(4 / 12 * 100%)}sky-column.sky-column-md-5{width:calc(5 / 12 * 100%)}sky-column.sky-column-md-6{width:calc(6 / 12 * 100%)}sky-column.sky-column-md-7{width:calc(7 / 12 * 100%)}sky-column.sky-column-md-8{width:calc(8 / 12 * 100%)}sky-column.sky-column-md-9{width:calc(9 / 12 * 100%)}sky-column.sky-column-md-10{width:calc(10 / 12 * 100%)}sky-column.sky-column-md-11{width:calc(11 / 12 * 100%)}sky-column.sky-column-md-12{width:calc(12 / 12 * 100%)}}.sky-responsive-container-md sky-column.sky-column-md-1,.sky-responsive-container-lg sky-column.sky-column-md-1{width:calc(1 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-2,.sky-responsive-container-lg sky-column.sky-column-md-2{width:calc(2 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-3,.sky-responsive-container-lg sky-column.sky-column-md-3{width:calc(3 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-4,.sky-responsive-container-lg sky-column.sky-column-md-4{width:calc(4 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-5,.sky-responsive-container-lg sky-column.sky-column-md-5{width:calc(5 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-6,.sky-responsive-container-lg sky-column.sky-column-md-6{width:calc(6 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-7,.sky-responsive-container-lg sky-column.sky-column-md-7{width:calc(7 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-8,.sky-responsive-container-lg sky-column.sky-column-md-8{width:calc(8 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-9,.sky-responsive-container-lg sky-column.sky-column-md-9{width:calc(9 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-10,.sky-responsive-container-lg sky-column.sky-column-md-10{width:calc(10 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-11,.sky-responsive-container-lg sky-column.sky-column-md-11{width:calc(11 / 12 * 100%)}.sky-responsive-container-md sky-column.sky-column-md-12,.sky-responsive-container-lg sky-column.sky-column-md-12{width:calc(12 / 12 * 100%)}@media (min-width: 1200px){sky-column.sky-column-lg-1{width:calc(1 / 12 * 100%)}sky-column.sky-column-lg-2{width:calc(2 / 12 * 100%)}sky-column.sky-column-lg-3{width:calc(3 / 12 * 100%)}sky-column.sky-column-lg-4{width:calc(4 / 12 * 100%)}sky-column.sky-column-lg-5{width:calc(5 / 12 * 100%)}sky-column.sky-column-lg-6{width:calc(6 / 12 * 100%)}sky-column.sky-column-lg-7{width:calc(7 / 12 * 100%)}sky-column.sky-column-lg-8{width:calc(8 / 12 * 100%)}sky-column.sky-column-lg-9{width:calc(9 / 12 * 100%)}sky-column.sky-column-lg-10{width:calc(10 / 12 * 100%)}sky-column.sky-column-lg-11{width:calc(11 / 12 * 100%)}sky-column.sky-column-lg-12{width:calc(12 / 12 * 100%)}}.sky-responsive-container-lg sky-column.sky-column-lg-1{width:calc(1 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-2{width:calc(2 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-3{width:calc(3 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-4{width:calc(4 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-5{width:calc(5 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-6{width:calc(6 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-7{width:calc(7 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-8{width:calc(8 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-9{width:calc(9 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-10{width:calc(10 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-11{width:calc(11 / 12 * 100%)}.sky-responsive-container-lg sky-column.sky-column-lg-12{width:calc(12 / 12 * 100%)}\n"],
-                        encapsulation: i0.ViewEncapsulation.None,
-                    }]
-            }], propDecorators: { screenXSmall: [{
-                    type: i0.Input
-                }], screenSmall: [{
-                    type: i0.Input
-                }], screenMedium: [{
-                    type: i0.Input
-                }], screenLarge: [{
-                    type: i0.Input
-                }], classnames: [{
-                    type: i0.HostBinding,
-                    args: ['class']
-                }] } });
-
-    /**
-     * Wraps the fluid grid to ensure proper spacing. Without the wrapper, the
-     * alignment, padding, and margins do not behave as expected.
-     */
-    var SkyFluidGridComponent = /** @class */ (function () {
-        function SkyFluidGridComponent() {
-        }
-        Object.defineProperty(SkyFluidGridComponent.prototype, "disableMargin", {
-            get: function () {
-                return this._disableMargin || false;
-            },
-            /**
-             * Disables the outer left and right margin of the fluid grid container.
-             * @default false
-             */
-            set: function (value) {
-                this._disableMargin = value;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyFluidGridComponent.prototype, "gutterSize", {
-            get: function () {
-                return this._gutterSize === undefined ? 'large' : this._gutterSize;
-            },
-            /**
-             * Specifies a `SkyFluidGridGutterSizeType` to define the size of the padding
-             * between columns. Options include: `any`, `1`, `2`, `"small"`, `"medium"`, and `"large"`.
-             * @default "large"
-             */
-            set: function (value) {
-                this._gutterSize = value;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyFluidGridComponent.prototype, "gutterSizeResolved", {
-            /**
-             * @internal
-             */
-            get: function () {
-                // Before this change, the template did a `==` comparison, implicitly converting numerical
-                // string values to their numeric values before comparing them. Checking for the numerical
-                // string value in addition to the values allowed by the type maintains this behavior.
-                switch (this.gutterSize) {
-                    case 'medium':
-                    case exports.SkyFluidGridGutterSize.Medium:
-                    case exports.SkyFluidGridGutterSize.Medium.toString():
-                        return 'medium';
-                    case 'small':
-                    case exports.SkyFluidGridGutterSize.Small:
-                    case exports.SkyFluidGridGutterSize.Small.toString():
-                        return 'small';
-                    default:
-                        return 'large';
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        return SkyFluidGridComponent;
-    }());
-    SkyFluidGridComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyFluidGridComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyFluidGridComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyFluidGridComponent, selector: "sky-fluid-grid", inputs: { disableMargin: "disableMargin", gutterSize: "gutterSize" }, ngImport: i0__namespace, template: "<div\n  class=\"sky-fluid-grid\"\n  [ngClass]=\"{\n    'sky-fluid-grid-gutter-size-small': gutterSizeResolved === 'small',\n    'sky-fluid-grid-gutter-size-medium': gutterSizeResolved === 'medium',\n    'sky-fluid-grid-gutter-size-large': gutterSizeResolved === 'large',\n    'sky-fluid-grid-no-margin': disableMargin\n  }\"\n>\n  <ng-content></ng-content>\n</div>\n", styles: [".sky-fluid-grid-gutter-size-small{padding-left:5px;padding-right:5px}.sky-fluid-grid-gutter-size-medium{padding-left:10px;padding-right:10px}.sky-fluid-grid-gutter-size-large{padding-left:15px;padding-right:15px}:host-context(.sky-theme-modern) .sky-fluid-grid-gutter-size-small{padding-left:10px;padding-right:10px}:host-context(.sky-theme-modern) .sky-fluid-grid-gutter-size-medium{padding-left:15px;padding-right:15px}:host-context(.sky-theme-modern) .sky-fluid-grid-gutter-size-large{padding-left:30px;padding-right:30px}\n"], directives: [{ type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyFluidGridComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-fluid-grid',
-                        template: "<div\n  class=\"sky-fluid-grid\"\n  [ngClass]=\"{\n    'sky-fluid-grid-gutter-size-small': gutterSizeResolved === 'small',\n    'sky-fluid-grid-gutter-size-medium': gutterSizeResolved === 'medium',\n    'sky-fluid-grid-gutter-size-large': gutterSizeResolved === 'large',\n    'sky-fluid-grid-no-margin': disableMargin\n  }\"\n>\n  <ng-content></ng-content>\n</div>\n",
-                        styles: [".sky-fluid-grid-gutter-size-small{padding-left:5px;padding-right:5px}.sky-fluid-grid-gutter-size-medium{padding-left:10px;padding-right:10px}.sky-fluid-grid-gutter-size-large{padding-left:15px;padding-right:15px}:host-context(.sky-theme-modern) .sky-fluid-grid-gutter-size-small{padding-left:10px;padding-right:10px}:host-context(.sky-theme-modern) .sky-fluid-grid-gutter-size-medium{padding-left:15px;padding-right:15px}:host-context(.sky-theme-modern) .sky-fluid-grid-gutter-size-large{padding-left:30px;padding-right:30px}\n"],
-                    }]
-            }], propDecorators: { disableMargin: [{
-                    type: i0.Input
-                }], gutterSize: [{
-                    type: i0.Input
-                }] } });
-
-    /**
-     * Displays a row within the `sky-fluid-grid` wrapper. Previously, you could display a row
-     * without a wrapper, but we no longer officially support that option.
-     */
-    var SkyRowComponent = /** @class */ (function () {
-        function SkyRowComponent() {
-            /**
-             * Indicates whether to reverse the display order for columns in the row.
-             * @default false
-             */
-            this.reverseColumnOrder = false;
-        }
-        return SkyRowComponent;
-    }());
-    SkyRowComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyRowComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyRowComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyRowComponent, selector: "sky-row", inputs: { reverseColumnOrder: "reverseColumnOrder" }, ngImport: i0__namespace, template: "<div class=\"sky-row\" [ngClass]=\"{ 'sky-row-reverse': reverseColumnOrder }\">\n  <ng-content></ng-content>\n</div>\n", styles: [".sky-row{display:flex;flex-direction:row;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}:host-context(.sky-fluid-grid-gutter-size-small) .sky-row{margin-left:-5px;margin-right:-5px}:host-context(.sky-fluid-grid-gutter-size-small.sky-fluid-grid-no-margin) .sky-row{margin-left:-10px;margin-right:-10px}:host-context(.sky-fluid-grid-gutter-size-medium) .sky-row{margin-left:-10px;margin-right:-10px}:host-context(.sky-fluid-grid-gutter-size-medium.sky-fluid-grid-no-margin) .sky-row{margin-left:-20px;margin-right:-20px}:host-context(.sky-fluid-grid-gutter-size-large) .sky-row{margin-left:-15px;margin-right:-15px}:host-context(.sky-fluid-grid-gutter-size-large.sky-fluid-grid-no-margin) .sky-row{margin-left:-30px;margin-right:-30px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-small) .sky-row{margin-left:-10px;margin-right:-10px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-small.sky-fluid-grid-no-margin) .sky-row{margin-left:-20px;margin-right:-20px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-medium) .sky-row{margin-left:-15px;margin-right:-15px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-medium.sky-fluid-grid-no-margin) .sky-row{margin-left:-30px;margin-right:-30px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-large) .sky-row{margin-left:-30px;margin-right:-30px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-large.sky-fluid-grid-no-margin) .sky-row{margin-left:-60px;margin-right:-60px}:host .sky-row.sky-row-reverse{flex-direction:row}:host-context(.sky-responsive-container-xs) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-sm) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-md) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-lg) .sky-row.sky-row-reverse{flex-direction:row}@media (min-width: 768px){:host .sky-row.sky-row-reverse{flex-direction:row-reverse}}:host-context(.sky-responsive-container-sm) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-md) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-lg) .sky-row.sky-row-reverse{flex-direction:row-reverse}:host-context(.sky-theme-modern) .sky-row{margin-left:-30px;margin-right:-30px}.sky-theme-modern .sky-row{margin-left:-30px;margin-right:-30px}\n"], directives: [{ type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyRowComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-row',
-                        template: "<div class=\"sky-row\" [ngClass]=\"{ 'sky-row-reverse': reverseColumnOrder }\">\n  <ng-content></ng-content>\n</div>\n",
-                        styles: [".sky-row{display:flex;flex-direction:row;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}:host-context(.sky-fluid-grid-gutter-size-small) .sky-row{margin-left:-5px;margin-right:-5px}:host-context(.sky-fluid-grid-gutter-size-small.sky-fluid-grid-no-margin) .sky-row{margin-left:-10px;margin-right:-10px}:host-context(.sky-fluid-grid-gutter-size-medium) .sky-row{margin-left:-10px;margin-right:-10px}:host-context(.sky-fluid-grid-gutter-size-medium.sky-fluid-grid-no-margin) .sky-row{margin-left:-20px;margin-right:-20px}:host-context(.sky-fluid-grid-gutter-size-large) .sky-row{margin-left:-15px;margin-right:-15px}:host-context(.sky-fluid-grid-gutter-size-large.sky-fluid-grid-no-margin) .sky-row{margin-left:-30px;margin-right:-30px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-small) .sky-row{margin-left:-10px;margin-right:-10px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-small.sky-fluid-grid-no-margin) .sky-row{margin-left:-20px;margin-right:-20px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-medium) .sky-row{margin-left:-15px;margin-right:-15px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-medium.sky-fluid-grid-no-margin) .sky-row{margin-left:-30px;margin-right:-30px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-large) .sky-row{margin-left:-30px;margin-right:-30px}:host-context(.sky-theme-modern .sky-fluid-grid-gutter-size-large.sky-fluid-grid-no-margin) .sky-row{margin-left:-60px;margin-right:-60px}:host .sky-row.sky-row-reverse{flex-direction:row}:host-context(.sky-responsive-container-xs) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-sm) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-md) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-lg) .sky-row.sky-row-reverse{flex-direction:row}@media (min-width: 768px){:host .sky-row.sky-row-reverse{flex-direction:row-reverse}}:host-context(.sky-responsive-container-sm) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-md) .sky-row.sky-row-reverse,:host-context(.sky-responsive-container-lg) .sky-row.sky-row-reverse{flex-direction:row-reverse}:host-context(.sky-theme-modern) .sky-row{margin-left:-30px;margin-right:-30px}.sky-theme-modern .sky-row{margin-left:-30px;margin-right:-30px}\n"],
-                    }]
-            }], propDecorators: { reverseColumnOrder: [{
-                    type: i0.Input
-                }] } });
-
-    var SkyFluidGridModule = /** @class */ (function () {
-        function SkyFluidGridModule() {
-        }
-        return SkyFluidGridModule;
-    }());
-    SkyFluidGridModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyFluidGridModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyFluidGridModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyFluidGridModule, declarations: [SkyRowComponent, SkyColumnComponent, SkyFluidGridComponent], imports: [i3.CommonModule], exports: [SkyRowComponent, SkyColumnComponent, SkyFluidGridComponent] });
-    SkyFluidGridModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyFluidGridModule, imports: [[i3.CommonModule]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyFluidGridModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        imports: [i3.CommonModule],
-                        declarations: [SkyRowComponent, SkyColumnComponent, SkyFluidGridComponent],
-                        exports: [SkyRowComponent, SkyColumnComponent, SkyFluidGridComponent],
-                    }]
-            }] });
-
-    /*! *****************************************************************************
-    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;
-    }
-
-    var tokenRegex = /(\{\d+\})/;
-    var SkyFormatComponent = /** @class */ (function () {
-        function SkyFormatComponent() {
-        }
-        Object.defineProperty(SkyFormatComponent.prototype, "text", {
-            get: function () {
-                return this._text;
-            },
-            /**
-             * The tokenized string that represents the template. Tokens use the `{n}` notation
-             * where `n` is the ordinal of the item to replace the token.
-             */
-            set: function (value) {
-                this._text = value;
-                this.updateItemsForDisplay();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyFormatComponent.prototype, "args", {
-            get: function () {
-                return this._args;
-            },
-            /**
-             * An array of `TemplateRef` objects to be placed in the template, where the `nth`
-             * item is placed at the `{n}` location in the template.
-             */
-            set: function (value) {
-                this._args = value;
-                this.updateItemsForDisplay();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SkyFormatComponent.prototype.updateItemsForDisplay = function () {
-            var e_1, _a;
-            this.itemsForDisplay = [];
-            if (this.text && this.args) {
-                var textParts = this.text.split(tokenRegex);
-                try {
-                    for (var textParts_1 = __values(textParts), textParts_1_1 = textParts_1.next(); !textParts_1_1.done; textParts_1_1 = textParts_1.next()) {
-                        var textPart = textParts_1_1.value;
-                        // Disregard empty strings.
-                        if (textPart) {
-                            var item = {};
-                            if (tokenRegex.test(textPart)) {
-                                var valueIndex = +textPart.substring(1, textPart.length - 1);
-                                item.templateRef = this.args[valueIndex];
-                            }
-                            else {
-                                item.text = textPart;
-                            }
-                            this.itemsForDisplay.push(item);
-                        }
-                    }
-                }
-                catch (e_1_1) { e_1 = { error: e_1_1 }; }
-                finally {
-                    try {
-                        if (textParts_1_1 && !textParts_1_1.done && (_a = textParts_1.return)) _a.call(textParts_1);
-                    }
-                    finally { if (e_1) throw e_1.error; }
-                }
-            }
-        };
-        return SkyFormatComponent;
-    }());
-    SkyFormatComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyFormatComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyFormatComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyFormatComponent, selector: "sky-format", inputs: { text: "text", args: "args" }, ngImport: i0__namespace, template: "<ng-container *ngFor=\"let item of itemsForDisplay\">\n  <!--\n    The following ng-container must be on one line so no extra whitespace is introduced.\n  -->\n  <ng-container *ngIf=\"item.text; else item.templateRef\">{{\n    item.text\n  }}</ng-container>\n</ng-container>\n", directives: [{ type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyFormatComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-format',
-                        template: "<ng-container *ngFor=\"let item of itemsForDisplay\">\n  <!--\n    The following ng-container must be on one line so no extra whitespace is introduced.\n  -->\n  <ng-container *ngIf=\"item.text; else item.templateRef\">{{\n    item.text\n  }}</ng-container>\n</ng-container>\n",
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    }]
-            }], propDecorators: { text: [{
-                    type: i0.Input
-                }], args: [{
-                    type: i0.Input
-                }] } });
-
-    var SkyFormatModule = /** @class */ (function () {
-        function SkyFormatModule() {
-        }
-        return SkyFormatModule;
-    }());
-    SkyFormatModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyFormatModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyFormatModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyFormatModule, declarations: [SkyFormatComponent], imports: [i3.CommonModule], exports: [SkyFormatComponent] });
-    SkyFormatModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyFormatModule, imports: [[i3.CommonModule]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyFormatModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [SkyFormatComponent],
-                        imports: [i3.CommonModule],
-                        exports: [SkyFormatComponent],
-                    }]
-            }] });
-
-    /**
-     * @internal
-     */
-    var SkyPageThemeAdapterService = /** @class */ (function () {
-        function SkyPageThemeAdapterService() {
-        }
-        SkyPageThemeAdapterService.prototype.addTheme = function () {
-            if (!this.styleEl) {
-                this.styleEl = document.createElement('style');
-                this.styleEl.appendChild(document.createTextNode('body { background-color: #fff; }'));
-                document.head.appendChild(this.styleEl);
-            }
-        };
-        SkyPageThemeAdapterService.prototype.removeTheme = function () {
-            if (this.styleEl) {
-                document.head.removeChild(this.styleEl);
-                this.styleEl = undefined;
-            }
-        };
-        return SkyPageThemeAdapterService;
-    }());
-    SkyPageThemeAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPageThemeAdapterService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    SkyPageThemeAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPageThemeAdapterService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPageThemeAdapterService, decorators: [{
-                type: i0.Injectable
-            }] });
-
-    /**
-     * Resets the SPA's background to white and adds the `sky-theme-default` CSS class to the host
-     * element to let consumers override CSS styling. Consumers can override any element by writing
-     * CSS selectors like this: `:host-context(.sky-theme-default) .my-class {}`.
-     */
-    var SkyPageComponent = /** @class */ (function () {
-        function SkyPageComponent(themeAdapter) {
-            this.themeAdapter = themeAdapter;
-        }
-        SkyPageComponent.prototype.ngOnInit = function () {
-            this.themeAdapter.addTheme();
-        };
-        SkyPageComponent.prototype.ngOnDestroy = function () {
-            this.themeAdapter.removeTheme();
-        };
-        return SkyPageComponent;
-    }());
-    SkyPageComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPageComponent, deps: [{ token: SkyPageThemeAdapterService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyPageComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyPageComponent, selector: "sky-page", providers: [SkyPageThemeAdapterService], ngImport: i0__namespace, template: "<div class=\"sky-theme-default\">\n  <ng-content></ng-content>\n</div>\n" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPageComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-page',
-                        template: "<div class=\"sky-theme-default\">\n  <ng-content></ng-content>\n</div>\n",
-                        providers: [SkyPageThemeAdapterService],
-                    }]
-            }], ctorParameters: function () { return [{ type: SkyPageThemeAdapterService }]; } });
-
-    var SkyPageModule = /** @class */ (function () {
-        function SkyPageModule() {
-        }
-        return SkyPageModule;
-    }());
-    SkyPageModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPageModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyPageModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPageModule, declarations: [SkyPageComponent], exports: [SkyPageComponent] });
-    SkyPageModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPageModule });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPageModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [SkyPageComponent],
-                        exports: [SkyPageComponent],
-                    }]
-            }] });
-
-    /**
-     * Displays messages that require immediate attention as [alerts](https://developer.blackbaud.com/skyux/components/alert) within
-     * the page summary.
-     */
-    /* istanbul ignore next */
-    /* Code coverage having problems with no statements in classes */
-    var SkyPageSummaryAlertComponent = /** @class */ (function () {
-        function SkyPageSummaryAlertComponent() {
-        }
-        return SkyPageSummaryAlertComponent;
-    }());
-    SkyPageSummaryAlertComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPageSummaryAlertComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyPageSummaryAlertComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyPageSummaryAlertComponent, selector: "sky-page-summary-alert", ngImport: i0__namespace, template: "<ng-content></ng-content>\n", styles: ["::ng-deep .sky-alert{margin-top:0;margin-bottom:20px;line-height:initial}\n"] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPageSummaryAlertComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-page-summary-alert',
-                        template: "<ng-content></ng-content>\n",
-                        styles: ["::ng-deep .sky-alert{margin-top:0;margin-bottom:20px;line-height:initial}\n"],
-                    }]
-            }] });
-
-    /**
-     * Displays content in the arbitrary section of the page summary.
-     */
-    /* istanbul ignore next */
-    /* Code coverage having problems with no statements in classes */
-    var SkyPageSummaryContentComponent = /** @class */ (function () {
-        function SkyPageSummaryContentComponent() {
-        }
-        return SkyPageSummaryContentComponent;
-    }());
-    SkyPageSummaryContentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPageSummaryContentComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyPageSummaryContentComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyPageSummaryContentComponent, selector: "sky-page-summary-content", ngImport: i0__namespace, template: "<div class=\"sky-page-summary-content\">\n  <ng-content></ng-content>\n</div>\n", styles: [".sky-page-summary-content{margin-top:20px}\n"] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPageSummaryContentComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-page-summary-content',
-                        template: "<div class=\"sky-page-summary-content\">\n  <ng-content></ng-content>\n</div>\n",
-                        styles: [".sky-page-summary-content{margin-top:20px}\n"],
-                    }]
-            }] });
-
-    /**
-     * Displays an image in the page summary to identify a record
-     * or help users complete a core task.
-     */
-    /* istanbul ignore next */
-    /* Code coverage having problems with no statements in classes */
-    var SkyPageSummaryImageComponent = /** @class */ (function () {
-        function SkyPageSummaryImageComponent() {
-        }
-        return SkyPageSummaryImageComponent;
-    }());
-    SkyPageSummaryImageComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPageSummaryImageComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyPageSummaryImageComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyPageSummaryImageComponent, selector: "sky-page-summary-image", ngImport: i0__namespace, template: "<div class=\"sky-page-summary-image\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host .sky-page-summary-image{width:100px;margin-left:auto;margin-right:auto;margin-bottom:10px}:host-context(.sky-responsive-container-xs) .sky-page-summary-image,:host-context(.sky-responsive-container-sm) .sky-page-summary-image,:host-context(.sky-responsive-container-md) .sky-page-summary-image,:host-context(.sky-responsive-container-lg) .sky-page-summary-image{width:100px;margin-left:auto;margin-right:auto;margin-bottom:10px}@media (min-width: 768px){:host .sky-page-summary-image{width:120px;flex:0 0 120px;margin:initial}}:host-context(.sky-responsive-container-sm) .sky-page-summary-image,:host-context(.sky-responsive-container-md) .sky-page-summary-image,:host-context(.sky-responsive-container-lg) .sky-page-summary-image{width:120px;flex:0 0 120px;margin:initial}\n"] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPageSummaryImageComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-page-summary-image',
-                        template: "<div class=\"sky-page-summary-image\">\n  <ng-content></ng-content>\n</div>\n",
-                        styles: [":host .sky-page-summary-image{width:100px;margin-left:auto;margin-right:auto;margin-bottom:10px}:host-context(.sky-responsive-container-xs) .sky-page-summary-image,:host-context(.sky-responsive-container-sm) .sky-page-summary-image,:host-context(.sky-responsive-container-md) .sky-page-summary-image,:host-context(.sky-responsive-container-lg) .sky-page-summary-image{width:100px;margin-left:auto;margin-right:auto;margin-bottom:10px}@media (min-width: 768px){:host .sky-page-summary-image{width:120px;flex:0 0 120px;margin:initial}}:host-context(.sky-responsive-container-sm) .sky-page-summary-image,:host-context(.sky-responsive-container-md) .sky-page-summary-image,:host-context(.sky-responsive-container-lg) .sky-page-summary-image{width:120px;flex:0 0 120px;margin:initial}\n"],
-                    }]
-            }] });
-
-    /**
-     * Highlights important information about a page in the key information section of the
-     * page summary.
-     */
-    var SkyPageSummaryKeyInfoComponent = /** @class */ (function () {
-        function SkyPageSummaryKeyInfoComponent() {
-        }
-        return SkyPageSummaryKeyInfoComponent;
-    }());
-    SkyPageSummaryKeyInfoComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPageSummaryKeyInfoComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyPageSummaryKeyInfoComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyPageSummaryKeyInfoComponent, selector: "sky-page-summary-key-info", ngImport: i0__namespace, template: "<div class=\"sky-page-summary-key-info\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host .sky-page-summary-key-info{margin-top:20px}:host-context(.sky-responsive-container-xs) .sky-page-summary-key-info,:host-context(.sky-responsive-container-sm) .sky-page-summary-key-info,:host-context(.sky-responsive-container-md) .sky-page-summary-key-info,:host-context(.sky-responsive-container-lg) .sky-page-summary-key-info{margin-top:20px}@media (min-width: 768px){:host .sky-page-summary-key-info{margin-top:initial}}:host-context(.sky-responsive-container-sm) .sky-page-summary-key-info,:host-context(.sky-responsive-container-md) .sky-page-summary-key-info,:host-context(.sky-responsive-container-lg) .sky-page-summary-key-info{margin-top:initial}.sky-page-summary-key-info ::ng-deep .sky-key-info{display:block}\n"] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPageSummaryKeyInfoComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-page-summary-key-info',
-                        template: "<div class=\"sky-page-summary-key-info\">\n  <ng-content></ng-content>\n</div>\n",
-                        styles: [":host .sky-page-summary-key-info{margin-top:20px}:host-context(.sky-responsive-container-xs) .sky-page-summary-key-info,:host-context(.sky-responsive-container-sm) .sky-page-summary-key-info,:host-context(.sky-responsive-container-md) .sky-page-summary-key-info,:host-context(.sky-responsive-container-lg) .sky-page-summary-key-info{margin-top:20px}@media (min-width: 768px){:host .sky-page-summary-key-info{margin-top:initial}}:host-context(.sky-responsive-container-sm) .sky-page-summary-key-info,:host-context(.sky-responsive-container-md) .sky-page-summary-key-info,:host-context(.sky-responsive-container-lg) .sky-page-summary-key-info{margin-top:initial}.sky-page-summary-key-info ::ng-deep .sky-key-info{display:block}\n"],
-                    }]
-            }] });
-
-    /**
-     * Displays [labels](https://developer.blackbaud.com/skyux/components/label)
-     * to highlight important status information about a page's content.
-     */
-    /* istanbul ignore next */
-    /* Code coverage having problems with no statements in classes */
-    var SkyPageSummaryStatusComponent = /** @class */ (function () {
-        function SkyPageSummaryStatusComponent() {
-        }
-        return SkyPageSummaryStatusComponent;
-    }());
-    SkyPageSummaryStatusComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPageSummaryStatusComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyPageSummaryStatusComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyPageSummaryStatusComponent, selector: "sky-page-summary-status", ngImport: i0__namespace, template: "<div class=\"sky-page-summary-status\">\n  <ng-content></ng-content>\n</div>\n", styles: [".sky-page-summary-status{margin-top:10px}.sky-page-summary-status ::ng-deep .sky-label{margin-right:5px}\n"] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPageSummaryStatusComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-page-summary-status',
-                        template: "<div class=\"sky-page-summary-status\">\n  <ng-content></ng-content>\n</div>\n",
-                        styles: [".sky-page-summary-status{margin-top:10px}.sky-page-summary-status ::ng-deep .sky-label{margin-right:5px}\n"],
-                    }]
-            }] });
-
-    /**
-     * Specifies a subtitle to identify the page content.
-     */
-    /* istanbul ignore next */
-    /* Code coverage having problems with no statements in classes */
-    var SkyPageSummarySubtitleComponent = /** @class */ (function () {
-        function SkyPageSummarySubtitleComponent() {
-        }
-        return SkyPageSummarySubtitleComponent;
-    }());
-    SkyPageSummarySubtitleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPageSummarySubtitleComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyPageSummarySubtitleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyPageSummarySubtitleComponent, selector: "sky-page-summary-subtitle", ngImport: i0__namespace, template: "<p class=\"sky-page-summary-subtitle sky-emphasized\">\n  <ng-content></ng-content>\n</p>\n", styles: [".sky-page-summary-subtitle{margin-top:0;margin-bottom:10px;line-height:1.1}\n"] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPageSummarySubtitleComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-page-summary-subtitle',
-                        template: "<p class=\"sky-page-summary-subtitle sky-emphasized\">\n  <ng-content></ng-content>\n</p>\n",
-                        styles: [".sky-page-summary-subtitle{margin-top:0;margin-bottom:10px;line-height:1.1}\n"],
-                    }]
-            }] });
-
-    /**
-     * Specifies a title to identify the page content.
-     */
-    /* istanbul ignore next */
-    /* Code coverage having problems with no statements in classes */
-    var SkyPageSummaryTitleComponent = /** @class */ (function () {
-        function SkyPageSummaryTitleComponent() {
-        }
-        return SkyPageSummaryTitleComponent;
-    }());
-    SkyPageSummaryTitleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPageSummaryTitleComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyPageSummaryTitleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyPageSummaryTitleComponent, selector: "sky-page-summary-title", ngImport: i0__namespace, template: "<h1 class=\"sky-page-summary-title sky-page-heading\">\n  <ng-content></ng-content>\n</h1>\n", styles: [".sky-page-summary-title{margin-top:0;margin-bottom:5px}\n"] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPageSummaryTitleComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-page-summary-title',
-                        template: "<h1 class=\"sky-page-summary-title sky-page-heading\">\n  <ng-content></ng-content>\n</h1>\n",
-                        styles: [".sky-page-summary-title{margin-top:0;margin-bottom:5px}\n"],
-                    }]
-            }] });
-
-    /**
-     * @internal
-     */
-    var SkyPageSummaryAdapterService = /** @class */ (function () {
-        function SkyPageSummaryAdapterService() {
-        }
-        SkyPageSummaryAdapterService.prototype.updateKeyInfoLocation = function (elRef, isXS) {
-            var el = elRef.nativeElement;
-            var keyInfoContainerEl = el.querySelector('.sky-page-summary-key-info-container');
-            if (isXS) {
-                el.querySelector('.sky-page-summary-key-info-xs').appendChild(keyInfoContainerEl);
-            }
-            else {
-                el.querySelector('.sky-page-summary-key-info-sm').appendChild(keyInfoContainerEl);
-            }
-        };
-        return SkyPageSummaryAdapterService;
-    }());
-    SkyPageSummaryAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPageSummaryAdapterService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    SkyPageSummaryAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPageSummaryAdapterService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPageSummaryAdapterService, decorators: [{
-                type: i0.Injectable
-            }] });
-
-    /**
-     * Specifies the components to display in the page summary.
-     */
-    var SkyPageSummaryComponent = /** @class */ (function () {
-        function SkyPageSummaryComponent(elRef, adapter, mediaQueryService) {
-            this.elRef = elRef;
-            this.adapter = adapter;
-            this.mediaQueryService = mediaQueryService;
-        }
-        Object.defineProperty(SkyPageSummaryComponent.prototype, "hasKeyInfo", {
-            get: function () {
-                return this.keyInfoComponents.length > 0;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SkyPageSummaryComponent.prototype.ngAfterViewInit = function () {
-            var _this = this;
-            this.breakpointSubscription = this.mediaQueryService.subscribe(function (args) {
-                _this.adapter.updateKeyInfoLocation(_this.elRef, args === i1.SkyMediaBreakpoints.xs);
-            });
-        };
-        SkyPageSummaryComponent.prototype.ngOnDestroy = function () {
-            /* istanbul ignore else */
-            /* sanity check */
-            if (this.breakpointSubscription) {
-                this.breakpointSubscription.unsubscribe();
-            }
-        };
-        return SkyPageSummaryComponent;
-    }());
-    SkyPageSummaryComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPageSummaryComponent, deps: [{ token: i0__namespace.ElementRef }, { token: SkyPageSummaryAdapterService }, { token: i1__namespace.SkyMediaQueryService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyPageSummaryComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyPageSummaryComponent, selector: "sky-page-summary", providers: [SkyPageSummaryAdapterService], queries: [{ propertyName: "keyInfoComponents", predicate: SkyPageSummaryKeyInfoComponent, read: SkyPageSummaryKeyInfoComponent }], ngImport: i0__namespace, template: "<div\n  class=\"sky-page-summary\"\n  [ngClass]=\"{ 'sky-page-summary-with-key-info': hasKeyInfo }\"\n>\n  <ng-content select=\"sky-page-summary-alert\"></ng-content>\n  <div class=\"sky-page-summary-row\">\n    <div class=\"sky-page-summary-left\">\n      <ng-content select=\"sky-page-summary-image\"></ng-content>\n      <div class=\"sky-page-summary-data\">\n        <ng-content select=\"sky-page-summary-title\"></ng-content>\n        <ng-content select=\"sky-page-summary-subtitle\"></ng-content>\n        <ng-content select=\"sky-page-summary-status\"></ng-content>\n        <div class=\"sky-page-summary-key-info-xs\"></div>\n        <ng-content select=\"sky-page-summary-content\"></ng-content>\n      </div>\n    </div>\n    <div class=\"sky-page-summary-key-info-sm\">\n      <div class=\"sky-page-summary-key-info-container\">\n        <ng-content select=\"sky-page-summary-key-info\"></ng-content>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".sky-page-summary{background-color:#fff;padding:20px 15px}.sky-page-summary-row{align-items:stretch;display:flex}:host .sky-page-summary-left{flex-basis:100%;display:initial;align-items:initial}:host .sky-page-summary-with-key-info .sky-page-summary-left{flex-basis:100%;padding-right:initial}:host-context(.sky-responsive-container-xs) .sky-page-summary-left,:host-context(.sky-responsive-container-sm) .sky-page-summary-left,:host-context(.sky-responsive-container-md) .sky-page-summary-left,:host-context(.sky-responsive-container-lg) .sky-page-summary-left{flex-basis:100%;display:initial;align-items:initial}:host-context(.sky-responsive-container-xs) .sky-page-summary-with-key-info .sky-page-summary-left,:host-context(.sky-responsive-container-sm) .sky-page-summary-with-key-info .sky-page-summary-left,:host-context(.sky-responsive-container-md) .sky-page-summary-with-key-info .sky-page-summary-left,:host-context(.sky-responsive-container-lg) .sky-page-summary-with-key-info .sky-page-summary-left{flex-basis:100%;padding-right:initial}@media (min-width: 768px){:host .sky-page-summary-with-key-info .sky-page-summary-left{flex-basis:75%;padding-right:15px}:host .sky-page-summary-with-key-info .sky-page-summary-right{flex-basis:25%}:host .sky-page-summary-left{align-items:stretch;display:flex}:host .sky-page-summary-data{flex-grow:1}}:host-context(.sky-responsive-container-sm) .sky-page-summary-with-key-info .sky-page-summary-left,:host-context(.sky-responsive-container-md) .sky-page-summary-with-key-info .sky-page-summary-left,:host-context(.sky-responsive-container-lg) .sky-page-summary-with-key-info .sky-page-summary-left{flex-basis:75%;padding-right:15px}:host-context(.sky-responsive-container-sm) .sky-page-summary-with-key-info .sky-page-summary-right,:host-context(.sky-responsive-container-md) .sky-page-summary-with-key-info .sky-page-summary-right,:host-context(.sky-responsive-container-lg) .sky-page-summary-with-key-info .sky-page-summary-right{flex-basis:25%}:host-context(.sky-responsive-container-sm) .sky-page-summary-left,:host-context(.sky-responsive-container-md) .sky-page-summary-left,:host-context(.sky-responsive-container-lg) .sky-page-summary-left{align-items:stretch;display:flex}:host-context(.sky-responsive-container-sm) .sky-page-summary-data,:host-context(.sky-responsive-container-md) .sky-page-summary-data,:host-context(.sky-responsive-container-lg) .sky-page-summary-data{flex-grow:1}\n"], directives: [{ type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPageSummaryComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-page-summary',
-                        template: "<div\n  class=\"sky-page-summary\"\n  [ngClass]=\"{ 'sky-page-summary-with-key-info': hasKeyInfo }\"\n>\n  <ng-content select=\"sky-page-summary-alert\"></ng-content>\n  <div class=\"sky-page-summary-row\">\n    <div class=\"sky-page-summary-left\">\n      <ng-content select=\"sky-page-summary-image\"></ng-content>\n      <div class=\"sky-page-summary-data\">\n        <ng-content select=\"sky-page-summary-title\"></ng-content>\n        <ng-content select=\"sky-page-summary-subtitle\"></ng-content>\n        <ng-content select=\"sky-page-summary-status\"></ng-content>\n        <div class=\"sky-page-summary-key-info-xs\"></div>\n        <ng-content select=\"sky-page-summary-content\"></ng-content>\n      </div>\n    </div>\n    <div class=\"sky-page-summary-key-info-sm\">\n      <div class=\"sky-page-summary-key-info-container\">\n        <ng-content select=\"sky-page-summary-key-info\"></ng-content>\n      </div>\n    </div>\n  </div>\n</div>\n",
-                        styles: [".sky-page-summary{background-color:#fff;padding:20px 15px}.sky-page-summary-row{align-items:stretch;display:flex}:host .sky-page-summary-left{flex-basis:100%;display:initial;align-items:initial}:host .sky-page-summary-with-key-info .sky-page-summary-left{flex-basis:100%;padding-right:initial}:host-context(.sky-responsive-container-xs) .sky-page-summary-left,:host-context(.sky-responsive-container-sm) .sky-page-summary-left,:host-context(.sky-responsive-container-md) .sky-page-summary-left,:host-context(.sky-responsive-container-lg) .sky-page-summary-left{flex-basis:100%;display:initial;align-items:initial}:host-context(.sky-responsive-container-xs) .sky-page-summary-with-key-info .sky-page-summary-left,:host-context(.sky-responsive-container-sm) .sky-page-summary-with-key-info .sky-page-summary-left,:host-context(.sky-responsive-container-md) .sky-page-summary-with-key-info .sky-page-summary-left,:host-context(.sky-responsive-container-lg) .sky-page-summary-with-key-info .sky-page-summary-left{flex-basis:100%;padding-right:initial}@media (min-width: 768px){:host .sky-page-summary-with-key-info .sky-page-summary-left{flex-basis:75%;padding-right:15px}:host .sky-page-summary-with-key-info .sky-page-summary-right{flex-basis:25%}:host .sky-page-summary-left{align-items:stretch;display:flex}:host .sky-page-summary-data{flex-grow:1}}:host-context(.sky-responsive-container-sm) .sky-page-summary-with-key-info .sky-page-summary-left,:host-context(.sky-responsive-container-md) .sky-page-summary-with-key-info .sky-page-summary-left,:host-context(.sky-responsive-container-lg) .sky-page-summary-with-key-info .sky-page-summary-left{flex-basis:75%;padding-right:15px}:host-context(.sky-responsive-container-sm) .sky-page-summary-with-key-info .sky-page-summary-right,:host-context(.sky-responsive-container-md) .sky-page-summary-with-key-info .sky-page-summary-right,:host-context(.sky-responsive-container-lg) .sky-page-summary-with-key-info .sky-page-summary-right{flex-basis:25%}:host-context(.sky-responsive-container-sm) .sky-page-summary-left,:host-context(.sky-responsive-container-md) .sky-page-summary-left,:host-context(.sky-responsive-container-lg) .sky-page-summary-left{align-items:stretch;display:flex}:host-context(.sky-responsive-container-sm) .sky-page-summary-data,:host-context(.sky-responsive-container-md) .sky-page-summary-data,:host-context(.sky-responsive-container-lg) .sky-page-summary-data{flex-grow:1}\n"],
-                        providers: [SkyPageSummaryAdapterService],
-                    }]
-            }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }, { type: SkyPageSummaryAdapterService }, { type: i1__namespace.SkyMediaQueryService }]; }, propDecorators: { keyInfoComponents: [{
-                    type: i0.ContentChildren,
-                    args: [SkyPageSummaryKeyInfoComponent, {
-                            read: SkyPageSummaryKeyInfoComponent,
-                        }]
-                }] } });
-
-    var SkyPageSummaryModule = /** @class */ (function () {
-        function SkyPageSummaryModule() {
-        }
-        return SkyPageSummaryModule;
-    }());
-    SkyPageSummaryModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPageSummaryModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyPageSummaryModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPageSummaryModule, declarations: [SkyPageSummaryAlertComponent,
-            SkyPageSummaryComponent,
-            SkyPageSummaryContentComponent,
-            SkyPageSummaryImageComponent,
-            SkyPageSummaryKeyInfoComponent,
-            SkyPageSummaryStatusComponent,
-            SkyPageSummarySubtitleComponent,
-            SkyPageSummaryTitleComponent], imports: [i3.CommonModule], exports: [SkyPageSummaryAlertComponent,
-            SkyPageSummaryComponent,
-            SkyPageSummaryContentComponent,
-            SkyPageSummaryImageComponent,
-            SkyPageSummaryKeyInfoComponent,
-            SkyPageSummaryStatusComponent,
-            SkyPageSummarySubtitleComponent,
-            SkyPageSummaryTitleComponent] });
-    SkyPageSummaryModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPageSummaryModule, imports: [[i3.CommonModule]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPageSummaryModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [
-                            SkyPageSummaryAlertComponent,
-                            SkyPageSummaryComponent,
-                            SkyPageSummaryContentComponent,
-                            SkyPageSummaryImageComponent,
-                            SkyPageSummaryKeyInfoComponent,
-                            SkyPageSummaryStatusComponent,
-                            SkyPageSummarySubtitleComponent,
-                            SkyPageSummaryTitleComponent,
-                        ],
-                        imports: [i3.CommonModule],
-                        exports: [
-                            SkyPageSummaryAlertComponent,
-                            SkyPageSummaryComponent,
-                            SkyPageSummaryContentComponent,
-                            SkyPageSummaryImageComponent,
-                            SkyPageSummaryKeyInfoComponent,
-                            SkyPageSummaryStatusComponent,
-                            SkyPageSummarySubtitleComponent,
-                            SkyPageSummaryTitleComponent,
-                        ],
-                    }]
-            }] });
-
-    /**
-     * @internal
-     */
-    var SkyTextExpandModalContext = /** @class */ (function () {
-        function SkyTextExpandModalContext() {
-        }
-        return SkyTextExpandModalContext;
-    }());
-
-    /**
-     * @internal
-     */
-    var SkyTextExpandModalComponent = /** @class */ (function () {
-        function SkyTextExpandModalComponent(context, instance) {
-            this.context = context;
-            this.instance = instance;
-        }
-        SkyTextExpandModalComponent.prototype.close = function () {
-            this.instance.close();
-        };
-        return SkyTextExpandModalComponent;
-    }());
-    SkyTextExpandModalComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTextExpandModalComponent, deps: [{ token: SkyTextExpandModalContext }, { token: i2__namespace$2.SkyModalInstance }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyTextExpandModalComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyTextExpandModalComponent, selector: "sky-text-expand-modal", ngImport: i0__namespace, template: "<sky-modal>\n  <sky-modal-header>{{ context.header }}</sky-modal-header>\n  <sky-modal-content class=\"sky-text-expand-modal-content\">{{\n    context.text\n  }}</sky-modal-content>\n  <sky-modal-footer>\n    <button class=\"sky-btn sky-btn-link\" (click)=\"close()\">\n      {{ 'skyux_text_expand_close_text' | skyLibResources }}\n    </button>\n  </sky-modal-footer>\n</sky-modal>\n", styles: [".sky-text-expand-ellipsis{letter-spacing:2px;white-space:nowrap}.sky-text-expand-space{white-space:normal}.sky-text-expand-see-more{white-space:nowrap;margin-left:5px}.sky-text-expand-text{margin:0;white-space:pre-wrap}.sky-text-expand-container{word-break:break-word;word-wrap:break-word;overflow:hidden;height:auto;transition:max-height .25s}.sky-text-expand-modal-content{white-space:pre-line;word-wrap:break-word}\n"], components: [{ type: i2__namespace$2.λ5, selector: "sky-modal", inputs: ["ariaRole", "tiledBody"] }, { type: i2__namespace$2.λ4, selector: "sky-modal-header" }, { type: i2__namespace$2.λ2, selector: "sky-modal-content" }, { type: i2__namespace$2.λ3, selector: "sky-modal-footer" }], pipes: { "skyLibResources": i1__namespace$1.SkyLibResourcesPipe } });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTextExpandModalComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-text-expand-modal',
-                        template: "<sky-modal>\n  <sky-modal-header>{{ context.header }}</sky-modal-header>\n  <sky-modal-content class=\"sky-text-expand-modal-content\">{{\n    context.text\n  }}</sky-modal-content>\n  <sky-modal-footer>\n    <button class=\"sky-btn sky-btn-link\" (click)=\"close()\">\n      {{ 'skyux_text_expand_close_text' | skyLibResources }}\n    </button>\n  </sky-modal-footer>\n</sky-modal>\n",
-                        styles: [".sky-text-expand-ellipsis{letter-spacing:2px;white-space:nowrap}.sky-text-expand-space{white-space:normal}.sky-text-expand-see-more{white-space:nowrap;margin-left:5px}.sky-text-expand-text{margin:0;white-space:pre-wrap}.sky-text-expand-container{word-break:break-word;word-wrap:break-word;overflow:hidden;height:auto;transition:max-height .25s}.sky-text-expand-modal-content{white-space:pre-line;word-wrap:break-word}\n"],
-                    }]
-            }], ctorParameters: function () { return [{ type: SkyTextExpandModalContext }, { type: i2__namespace$2.SkyModalInstance }]; } });
-
-    /**
-     * @internal
-     */
-    var SkyTextExpandAdapterService = /** @class */ (function () {
-        function SkyTextExpandAdapterService(rendererFactory) {
-            this.rendererFactory = rendererFactory;
-            this.renderer = this.rendererFactory.createRenderer(undefined, undefined);
-        }
-        SkyTextExpandAdapterService.prototype.getContainerHeight = function (containerEl) {
-            return containerEl.nativeElement.offsetHeight;
-        };
-        SkyTextExpandAdapterService.prototype.setContainerHeight = function (containerEl, height) {
-            if (height === undefined) {
-                this.renderer.removeStyle(containerEl.nativeElement, 'max-height');
-            }
-            else {
-                this.renderer.setStyle(containerEl.nativeElement, 'max-height', height);
-            }
-        };
-        SkyTextExpandAdapterService.prototype.setText = function (textEl, text) {
-            textEl.nativeElement.textContent = text;
-        };
-        return SkyTextExpandAdapterService;
-    }());
-    SkyTextExpandAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTextExpandAdapterService, deps: [{ token: i0__namespace.RendererFactory2 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    SkyTextExpandAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTextExpandAdapterService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTextExpandAdapterService, decorators: [{
-                type: i0.Injectable
-            }], ctorParameters: function () { return [{ type: i0__namespace.RendererFactory2 }]; } });
-
-    /**
-     * Auto-incrementing integer used to generate unique ids for text expand components.
-     */
-    var nextId$1 = 0;
-    var SkyTextExpandComponent = /** @class */ (function () {
-        function SkyTextExpandComponent(resources, modalService, textExpandAdapter) {
-            this.resources = resources;
-            this.modalService = modalService;
-            this.textExpandAdapter = textExpandAdapter;
-            /**
-             * Specifies the maximum number of text characters to display inline when users select the link
-             * to expand the full text. If the text exceeds this limit, then the component expands
-             * the full text in a modal instead.
-             */
-            this.maxExpandedLength = 600;
-            /**
-             * Specifies the maximum number of newline characters to display inline when users select
-             * the link to expand the full text. If the text exceeds this limit, then
-             * the component expands the full text in a modal view instead.
-             */
-            this.maxExpandedNewlines = 2;
-            /**
-             * Indicates whether to replace newline characters in truncated text with spaces.
-             */
-            this.truncateNewlines = true;
-            this.contentSectionId = "sky-text-expand-content-" + ++nextId$1;
-            this.isExpanded = false;
-            this._maxLength = 200;
-        }
-        Object.defineProperty(SkyTextExpandComponent.prototype, "maxLength", {
-            get: function () {
-                return this._maxLength;
-            },
-            /**
-             * Specifies the number of text characters to display before truncating the text.
-             * To avoid truncating text in the middle of a word, the component looks for a space
-             * in the 10 characters before the last character.
-             * @default 200
-             */
-            set: function (value) {
-                this._maxLength = value;
-                /* istanbul ignore else */
-                if (this.textEl) {
-                    this.setup(this.expandedText);
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyTextExpandComponent.prototype, "text", {
-            /**
-             * Specifies the text to truncate.
-             */
-            set: function (value) {
-                /* istanbul ignore else */
-                if (this.textEl) {
-                    this.setup(value);
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SkyTextExpandComponent.prototype.textExpand = function () {
-            var _this = this;
-            if (this.isModal) {
-                // Modal View
-                /* istanbul ignore else */
-                /* sanity check */
-                if (!this.isExpanded) {
-                    this.modalService.open(SkyTextExpandModalComponent, [
-                        {
-                            provide: SkyTextExpandModalContext,
-                            useValue: {
-                                header: this.expandModalTitle,
-                                text: this.expandedText,
-                            },
-                        },
-                    ]);
-                }
-            }
-            else {
-                // Normal View
-                if (!this.isExpanded) {
-                    this.setContainerMaxHeight();
-                    setTimeout(function () {
-                        _this.isExpanded = true;
-                        _this.animateText(_this.collapsedText, _this.expandedText, true);
-                    }, 10);
-                }
-                else {
-                    this.setContainerMaxHeight();
-                    setTimeout(function () {
-                        _this.isExpanded = false;
-                        _this.animateText(_this.expandedText, _this.collapsedText, false);
-                    }, 10);
-                }
-            }
-        };
-        SkyTextExpandComponent.prototype.animationEnd = function () {
-            // Ensure the correct text is displayed
-            this.textExpandAdapter.setText(this.textEl, this.textToShow);
-            // Set height back to auto so the browser can change the height as needed with window changes
-            this.textExpandAdapter.setContainerHeight(this.containerEl, undefined);
-        };
-        SkyTextExpandComponent.prototype.ngAfterContentInit = function () {
-            var _this = this;
-            rxjs.forkJoin([
-                this.resources.getString('skyux_text_expand_see_more'),
-                this.resources.getString('skyux_text_expand_see_less'),
-            ])
-                .pipe(operators.take(1))
-                .subscribe(function (resources) {
-                _this.seeMoreText = resources[0];
-                _this.seeLessText = resources[1];
-                _this.setup(_this.expandedText);
-                /* istanbul ignore else */
-                if (!_this.expandModalTitle) {
-                    _this.resources
-                        .getString('skyux_text_expand_modal_title')
-                        .pipe(operators.take(1))
-                        .subscribe(function (resource) {
-                        _this.expandModalTitle = resource;
-                    });
-                }
-            });
-        };
-        SkyTextExpandComponent.prototype.setContainerMaxHeight = function () {
-            // ensure everything is reset
-            this.animationEnd();
-            /* Before animation is kicked off, ensure that a maxHeight exists */
-            /* Once we have support for angular v4 animations with parameters we can use that instead */
-            var currentHeight = this.textExpandAdapter.getContainerHeight(this.containerEl);
-            this.textExpandAdapter.setContainerHeight(this.containerEl, currentHeight + "px");
-        };
-        SkyTextExpandComponent.prototype.setup = function (value) {
-            if (value) {
-                this.newlineCount = this.getNewlineCount(value);
-                this.collapsedText = this.getTruncatedText(value, this.maxLength);
-                this.expandedText = value;
-                if (this.collapsedText !== value) {
-                    this.buttonText = this.seeMoreText;
-                    this.isExpanded = false;
-                    this.expandable = true;
-                    this.isModal =
-                        this.newlineCount > this.maxExpandedNewlines ||
-                            this.expandedText.length > this.maxExpandedLength;
-                }
-                else {
-                    this.expandable = false;
-                }
-                this.textToShow = this.collapsedText;
-            }
-            else {
-                this.textToShow = '';
-                this.expandable = false;
-            }
-            this.textExpandAdapter.setText(this.textEl, this.textToShow);
-        };
-        SkyTextExpandComponent.prototype.getNewlineCount = function (value) {
-            var matches = value.match(/\n/gi);
-            if (matches) {
-                return matches.length;
-            }
-            return 0;
-        };
-        SkyTextExpandComponent.prototype.getTruncatedText = function (value, length) {
-            var i;
-            if (this.truncateNewlines) {
-                value = value.replace(/\n+/gi, ' ');
-            }
-            // Jump ahead one character and see if it's a space, and if it isn't,
-            // back up to the first space and break there so a word doesn't get cut
-            // in half.
-            if (length < value.length) {
-                for (i = length; i > length - 10; i--) {
-                    if (/\s/.test(value.charAt(i))) {
-                        length = i;
-                        break;
-                    }
-                }
-            }
-            return value.substr(0, length);
-        };
-        SkyTextExpandComponent.prototype.animateText = function (previousText, newText, expanding) {
-            var _this = this;
-            var adapter = this.textExpandAdapter;
-            var container = this.containerEl;
-            // Reset max height
-            adapter.setContainerHeight(container, undefined);
-            // Measure the current height so we can animate from it.
-            var currentHeight = adapter.getContainerHeight(container);
-            this.textToShow = newText;
-            adapter.setText(this.textEl, this.textToShow);
-            this.buttonText = expanding ? this.seeLessText : this.seeMoreText;
-            // Measure the new height so we can animate to it.
-            var newHeight = adapter.getContainerHeight(container);
-            /* istanbul ignore if */
-            if (newHeight < currentHeight) {
-                // The new text is smaller than the old text, so put the old text back before doing
-                // the collapse animation to avoid showing a big chunk of whitespace.
-                adapter.setText(this.textEl, previousText);
-            }
-            adapter.setContainerHeight(container, currentHeight + "px");
-            // This timeout is necessary due to the browser needing to pick up the non-auto height being set
-            // in order to do the transtion in height correctly. Without it the transition does not fire.
-            setTimeout(function () {
-                adapter.setContainerHeight(container, newHeight + "px");
-                /* This resets values if the transition does not get kicked off */
-                setTimeout(function () {
-                    _this.animationEnd();
-                }, 500);
-            }, 10);
-        };
-        return SkyTextExpandComponent;
-    }());
-    SkyTextExpandComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTextExpandComponent, deps: [{ token: i1__namespace$1.SkyLibResourcesService }, { token: i2__namespace$2.SkyModalService }, { token: SkyTextExpandAdapterService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyTextExpandComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyTextExpandComponent, selector: "sky-text-expand", inputs: { expandModalTitle: "expandModalTitle", maxExpandedLength: "maxExpandedLength", maxExpandedNewlines: "maxExpandedNewlines", maxLength: "maxLength", text: "text", truncateNewlines: "truncateNewlines" }, providers: [SkyTextExpandAdapterService], viewQueries: [{ propertyName: "containerEl", first: true, predicate: ["container"], descendants: true, read: i0.ElementRef, static: true }, { propertyName: "textEl", first: true, predicate: ["text"], descendants: true, read: i0.ElementRef, static: true }], ngImport: i0__namespace, template: "<div\n  class=\"sky-text-expand-container\"\n  (transitionend)=\"animationEnd()\"\n  #container\n>\n  <span class=\"sky-text-expand-text\" [id]=\"contentSectionId\" #text></span>\n  <span class=\"sky-text-expand-ellipsis\" *ngIf=\"!isExpanded && expandable\"\n    >...\n  </span>\n  <button\n    *ngIf=\"expandable\"\n    type=\"button\"\n    class=\"sky-btn sky-btn-link-inline sky-text-expand-see-more\"\n    [attr.aria-expanded]=\"isModal ? undefined : isExpanded\"\n    [attr.aria-controls]=\"isModal ? undefined : contentSectionId\"\n    [attr.aria-haspopup]=\"isModal ? 'dialog' : undefined\"\n    (click)=\"textExpand()\"\n  >\n    {{ buttonText }}\n  </button>\n</div>\n", styles: [".sky-text-expand-ellipsis{letter-spacing:2px;white-space:nowrap}.sky-text-expand-space{white-space:normal}.sky-text-expand-see-more{white-space:nowrap;margin-left:5px}.sky-text-expand-text{margin:0;white-space:pre-wrap}.sky-text-expand-container{word-break:break-word;word-wrap:break-word;overflow:hidden;height:auto;transition:max-height .25s}.sky-text-expand-modal-content{white-space:pre-line;word-wrap:break-word}\n"], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTextExpandComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-text-expand',
-                        template: "<div\n  class=\"sky-text-expand-container\"\n  (transitionend)=\"animationEnd()\"\n  #container\n>\n  <span class=\"sky-text-expand-text\" [id]=\"contentSectionId\" #text></span>\n  <span class=\"sky-text-expand-ellipsis\" *ngIf=\"!isExpanded && expandable\"\n    >...\n  </span>\n  <button\n    *ngIf=\"expandable\"\n    type=\"button\"\n    class=\"sky-btn sky-btn-link-inline sky-text-expand-see-more\"\n    [attr.aria-expanded]=\"isModal ? undefined : isExpanded\"\n    [attr.aria-controls]=\"isModal ? undefined : contentSectionId\"\n    [attr.aria-haspopup]=\"isModal ? 'dialog' : undefined\"\n    (click)=\"textExpand()\"\n  >\n    {{ buttonText }}\n  </button>\n</div>\n",
-                        styles: [".sky-text-expand-ellipsis{letter-spacing:2px;white-space:nowrap}.sky-text-expand-space{white-space:normal}.sky-text-expand-see-more{white-space:nowrap;margin-left:5px}.sky-text-expand-text{margin:0;white-space:pre-wrap}.sky-text-expand-container{word-break:break-word;word-wrap:break-word;overflow:hidden;height:auto;transition:max-height .25s}.sky-text-expand-modal-content{white-space:pre-line;word-wrap:break-word}\n"],
-                        providers: [SkyTextExpandAdapterService],
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$1.SkyLibResourcesService }, { type: i2__namespace$2.SkyModalService }, { type: SkyTextExpandAdapterService }]; }, propDecorators: { expandModalTitle: [{
-                    type: i0.Input
-                }], maxExpandedLength: [{
-                    type: i0.Input
-                }], maxExpandedNewlines: [{
-                    type: i0.Input
-                }], maxLength: [{
-                    type: i0.Input
-                }], text: [{
-                    type: i0.Input
-                }], truncateNewlines: [{
-                    type: i0.Input
-                }], containerEl: [{
-                    type: i0.ViewChild,
-                    args: ['container', {
-                            read: i0.ElementRef,
-                            static: true,
-                        }]
-                }], textEl: [{
-                    type: i0.ViewChild,
-                    args: ['text', {
-                            read: i0.ElementRef,
-                            static: true,
-                        }]
-                }] } });
-
-    var SkyTextExpandModule = /** @class */ (function () {
-        function SkyTextExpandModule() {
-        }
-        return SkyTextExpandModule;
-    }());
-    SkyTextExpandModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTextExpandModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyTextExpandModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTextExpandModule, declarations: [SkyTextExpandComponent, SkyTextExpandModalComponent], imports: [i1$1.SkyI18nModule,
-            SkyLayoutResourcesModule,
-            i2$2.SkyModalModule,
-            i3.CommonModule], exports: [SkyTextExpandComponent] });
-    SkyTextExpandModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTextExpandModule, imports: [[
-                i1$1.SkyI18nModule,
-                SkyLayoutResourcesModule,
-                i2$2.SkyModalModule,
-                i3.CommonModule,
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTextExpandModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [SkyTextExpandComponent, SkyTextExpandModalComponent],
-                        imports: [
-                            i1$1.SkyI18nModule,
-                            SkyLayoutResourcesModule,
-                            i2$2.SkyModalModule,
-                            i3.CommonModule,
-                        ],
-                        exports: [SkyTextExpandComponent],
-                        entryComponents: [SkyTextExpandModalComponent],
-                    }]
-            }] });
-
-    /**
-     * @internal
-     */
-    var SkyTextExpandRepeaterAdapterService = /** @class */ (function () {
-        function SkyTextExpandRepeaterAdapterService(rendererFactory) {
-            this.rendererFactory = rendererFactory;
-            this.renderer = this.rendererFactory.createRenderer(undefined, undefined);
-        }
-        SkyTextExpandRepeaterAdapterService.prototype.getItems = function (elRef) {
-            return elRef.nativeElement.querySelectorAll('.sky-text-expand-repeater-item');
-        };
-        SkyTextExpandRepeaterAdapterService.prototype.hideItem = function (item) {
-            this.renderer.setStyle(item, 'display', 'none');
-        };
-        SkyTextExpandRepeaterAdapterService.prototype.showItem = function (item) {
-            this.renderer.setStyle(item, 'display', 'list-item');
-        };
-        SkyTextExpandRepeaterAdapterService.prototype.getContainerHeight = function (containerEl) {
-            return containerEl.nativeElement.offsetHeight;
-        };
-        SkyTextExpandRepeaterAdapterService.prototype.setContainerHeight = function (containerEl, height) {
-            if (height === undefined) {
-                this.renderer.removeStyle(containerEl.nativeElement, 'max-height');
-            }
-            else {
-                this.renderer.setStyle(containerEl.nativeElement, 'max-height', height);
-            }
-        };
-        return SkyTextExpandRepeaterAdapterService;
-    }());
-    SkyTextExpandRepeaterAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTextExpandRepeaterAdapterService, deps: [{ token: i0__namespace.RendererFactory2 }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    SkyTextExpandRepeaterAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTextExpandRepeaterAdapterService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTextExpandRepeaterAdapterService, decorators: [{
-                type: i0.Injectable
-            }], ctorParameters: function () { return [{ type: i0__namespace.RendererFactory2 }]; } });
-
-    /**
-     * Auto-incrementing integer used to generate unique ids for text expand repeater components.
-     */
-    var nextId = 0;
-    var SkyTextExpandRepeaterComponent = /** @class */ (function () {
-        function SkyTextExpandRepeaterComponent(resources, elRef, textExpandRepeaterAdapter, changeDetector) {
-            this.resources = resources;
-            this.elRef = elRef;
-            this.textExpandRepeaterAdapter = textExpandRepeaterAdapter;
-            this.changeDetector = changeDetector;
-            /**
-             * Specifies the style of bullet to use
-             * @default "unordered"
-             */
-            this.listStyle = 'unordered';
-            this.contentSectionId = "sky-text-expand-repeater-content-" + ++nextId;
-            this.isExpanded = false;
-        }
-        SkyTextExpandRepeaterComponent.prototype.ngAfterViewInit = function () {
-            var _this = this;
-            if (this.contentItems) {
-                this.items = this.textExpandRepeaterAdapter.getItems(this.elRef);
-                for (var i = this.maxItems; i < this.contentItems.length; i++) {
-                    this.textExpandRepeaterAdapter.hideItem(this.items[i]);
-                }
-            }
-            rxjs.forkJoin([
-                this.resources.getString('skyux_text_expand_see_more'),
-                this.resources.getString('skyux_text_expand_see_less'),
-            ])
-                .pipe(operators.take(1))
-                .subscribe(function (resources) {
-                _this.seeMoreText = resources[0];
-                _this.seeLessText = resources[1];
-                /* sanity check */
-                /* istanbul ignore else */
-                if (!_this.isExpanded) {
-                    _this.buttonText = _this.seeMoreText;
-                }
-                else {
-                    _this.buttonText = _this.seeLessText;
-                }
-                _this.changeDetector.detectChanges();
-            });
-        };
-        SkyTextExpandRepeaterComponent.prototype.ngOnChanges = function (changes) {
-            /* istanbul ignore else */
-            if (changes.maxItems || changes.data) {
-                this.setup(this.data);
-            }
-        };
-        SkyTextExpandRepeaterComponent.prototype.animationEnd = function () {
-            // Ensure the correct items are displayed
-            if (!this.isExpanded) {
-                for (var i = this.maxItems; i < this.contentItems.length; i++) {
-                    this.textExpandRepeaterAdapter.hideItem(this.items[i]);
-                }
-            }
-            // Set height back to auto so the browser can change the height as needed with window changes
-            this.textExpandRepeaterAdapter.setContainerHeight(this.containerEl, undefined);
-        };
-        SkyTextExpandRepeaterComponent.prototype.repeaterExpand = function () {
-            var _this = this;
-            if (!this.isExpanded) {
-                this.setContainerMaxHeight();
-                setTimeout(function () {
-                    _this.isExpanded = true;
-                    _this.animateRepeater(true);
-                });
-            }
-            else {
-                this.setContainerMaxHeight();
-                setTimeout(function () {
-                    _this.isExpanded = false;
-                    _this.animateRepeater(false);
-                });
-            }
-        };
-        SkyTextExpandRepeaterComponent.prototype.setContainerMaxHeight = function () {
-            // ensure everything is reset
-            this.animationEnd();
-            /* Before animation is kicked off, ensure that a maxHeight exists */
-            /* Once we have support for angular v4 animations with parameters we can use that instead */
-            var currentHeight = this.textExpandRepeaterAdapter.getContainerHeight(this.containerEl);
-            this.textExpandRepeaterAdapter.setContainerHeight(this.containerEl, currentHeight + "px");
-        };
-        SkyTextExpandRepeaterComponent.prototype.animateRepeater = function (expanding) {
-            var _this = this;
-            var adapter = this.textExpandRepeaterAdapter;
-            var container = this.containerEl;
-            adapter.setContainerHeight(container, undefined);
-            var currentHeight = adapter.getContainerHeight(container);
-            for (var i = this.maxItems; i < this.contentItems.length; i++) {
-                if (!expanding) {
-                    adapter.hideItem(this.items[i]);
-                }
-                else {
-                    adapter.showItem(this.items[i]);
-                }
-            }
-            var newHeight = adapter.getContainerHeight(container);
-            if (!expanding) {
-                this.buttonText = this.seeMoreText;
-            }
-            else {
-                this.buttonText = this.seeLessText;
-            }
-            if (newHeight < currentHeight) {
-                // The new text is smaller than the old text, so put the old text back before doing
-                // the collapse animation to avoid showing a big chunk of whitespace.
-                for (var i = this.maxItems; i < this.contentItems.length; i++) {
-                    adapter.showItem(this.items[i]);
-                }
-            }
-            adapter.setContainerHeight(container, currentHeight + "px");
-            // This timeout is necessary due to the browser needing to pick up the non-auto height being set
-            // in order to do the transtion in height correctly. Without it the transition does not fire.
-            setTimeout(function () {
-                adapter.setContainerHeight(container, newHeight + "px");
-                /* This resets values if the transition does not get kicked off */
-                setTimeout(function () {
-                    _this.animationEnd();
-                }, 500);
-            }, 10);
-        };
-        SkyTextExpandRepeaterComponent.prototype.setup = function (value) {
-            if (value) {
-                var length = value.length;
-                if (length > this.maxItems) {
-                    this.expandable = true;
-                    this.buttonText = this.seeMoreText;
-                    this.isExpanded = false;
-                }
-                else {
-                    this.expandable = false;
-                }
-                this.contentItems = value;
-            }
-            else {
-                this.contentItems = undefined;
-                this.expandable = false;
-            }
-        };
-        return SkyTextExpandRepeaterComponent;
-    }());
-    SkyTextExpandRepeaterComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTextExpandRepeaterComponent, deps: [{ token: i1__namespace$1.SkyLibResourcesService }, { token: i0__namespace.ElementRef }, { token: SkyTextExpandRepeaterAdapterService }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyTextExpandRepeaterComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyTextExpandRepeaterComponent, selector: "sky-text-expand-repeater", inputs: { data: "data", itemTemplate: "itemTemplate", listStyle: "listStyle", maxItems: "maxItems" }, providers: [SkyTextExpandRepeaterAdapterService], viewQueries: [{ propertyName: "containerEl", first: true, predicate: ["container"], descendants: true, read: i0.ElementRef }], usesOnChanges: true, ngImport: i0__namespace, template: "<div class=\"sky-text-expand-repeater\">\n  <ul\n    *ngIf=\"listStyle !== 'ordered'\"\n    class=\"sky-text-expand-repeater-container\"\n    [id]=\"contentSectionId\"\n    (transitionend)=\"animationEnd()\"\n    [ngClass]=\"{\n      'sky-text-expand-repeater-list-style-none': listStyle === 'unstyled'\n    }\"\n    #container\n  >\n    <ng-template [ngTemplateOutlet]=\"listItemTemplate\"></ng-template>\n  </ul>\n  <ol\n    *ngIf=\"listStyle === 'ordered'\"\n    class=\"sky-text-expand-repeater-container\"\n    [id]=\"contentSectionId\"\n    (transitionend)=\"animationEnd()\"\n    #container\n  >\n    <ng-template [ngTemplateOutlet]=\"listItemTemplate\"></ng-template>\n  </ol>\n  <button\n    *ngIf=\"expandable\"\n    type=\"button\"\n    class=\"sky-btn sky-btn-link-inline sky-text-expand-repeater-see-more\"\n    [attr.aria-expanded]=\"isExpanded\"\n    [attr.aria-controls]=\"contentSectionId\"\n    (click)=\"repeaterExpand()\"\n    [ngClass]=\"{\n      'sky-text-expand-repeater-see-more-list-style-none':\n        listStyle === 'unstyled'\n    }\"\n  >\n    {{ buttonText }}\n  </button>\n</div>\n\n<ng-template let-item #defaultItemTemplate>\n  {{ item }}\n</ng-template>\n\n<ng-template #listItemTemplate>\n  <li *ngFor=\"let item of contentItems\" class=\"sky-text-expand-repeater-item\">\n    <ng-template\n      [ngTemplateOutlet]=\"itemTemplate || defaultItemTemplate\"\n      [ngTemplateOutletContext]=\"{ $implicit: item }\"\n    ></ng-template>\n  </li>\n</ng-template>\n", styles: [".sky-text-expand-repeater-container{overflow-y:hidden;height:auto;margin-bottom:0;transition:max-height .25s}.sky-text-expand-repeater-see-more{white-space:nowrap;margin-left:40px}.sky-text-expand-repeater-list-style-none{list-style-type:none;padding-left:0}.sky-text-expand-repeater-see-more-list-style-none{margin-left:0}\n"], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTextExpandRepeaterComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-text-expand-repeater',
-                        template: "<div class=\"sky-text-expand-repeater\">\n  <ul\n    *ngIf=\"listStyle !== 'ordered'\"\n    class=\"sky-text-expand-repeater-container\"\n    [id]=\"contentSectionId\"\n    (transitionend)=\"animationEnd()\"\n    [ngClass]=\"{\n      'sky-text-expand-repeater-list-style-none': listStyle === 'unstyled'\n    }\"\n    #container\n  >\n    <ng-template [ngTemplateOutlet]=\"listItemTemplate\"></ng-template>\n  </ul>\n  <ol\n    *ngIf=\"listStyle === 'ordered'\"\n    class=\"sky-text-expand-repeater-container\"\n    [id]=\"contentSectionId\"\n    (transitionend)=\"animationEnd()\"\n    #container\n  >\n    <ng-template [ngTemplateOutlet]=\"listItemTemplate\"></ng-template>\n  </ol>\n  <button\n    *ngIf=\"expandable\"\n    type=\"button\"\n    class=\"sky-btn sky-btn-link-inline sky-text-expand-repeater-see-more\"\n    [attr.aria-expanded]=\"isExpanded\"\n    [attr.aria-controls]=\"contentSectionId\"\n    (click)=\"repeaterExpand()\"\n    [ngClass]=\"{\n      'sky-text-expand-repeater-see-more-list-style-none':\n        listStyle === 'unstyled'\n    }\"\n  >\n    {{ buttonText }}\n  </button>\n</div>\n\n<ng-template let-item #defaultItemTemplate>\n  {{ item }}\n</ng-template>\n\n<ng-template #listItemTemplate>\n  <li *ngFor=\"let item of contentItems\" class=\"sky-text-expand-repeater-item\">\n    <ng-template\n      [ngTemplateOutlet]=\"itemTemplate || defaultItemTemplate\"\n      [ngTemplateOutletContext]=\"{ $implicit: item }\"\n    ></ng-template>\n  </li>\n</ng-template>\n",
-                        styles: [".sky-text-expand-repeater-container{overflow-y:hidden;height:auto;margin-bottom:0;transition:max-height .25s}.sky-text-expand-repeater-see-more{white-space:nowrap;margin-left:40px}.sky-text-expand-repeater-list-style-none{list-style-type:none;padding-left:0}.sky-text-expand-repeater-see-more-list-style-none{margin-left:0}\n"],
-                        providers: [SkyTextExpandRepeaterAdapterService],
-                    }]
-            }], ctorParameters: function () { return [{ type: i1__namespace$1.SkyLibResourcesService }, { type: i0__namespace.ElementRef }, { type: SkyTextExpandRepeaterAdapterService }, { type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { data: [{
-                    type: i0.Input
-                }], itemTemplate: [{
-                    type: i0.Input
-                }], listStyle: [{
-                    type: i0.Input
-                }], maxItems: [{
-                    type: i0.Input
-                }], containerEl: [{
-                    type: i0.ViewChild,
-                    args: ['container', {
-                            read: i0.ElementRef,
-                            static: false,
-                        }]
-                }] } });
-
-    var SkyTextExpandRepeaterModule = /** @class */ (function () {
-        function SkyTextExpandRepeaterModule() {
-        }
-        return SkyTextExpandRepeaterModule;
-    }());
-    SkyTextExpandRepeaterModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTextExpandRepeaterModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyTextExpandRepeaterModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTextExpandRepeaterModule, declarations: [SkyTextExpandRepeaterComponent], imports: [i1$1.SkyI18nModule, SkyLayoutResourcesModule, i3.CommonModule], exports: [SkyTextExpandRepeaterComponent] });
-    SkyTextExpandRepeaterModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTextExpandRepeaterModule, imports: [[i1$1.SkyI18nModule, SkyLayoutResourcesModule, i3.CommonModule]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyTextExpandRepeaterModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [SkyTextExpandRepeaterComponent],
-                        imports: [i1$1.SkyI18nModule, SkyLayoutResourcesModule, i3.CommonModule],
-                        exports: [SkyTextExpandRepeaterComponent],
-                    }]
-            }] });
-
-    /**
-     * Specifies a container for an item in the toolbar.
-     */
-    var SkyToolbarItemComponent = /** @class */ (function () {
-        function SkyToolbarItemComponent() {
-        }
-        return SkyToolbarItemComponent;
-    }());
-    SkyToolbarItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyToolbarItemComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyToolbarItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyToolbarItemComponent, selector: "sky-toolbar-item", ngImport: i0__namespace, template: "<div class=\"sky-toolbar-item\">\n  <ng-content></ng-content>\n</div>\n", styles: [".sky-toolbar-item{margin-right:5px;margin-bottom:5px}:host-context(.sky-theme-modern) .sky-toolbar-item{margin-top:5px;margin-bottom:5px;margin-right:10px}:host-context(.sky-theme-modern) .sky-toolbar-item ::ng-deep .sky-btn{padding-left:10px;padding-right:10px}:host-context(.sky-theme-modern) .sky-toolbar-item ::ng-deep .sky-btn.sky-btn-default:not(:disabled){background-color:transparent;border:none}:host-context(.sky-theme-modern) .sky-toolbar-item ::ng-deep .sky-btn.sky-btn-default:not(:disabled):not(:hover):not(:active):not(:focus){box-shadow:inset 0 0 0 1px transparent}.sky-theme-modern .sky-toolbar-item{margin-top:5px;margin-bottom:5px;margin-right:10px}.sky-theme-modern .sky-toolbar-item ::ng-deep .sky-btn{padding-left:10px;padding-right:10px}.sky-theme-modern .sky-toolbar-item ::ng-deep .sky-btn.sky-btn-default:not(:disabled){background-color:transparent;border:none}.sky-theme-modern .sky-toolbar-item ::ng-deep .sky-btn.sky-btn-default:not(:disabled):not(:hover):not(:active):not(:focus){box-shadow:inset 0 0 0 1px transparent}\n"] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyToolbarItemComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-toolbar-item',
-                        styles: [".sky-toolbar-item{margin-right:5px;margin-bottom:5px}:host-context(.sky-theme-modern) .sky-toolbar-item{margin-top:5px;margin-bottom:5px;margin-right:10px}:host-context(.sky-theme-modern) .sky-toolbar-item ::ng-deep .sky-btn{padding-left:10px;padding-right:10px}:host-context(.sky-theme-modern) .sky-toolbar-item ::ng-deep .sky-btn.sky-btn-default:not(:disabled){background-color:transparent;border:none}:host-context(.sky-theme-modern) .sky-toolbar-item ::ng-deep .sky-btn.sky-btn-default:not(:disabled):not(:hover):not(:active):not(:focus){box-shadow:inset 0 0 0 1px transparent}.sky-theme-modern .sky-toolbar-item{margin-top:5px;margin-bottom:5px;margin-right:10px}.sky-theme-modern .sky-toolbar-item ::ng-deep .sky-btn{padding-left:10px;padding-right:10px}.sky-theme-modern .sky-toolbar-item ::ng-deep .sky-btn.sky-btn-default:not(:disabled){background-color:transparent;border:none}.sky-theme-modern .sky-toolbar-item ::ng-deep .sky-btn.sky-btn-default:not(:disabled):not(:hover):not(:active):not(:focus){box-shadow:inset 0 0 0 1px transparent}\n"],
-                        template: "<div class=\"sky-toolbar-item\">\n  <ng-content></ng-content>\n</div>\n",
-                    }]
-            }] });
-
-    /**
-     * Specifies a section to group items within the toolbar. The section displays items in a separate horizontal row.
-     */
-    var SkyToolbarSectionComponent = /** @class */ (function () {
-        function SkyToolbarSectionComponent() {
-        }
-        return SkyToolbarSectionComponent;
-    }());
-    SkyToolbarSectionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyToolbarSectionComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyToolbarSectionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyToolbarSectionComponent, selector: "sky-toolbar-section", ngImport: i0__namespace, template: "<div class=\"sky-toolbar-section\">\n  <div class=\"sky-toolbar-section-items\">\n    <ng-content></ng-content>\n  </div>\n  <ng-content select=\"sky-toolbar-view-actions\"></ng-content>\n</div>\n", styles: [".sky-toolbar-section{display:flex;flex-wrap:nowrap;padding:5px 10px 0;min-height:49px;align-items:center;position:relative;overflow-x:auto}.sky-toolbar-section-items{display:flex;flex-wrap:wrap;align-items:center}:host-context(.sky-theme-modern) .sky-toolbar-section{padding:10px 0}.sky-theme-modern .sky-toolbar-section{padding:10px 0}\n"] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyToolbarSectionComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-toolbar-section',
-                        styles: [".sky-toolbar-section{display:flex;flex-wrap:nowrap;padding:5px 10px 0;min-height:49px;align-items:center;position:relative;overflow-x:auto}.sky-toolbar-section-items{display:flex;flex-wrap:wrap;align-items:center}:host-context(.sky-theme-modern) .sky-toolbar-section{padding:10px 0}.sky-theme-modern .sky-toolbar-section{padding:10px 0}\n"],
-                        template: "<div class=\"sky-toolbar-section\">\n  <div class=\"sky-toolbar-section-items\">\n    <ng-content></ng-content>\n  </div>\n  <ng-content select=\"sky-toolbar-view-actions\"></ng-content>\n</div>\n",
-                    }]
-            }] });
-
-    /**
-     * Adds a section on the right side of the toolbar for items that substantially alter
-     * the view of the content container. This includes simple filters and view switchers.
-     */
-    var SkyToolbarViewActionsComponent = /** @class */ (function () {
-        function SkyToolbarViewActionsComponent() {
-        }
-        return SkyToolbarViewActionsComponent;
-    }());
-    SkyToolbarViewActionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyToolbarViewActionsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyToolbarViewActionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyToolbarViewActionsComponent, selector: "sky-toolbar-view-actions", ngImport: i0__namespace, template: "<div class=\"sky-toolbar-view-actions\">\n  <ng-content></ng-content>\n</div>\n", styles: [":host{margin-left:auto}.sky-toolbar-view-actions{display:flex;align-items:center;margin-bottom:5px}.sky-toolbar-view-actions ::ng-deep>:not(:last-child){margin-right:5px}:host-context(.sky-theme-modern) .sky-toolbar-view-actions{margin-bottom:0}:host-context(.sky-theme-modern) .sky-toolbar-view-actions ::ng-deep>:not(:last-child){margin-top:5px;margin-bottom:5px;margin-right:10px}:host-context(.sky-theme-modern) .sky-toolbar-view-actions ::ng-deep .sky-btn{background-color:transparent;border:none;padding-left:10px;padding-right:10px}:host-context(.sky-theme-modern) .sky-toolbar-view-actions ::ng-deep .sky-btn:not(:hover):not(:active):not(:focus){box-shadow:inset 0 0 0 1px transparent}.sky-theme-modern .sky-toolbar-view-actions{margin-bottom:0}.sky-theme-modern .sky-toolbar-view-actions ::ng-deep>:not(:last-child){margin-top:5px;margin-bottom:5px;margin-right:10px}.sky-theme-modern .sky-toolbar-view-actions ::ng-deep .sky-btn{background-color:transparent;border:none;padding-left:10px;padding-right:10px}.sky-theme-modern .sky-toolbar-view-actions ::ng-deep .sky-btn:not(:hover):not(:active):not(:focus){box-shadow:inset 0 0 0 1px transparent}\n"], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyToolbarViewActionsComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-toolbar-view-actions',
-                        template: "<div class=\"sky-toolbar-view-actions\">\n  <ng-content></ng-content>\n</div>\n",
-                        styles: [":host{margin-left:auto}.sky-toolbar-view-actions{display:flex;align-items:center;margin-bottom:5px}.sky-toolbar-view-actions ::ng-deep>:not(:last-child){margin-right:5px}:host-context(.sky-theme-modern) .sky-toolbar-view-actions{margin-bottom:0}:host-context(.sky-theme-modern) .sky-toolbar-view-actions ::ng-deep>:not(:last-child){margin-top:5px;margin-bottom:5px;margin-right:10px}:host-context(.sky-theme-modern) .sky-toolbar-view-actions ::ng-deep .sky-btn{background-color:transparent;border:none;padding-left:10px;padding-right:10px}:host-context(.sky-theme-modern) .sky-toolbar-view-actions ::ng-deep .sky-btn:not(:hover):not(:active):not(:focus){box-shadow:inset 0 0 0 1px transparent}.sky-theme-modern .sky-toolbar-view-actions{margin-bottom:0}.sky-theme-modern .sky-toolbar-view-actions ::ng-deep>:not(:last-child){margin-top:5px;margin-bottom:5px;margin-right:10px}.sky-theme-modern .sky-toolbar-view-actions ::ng-deep .sky-btn{background-color:transparent;border:none;padding-left:10px;padding-right:10px}.sky-theme-modern .sky-toolbar-view-actions ::ng-deep .sky-btn:not(:hover):not(:active):not(:focus){box-shadow:inset 0 0 0 1px transparent}\n"],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    }]
-            }] });
-
-    /**
-     * Displays actions for lists, records, and tiles.
-     */
-    var SkyToolbarComponent = /** @class */ (function () {
-        function SkyToolbarComponent() {
-            this.hasSections = false;
-        }
-        SkyToolbarComponent.prototype.ngAfterContentInit = function () {
-            this.hasSections = this.sectionComponents.length > 0;
-        };
-        return SkyToolbarComponent;
-    }());
-    SkyToolbarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyToolbarComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyToolbarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyToolbarComponent, selector: "sky-toolbar", queries: [{ propertyName: "sectionComponents", predicate: SkyToolbarSectionComponent, descendants: true }], ngImport: i0__namespace, template: "<div\n  class=\"sky-toolbar-container\"\n  [ngClass]=\"{ 'sky-toolbar-sectioned': hasSections }\"\n>\n  <ng-content select=\"sky-toolbar-section\"></ng-content>\n  <div class=\"sky-toolbar-items\">\n    <ng-content></ng-content>\n  </div>\n  <ng-content select=\"sky-toolbar-view-actions\"></ng-content>\n</div>\n", styles: [".sky-toolbar-container{min-height:49px;background-color:#fff;padding:5px 10px 0;border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;display:flex;flex-wrap:wrap;align-items:center;position:relative}.sky-toolbar-container ::ng-deep sky-toolbar-section:not(:first-child) .sky-toolbar-section{border-top:1px solid #cdcfd2}.sky-toolbar-container:not(.sky-toolbar-sectioned){flex-wrap:nowrap}.sky-toolbar-sectioned{display:block;padding:0}.sky-toolbar-items{display:flex;flex-wrap:wrap;align-items:center}:host-context(.sky-theme-modern .sky-viewkeeper-fixed) .sky-toolbar-container{background-color:#fcfcfc}:host-context(.sky-theme-modern.sky-theme-mode-dark .sky-viewkeeper-fixed) .sky-toolbar-container{background-color:#121212}:host-context(.sky-theme-modern) .sky-toolbar-container{background-color:transparent;border:none;padding:10px 0}:host-context(.sky-theme-modern) .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#fcfcfc}:host-context(.sky-theme-modern) .sky-toolbar-container ::ng-deep sky-toolbar-section:not(:first-child) .sky-toolbar-section{border-top:1px solid #d2d2d2}:host-context(.sky-theme-modern) .sky-toolbar-sectioned{padding:0}.sky-theme-modern .sky-toolbar-container{background-color:transparent;border:none;padding:10px 0}.sky-theme-modern .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#fcfcfc}.sky-theme-modern .sky-toolbar-container ::ng-deep sky-toolbar-section:not(:first-child) .sky-toolbar-section{border-top:1px solid #d2d2d2}.sky-theme-modern .sky-toolbar-sectioned{padding:0}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#121212}.sky-theme-modern.sky-theme-mode-dark .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#121212}\n"], directives: [{ type: i3__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyToolbarComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-toolbar',
-                        styles: [".sky-toolbar-container{min-height:49px;background-color:#fff;padding:5px 10px 0;border-top:1px solid #cdcfd2;border-bottom:1px solid #cdcfd2;display:flex;flex-wrap:wrap;align-items:center;position:relative}.sky-toolbar-container ::ng-deep sky-toolbar-section:not(:first-child) .sky-toolbar-section{border-top:1px solid #cdcfd2}.sky-toolbar-container:not(.sky-toolbar-sectioned){flex-wrap:nowrap}.sky-toolbar-sectioned{display:block;padding:0}.sky-toolbar-items{display:flex;flex-wrap:wrap;align-items:center}:host-context(.sky-theme-modern .sky-viewkeeper-fixed) .sky-toolbar-container{background-color:#fcfcfc}:host-context(.sky-theme-modern.sky-theme-mode-dark .sky-viewkeeper-fixed) .sky-toolbar-container{background-color:#121212}:host-context(.sky-theme-modern) .sky-toolbar-container{background-color:transparent;border:none;padding:10px 0}:host-context(.sky-theme-modern) .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#fcfcfc}:host-context(.sky-theme-modern) .sky-toolbar-container ::ng-deep sky-toolbar-section:not(:first-child) .sky-toolbar-section{border-top:1px solid #d2d2d2}:host-context(.sky-theme-modern) .sky-toolbar-sectioned{padding:0}.sky-theme-modern .sky-toolbar-container{background-color:transparent;border:none;padding:10px 0}.sky-theme-modern .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#fcfcfc}.sky-theme-modern .sky-toolbar-container ::ng-deep sky-toolbar-section:not(:first-child) .sky-toolbar-section{border-top:1px solid #d2d2d2}.sky-theme-modern .sky-toolbar-sectioned{padding:0}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#121212}.sky-theme-modern.sky-theme-mode-dark .sky-toolbar-container.sky-viewkeeper-fixed{background-color:#121212}\n"],
-                        template: "<div\n  class=\"sky-toolbar-container\"\n  [ngClass]=\"{ 'sky-toolbar-sectioned': hasSections }\"\n>\n  <ng-content select=\"sky-toolbar-section\"></ng-content>\n  <div class=\"sky-toolbar-items\">\n    <ng-content></ng-content>\n  </div>\n  <ng-content select=\"sky-toolbar-view-actions\"></ng-content>\n</div>\n",
-                    }]
-            }], propDecorators: { sectionComponents: [{
-                    type: i0.ContentChildren,
-                    args: [SkyToolbarSectionComponent, { descendants: true }]
-                }] } });
-
-    var SkyToolbarModule = /** @class */ (function () {
-        function SkyToolbarModule() {
-        }
-        return SkyToolbarModule;
-    }());
-    SkyToolbarModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyToolbarModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyToolbarModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyToolbarModule, declarations: [SkyToolbarComponent,
-            SkyToolbarItemComponent,
-            SkyToolbarSectionComponent,
-            SkyToolbarViewActionsComponent], imports: [i3.CommonModule], exports: [SkyToolbarComponent,
-            SkyToolbarItemComponent,
-            SkyToolbarSectionComponent,
-            SkyToolbarViewActionsComponent] });
-    SkyToolbarModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyToolbarModule, imports: [[i3.CommonModule]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyToolbarModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [
-                            SkyToolbarComponent,
-                            SkyToolbarItemComponent,
-                            SkyToolbarSectionComponent,
-                            SkyToolbarViewActionsComponent,
-                        ],
-                        imports: [i3.CommonModule],
-                        exports: [
-                            SkyToolbarComponent,
-                            SkyToolbarItemComponent,
-                            SkyToolbarSectionComponent,
-                            SkyToolbarViewActionsComponent,
-                        ],
-                    }]
-            }] });
-
-    /**
-     * Generated bundle index. Do not edit.
-     */
-
-    exports.SkyActionButtonModule = SkyActionButtonModule;
-    exports.SkyBackToTopModule = SkyBackToTopModule;
-    exports.SkyBoxModule = SkyBoxModule;
-    exports.SkyCardModule = SkyCardModule;
-    exports.SkyDefinitionListModule = SkyDefinitionListModule;
-    exports.SkyDescriptionListModule = SkyDescriptionListModule;
-    exports.SkyFluidGridModule = SkyFluidGridModule;
-    exports.SkyFormatModule = SkyFormatModule;
-    exports.SkyInlineDeleteModule = SkyInlineDeleteModule;
-    exports.SkyPageModule = SkyPageModule;
-    exports.SkyPageSummaryModule = SkyPageSummaryModule;
-    exports.SkyTextExpandModule = SkyTextExpandModule;
-    exports.SkyTextExpandRepeaterModule = SkyTextExpandRepeaterModule;
-    exports.SkyToolbarModule = SkyToolbarModule;
-    exports["λ1"] = SkyActionButtonComponent;
-    exports["λ10"] = SkyCardActionsComponent;
-    exports["λ11"] = SkyCardContentComponent;
-    exports["λ12"] = SkyCardTitleComponent;
-    exports["λ13"] = SkyDefinitionListComponent;
-    exports["λ14"] = SkyDefinitionListContentComponent;
-    exports["λ15"] = SkyDefinitionListHeadingComponent;
-    exports["λ16"] = SkyDefinitionListLabelComponent;
-    exports["λ17"] = SkyDefinitionListValueComponent;
-    exports["λ18"] = SkyDescriptionListComponent;
-    exports["λ19"] = SkyDescriptionListTermComponent;
-    exports["λ2"] = SkyActionButtonContainerComponent;
-    exports["λ20"] = SkyDescriptionListDescriptionComponent;
-    exports["λ21"] = SkyDescriptionListContentComponent;
-    exports["λ22"] = SkyFluidGridComponent;
-    exports["λ23"] = SkyRowComponent;
-    exports["λ24"] = SkyColumnComponent;
-    exports["λ25"] = SkyFormatComponent;
-    exports["λ26"] = SkyPageComponent;
-    exports["λ27"] = SkyPageSummaryComponent;
-    exports["λ28"] = SkyPageSummaryAlertComponent;
-    exports["λ29"] = SkyPageSummaryContentComponent;
-    exports["λ3"] = SkyActionButtonDetailsComponent;
-    exports["λ30"] = SkyPageSummaryImageComponent;
-    exports["λ31"] = SkyPageSummaryKeyInfoComponent;
-    exports["λ32"] = SkyPageSummaryStatusComponent;
-    exports["λ33"] = SkyPageSummarySubtitleComponent;
-    exports["λ34"] = SkyPageSummaryTitleComponent;
-    exports["λ35"] = SkyTextExpandComponent;
-    exports["λ36"] = SkyTextExpandRepeaterComponent;
-    exports["λ37"] = SkyToolbarComponent;
-    exports["λ38"] = SkyToolbarSectionComponent;
-    exports["λ39"] = SkyToolbarItemComponent;
-    exports["λ4"] = SkyActionButtonHeaderComponent;
-    exports["λ40"] = SkyToolbarViewActionsComponent;
-    exports["λ41"] = SkyBoxComponent;
-    exports["λ42"] = SkyBoxHeaderComponent;
-    exports["λ43"] = SkyBoxContentComponent;
-    exports["λ44"] = SkyBoxControlsComponent;
-    exports["λ5"] = SkyActionButtonIconComponent;
-    exports["λ6"] = SkyBackToTopComponent;
-    exports["λ7"] = SkyBackToTopDirective;
-    exports["λ8"] = SkyInlineDeleteComponent;
-    exports["λ9"] = SkyCardComponent;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-}));
-//# sourceMappingURL=skyux-layout.umd.js.map