@skyux/layout 5.5.0-beta.0 → 5.6.1

package/bundles/skyux-layout.umd.js

@@ -1,8 +1,8 @@
 (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/operators'), require('rxjs'), 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/operators', 'rxjs', '@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.operators, global.rxjs, 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, operators, rxjs, i1, i1$1, i3$2, i1$2, animations, i2$2) { 'use strict';
+    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;
@@ -389,6 +389,101 @@
                     }]
             }] });
 
+    /**
+     * NOTICE: DO NOT MODIFY THIS FILE!
+     * The contents of this file were automatically generated by
+     * the 'ng generate @skyux/i18n:lib-resources-module 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
      */
@@ -474,38 +569,6 @@
                 type: i0.Injectable
             }], ctorParameters: function () { return [{ type: i1__namespace.SkyAppWindowRef }]; } });
 
-    /**
-     * @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,
-                    }]
-            }] });
-
     /**
      * Specifies the type of message to send to the back to top component.
      */
@@ -634,69 +697,6 @@
                     type: i0.Input
                 }] } });
 
-    /**
-     * NOTICE: DO NOT MODIFY THIS FILE!
-     * The contents of this file were automatically generated by
-     * the 'ng generate @skyux/i18n:lib-resources-module 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,
-                            },
-                        ],
-                    }]
-            }] });
-
     var SkyBackToTopModule = /** @class */ (function () {
         function SkyBackToTopModule() {
         }
@@ -1339,71 +1339,6 @@
                     }]
             }] });
 
-    /**
-     * @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
-            }] });
-
-    /**
-     * 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
-                }] } });
-
     /**
      * Wraps the label-value pairs in the definition list.
      */
@@ -1444,6 +1379,22 @@
                     }]
             }] });
 
+    /**
+     * @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.
      */
@@ -1485,6 +1436,55 @@
                     }]
             }], 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() {
         }
@@ -1522,73 +1522,6 @@
                     }]
             }] });
 
-    /**
-     * @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 }]; } });
-
-    /**
-     * 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,
-                        }]
-                }] } });
-
     /**
      * @internal
      */
@@ -1645,18 +1578,43 @@
         };
         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: [{
+    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-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",
+                        selector: 'sky-description-list-term',
+                        template: "<ng-template #termTemplateRef>\n  <ng-content></ng-content>\n</ng-template>\n",
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     }]
-            }], ctorParameters: function () { return [{ type: SkyDescriptionListService }, { type: i0__namespace.ChangeDetectorRef }, { type: i3__namespace$1.SkyThemeService }]; }, propDecorators: { templateRef: [{
+            }], propDecorators: { templateRef: [{
                     type: i0.ViewChild,
-                    args: ['descriptionTemplateRef', {
+                    args: ['termTemplateRef', {
                             read: i0.TemplateRef,
                             static: true,
                         }]
@@ -1686,6 +1644,48 @@
                     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.
      */
@@ -1882,33 +1882,6 @@
         SkyFluidGridGutterSize[SkyFluidGridGutterSize["Large"] = 2] = "Large";
     })(exports.SkyFluidGridGutterSize || (exports.SkyFluidGridGutterSize = {}));
 
-    /**
-     * 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 SkyColumnComponent = /** @class */ (function () {
         function SkyColumnComponent() {
         }
@@ -2042,6 +2015,33 @@
                     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() {
         }
@@ -2817,36 +2817,6 @@
                     }]
             }] });
 
-    /**
-     * @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 }]; } });
-
     /**
      * @internal
      */
@@ -2880,6 +2850,36 @@
                     }]
             }], 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.
      */
@@ -3386,6 +3386,25 @@
                     }]
             }] });
 
+    /**
+     * 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.
      */
@@ -3405,6 +3424,27 @@
                     }]
             }] });
 
+    /**
+     * 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.
      */
@@ -3431,46 +3471,6 @@
                     args: [SkyToolbarSectionComponent, { descendants: true }]
                 }] } });
 
-    /**
-     * 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",
-                    }]
-            }] });
-
-    /**
-     * 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,
-                    }]
-            }] });
-
     var SkyToolbarModule = /** @class */ (function () {
         function SkyToolbarModule() {
         }