@skyux/lists 5.7.2 → 6.0.0-beta.2

package/bundles/skyux-lists.umd.js

@@ -1,2149 +0,0 @@
-(function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('@skyux/indicators'), require('@skyux/theme'), require('@skyux/i18n'), require('rxjs'), require('rxjs/operators'), require('@skyux/core'), require('@skyux/forms'), require('@skyux/inline-form'), require('ng2-dragula'), require('@skyux/animations'), require('@skyux/popovers')) :
-    typeof define === 'function' && define.amd ? define('@skyux/lists', ['exports', '@angular/common', '@angular/core', '@skyux/indicators', '@skyux/theme', '@skyux/i18n', 'rxjs', 'rxjs/operators', '@skyux/core', '@skyux/forms', '@skyux/inline-form', 'ng2-dragula', '@skyux/animations', '@skyux/popovers'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.skyux = global.skyux || {}, global.skyux.lists = {}), global.ng.common, global.ng.core, global.i1, global.i3, global.i4, global.rxjs, global.rxjs.operators, global.i1$1, global.i6, global.i4$1, global.i3$1, global.animations, global.i1$2));
-})(this, (function (exports, i2, i0, i1, i3, i4, rxjs, operators, i1$1, i6, i4$1, i3$1, animations, i1$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 i2__namespace = /*#__PURE__*/_interopNamespace(i2);
-    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
-    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
-    var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
-    var i4__namespace = /*#__PURE__*/_interopNamespace(i4);
-    var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
-    var i6__namespace = /*#__PURE__*/_interopNamespace(i6);
-    var i4__namespace$1 = /*#__PURE__*/_interopNamespace(i4$1);
-    var i3__namespace$1 = /*#__PURE__*/_interopNamespace(i3$1);
-    var i1__namespace$2 = /*#__PURE__*/_interopNamespace(i1$2);
-
-    /**
-     * 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-lists' schematic.
-     * To update this file, simply rerun the command.
-     */
-    var RESOURCES = {
-        'EN-US': {
-            skyux_filter_button_title: { message: 'Filter' },
-            skyux_filter_summary_close: { message: 'Remove filter' },
-            skyux_filter_summary_header: { message: 'Filter' },
-            skyux_infinite_scroll_load_more_button: { message: 'Load more' },
-            skyux_paging_label: { message: 'Pagination' },
-            skyux_paging_next: { message: 'Next' },
-            skyux_paging_previous: { message: 'Previous' },
-            skyux_repeater_label: { message: 'List of items' },
-            skyux_repeater_item_expand: { message: 'Expand or collapse {0}' },
-            skyux_repeater_item_expand_default: { message: 'Expand or collapse' },
-            skyux_repeater_item_checkbox_label: { message: 'Select {0}' },
-            skyux_repeater_item_checkbox_label_default: { message: 'Select row' },
-            skyux_repeater_item_reorder_cancel: {
-                message: 'Item reordering was canceled. The item was returned to its original position.',
-            },
-            skyux_repeater_item_reorder_finish: {
-                message: 'Dropped the item in position',
-            },
-            skyux_repeater_item_reorder_instructions: {
-                message: 'Item grabbed. Press the up and down arrow keys to change position. Press the spacebar or enter key to drop. And press the escape key to cancel.',
-            },
-            skyux_repeater_item_reorder_moved: {
-                message: 'Moved the item to position',
-            },
-            skyux_repeater_item_reorder_label_default: { message: 'Reorder' },
-            skyux_repeater_item_reorder_label: { message: 'Reorder {0}' },
-            skyux_repeater_item_reorder_operation: {
-                message: 'Press the spacebar or enter key to reorder.',
-            },
-            skyux_repeater_item_reorder_top: { message: 'Top' },
-            skyux_repeater_item_reorder_top_label: { message: 'Move {0} to top' },
-            skyux_repeater_item_reorder_top_label_default: { message: 'Move to top' },
-            skyux_sort_button_label: { message: 'Sort' },
-            skyux_sort_menu_heading: { message: 'Sort by' },
-        },
-    };
-    var SkyListsResourcesProvider = /** @class */ (function () {
-        function SkyListsResourcesProvider() {
-        }
-        SkyListsResourcesProvider.prototype.getString = function (localeInfo, name) {
-            return i4.getLibStringForLocale(RESOURCES, localeInfo.locale, name);
-        };
-        return SkyListsResourcesProvider;
-    }());
-    /**
-     * Import into any component library module that needs to use resource strings.
-     */
-    var SkyListsResourcesModule = /** @class */ (function () {
-        function SkyListsResourcesModule() {
-        }
-        return SkyListsResourcesModule;
-    }());
-    SkyListsResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListsResourcesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyListsResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListsResourcesModule, exports: [i4.SkyI18nModule] });
-    SkyListsResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListsResourcesModule, providers: [
-            {
-                provide: i4.SKY_LIB_RESOURCES_PROVIDERS,
-                useClass: SkyListsResourcesProvider,
-                multi: true,
-            },
-        ], imports: [i4.SkyI18nModule] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyListsResourcesModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        exports: [i4.SkyI18nModule],
-                        providers: [
-                            {
-                                provide: i4.SKY_LIB_RESOURCES_PROVIDERS,
-                                useClass: SkyListsResourcesProvider,
-                                multi: true,
-                            },
-                        ],
-                    }]
-            }] });
-
-    var nextId = 0;
-    var SkyFilterButtonComponent = /** @class */ (function () {
-        function SkyFilterButtonComponent() {
-            /**
-             * Indicates whether to highlight the filter button to indicate that filters were applied.
-             * We recommend setting this property to `true` when no indication of filtering is visible
-             * to users. For example, set it to `true` if you do not display the filter summary.
-             */
-            this.active = false;
-            /**
-             * Indicates whether to disable the filter button.
-             */
-            this.disabled = false;
-            /**
-             * Indicates whether to display a **Filter** label beside the icon on the filter button.
-             */
-            this.showButtonText = false;
-            /**
-             * Fires when the filter button is selected.
-             */
-            this.filterButtonClick = new i0.EventEmitter();
-        }
-        Object.defineProperty(SkyFilterButtonComponent.prototype, "filterButtonId", {
-            /**
-             * Specifies an ID for the filter button.
-             */
-            get: function () {
-                return this._filterButtonId || "sky-filter-button-" + ++nextId;
-            },
-            set: function (value) {
-                this._filterButtonId = value;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SkyFilterButtonComponent.prototype.filterButtonOnClick = function () {
-            this.filterButtonClick.emit(undefined);
-        };
-        return SkyFilterButtonComponent;
-    }());
-    SkyFilterButtonComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyFilterButtonComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyFilterButtonComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyFilterButtonComponent, selector: "sky-filter-button", inputs: { filterButtonId: "filterButtonId", ariaControls: "ariaControls", ariaExpanded: "ariaExpanded", active: "active", disabled: "disabled", showButtonText: "showButtonText" }, outputs: { filterButtonClick: "filterButtonClick" }, ngImport: i0__namespace, template: "<button\n  class=\"sky-btn sky-btn-default sky-filter-btn\"\n  type=\"button\"\n  [attr.aria-controls]=\"ariaControls\"\n  [attr.aria-expanded]=\"ariaExpanded\"\n  [attr.aria-label]=\"'skyux_filter_button_title' | skyLibResources\"\n  [attr.title]=\"'skyux_filter_button_title' | skyLibResources\"\n  [disabled]=\"disabled\"\n  [id]=\"filterButtonId\"\n  [ngClass]=\"{\n    'sky-filter-btn-active': active\n  }\"\n  [skyThemeClass]=\"{\n    'sky-rounded-corners': 'default',\n    'sky-theme-modern': 'modern'\n  }\"\n  (click)=\"filterButtonOnClick()\"\n>\n  <sky-icon *skyThemeIf=\"'default'\" icon=\"filter\" size=\"lg\"> </sky-icon>\n  <sky-icon *skyThemeIf=\"'modern'\" icon=\"filter\" iconType=\"skyux\"></sky-icon>\n  <span *ngIf=\"showButtonText\" class=\"sky-filter-btn-text\">\n    {{ 'skyux_filter_button_title' | skyLibResources }}\n  </span>\n</button>\n", styles: [".sky-filter-btn-active,.sky-filter-btn-active:hover,.sky-filter-btn-active:focus{color:#72bf44;border:2px solid #72bf44;padding:5px 11px}.sky-filter-btn-active:hover,.sky-filter-btn-active:focus{color:#212327}.sky-theme-modern.sky-filter-btn-active,.sky-theme-modern.sky-filter-btn-active:hover,.sky-theme-modern.sky-filter-btn-active:focus{color:initial;border:none;box-shadow:inset 0 0 0 1px #0974a1;background-color:#c1e8fb;color:#212327;padding:9px 21px}.sky-theme-modern.sky-filter-btn-active:hover,.sky-theme-modern.sky-filter-btn-active:hover:hover,.sky-theme-modern.sky-filter-btn-active:focus:hover{border:none;box-shadow:inset 0 0 0 1px #0974a1;text-decoration:none}.sky-theme-modern.sky-filter-btn-active:hover,.sky-theme-modern.sky-filter-btn-active:active,.sky-theme-modern.sky-filter-btn-active.sky-btn-active,.sky-theme-modern.sky-filter-btn-active:hover:hover,.sky-theme-modern.sky-filter-btn-active:hover:active,.sky-theme-modern.sky-filter-btn-active:hover.sky-btn-active,.sky-theme-modern.sky-filter-btn-active:focus:hover,.sky-theme-modern.sky-filter-btn-active:focus:active,.sky-theme-modern.sky-filter-btn-active:focus.sky-btn-active{color:#212327}.sky-theme-modern.sky-filter-btn-active:active,.sky-theme-modern.sky-filter-btn-active.sky-btn-active,.sky-theme-modern.sky-filter-btn-active:hover:active,.sky-theme-modern.sky-filter-btn-active:hover.sky-btn-active,.sky-theme-modern.sky-filter-btn-active:focus:active,.sky-theme-modern.sky-filter-btn-active:focus.sky-btn-active{border:none;box-shadow:inset 0 0 0 2px #0974a1;background-image:none}.sky-theme-modern.sky-filter-btn-active.sky-btn-disabled,.sky-theme-modern.sky-filter-btn-active.sky-btn-disabled:hover,.sky-theme-modern.sky-filter-btn-active.sky-btn-disabled:focus,.sky-theme-modern.sky-filter-btn-active.sky-btn-disabled.sky-btn-focus,.sky-theme-modern.sky-filter-btn-active.sky-btn-disabled:active,.sky-theme-modern.sky-filter-btn-active.sky-btn-disabled.sky-btn-active,.sky-theme-modern.sky-filter-btn-active[disabled],.sky-theme-modern.sky-filter-btn-active[disabled]:hover,.sky-theme-modern.sky-filter-btn-active[disabled]:focus,.sky-theme-modern.sky-filter-btn-active[disabled].sky-btn-focus,.sky-theme-modern.sky-filter-btn-active[disabled]:active,.sky-theme-modern.sky-filter-btn-active[disabled].sky-btn-active,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:hover,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:focus,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active.sky-btn-focus,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:active,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active.sky-btn-active,.sky-theme-modern.sky-filter-btn-active:hover.sky-btn-disabled,.sky-theme-modern.sky-filter-btn-active:hover.sky-btn-disabled:hover,.sky-theme-modern.sky-filter-btn-active:hover.sky-btn-disabled:focus,.sky-theme-modern.sky-filter-btn-active:hover.sky-btn-disabled.sky-btn-focus,.sky-theme-modern.sky-filter-btn-active:hover.sky-btn-disabled:active,.sky-theme-modern.sky-filter-btn-active:hover.sky-btn-disabled.sky-btn-active,.sky-theme-modern.sky-filter-btn-active:hover[disabled],.sky-theme-modern.sky-filter-btn-active:hover[disabled]:hover,.sky-theme-modern.sky-filter-btn-active:hover[disabled]:focus,.sky-theme-modern.sky-filter-btn-active:hover[disabled].sky-btn-focus,.sky-theme-modern.sky-filter-btn-active:hover[disabled]:active,.sky-theme-modern.sky-filter-btn-active:hover[disabled].sky-btn-active,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:hover,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:hover:hover,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:hover:focus,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:hover.sky-btn-focus,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:hover:active,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:hover.sky-btn-active,.sky-theme-modern.sky-filter-btn-active:focus.sky-btn-disabled,.sky-theme-modern.sky-filter-btn-active:focus.sky-btn-disabled:hover,.sky-theme-modern.sky-filter-btn-active:focus.sky-btn-disabled:focus,.sky-theme-modern.sky-filter-btn-active:focus.sky-btn-disabled.sky-btn-focus,.sky-theme-modern.sky-filter-btn-active:focus.sky-btn-disabled:active,.sky-theme-modern.sky-filter-btn-active:focus.sky-btn-disabled.sky-btn-active,.sky-theme-modern.sky-filter-btn-active:focus[disabled],.sky-theme-modern.sky-filter-btn-active:focus[disabled]:hover,.sky-theme-modern.sky-filter-btn-active:focus[disabled]:focus,.sky-theme-modern.sky-filter-btn-active:focus[disabled].sky-btn-focus,.sky-theme-modern.sky-filter-btn-active:focus[disabled]:active,.sky-theme-modern.sky-filter-btn-active:focus[disabled].sky-btn-active,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:focus,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:focus:hover,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:focus:focus,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:focus.sky-btn-focus,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:focus:active,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:focus.sky-btn-active{border:none;box-shadow:inset 0 0 0 1px #d2d2d2;background-color:#ededee;color:#686c73;opacity:1}.sky-theme-modern.sky-filter-btn-active:focus,.sky-theme-modern.sky-filter-btn-active:hover:focus,.sky-theme-modern.sky-filter-btn-active:focus:focus{outline:none}.sky-theme-modern.sky-filter-btn-active:focus:not(:active),.sky-theme-modern.sky-filter-btn-active:hover:focus:not(:active),.sky-theme-modern.sky-filter-btn-active:focus:focus:not(:active){border:none;box-shadow:inset 0 0 0 2px #0974a1,0 1px 8px #0000004d}:host .sky-filter-btn-text{display:none}:host .sky-filter-btn ::ng-deep .sky-dropdown-caret{display:none}:host-context(.sky-responsive-container-xs) .sky-filter-btn-text,:host-context(.sky-responsive-container-sm) .sky-filter-btn-text,:host-context(.sky-responsive-container-md) .sky-filter-btn-text,:host-context(.sky-responsive-container-lg) .sky-filter-btn-text{display:none}:host-context(.sky-responsive-container-xs) .sky-filter-btn ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-sm) .sky-filter-btn ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-md) .sky-filter-btn ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-lg) .sky-filter-btn ::ng-deep .sky-dropdown-caret{display:none}@media (min-width: 768px){:host .sky-filter-btn-text{display:inline}:host .sky-filter-btn ::ng-deep .sky-dropdown-caret{display:inline-block}}:host-context(.sky-responsive-container-sm) .sky-filter-btn-text,:host-context(.sky-responsive-container-md) .sky-filter-btn-text,:host-context(.sky-responsive-container-lg) .sky-filter-btn-text{display:inline}:host-context(.sky-responsive-container-sm) .sky-filter-btn ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-md) .sky-filter-btn ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-lg) .sky-filter-btn ::ng-deep .sky-dropdown-caret{display:inline-block}\n"], components: [{ type: i1__namespace.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], directives: [{ type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3__namespace.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }, { type: i3__namespace.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "skyLibResources": i4__namespace.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyFilterButtonComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-filter-button',
-                        styles: [".sky-filter-btn-active,.sky-filter-btn-active:hover,.sky-filter-btn-active:focus{color:#72bf44;border:2px solid #72bf44;padding:5px 11px}.sky-filter-btn-active:hover,.sky-filter-btn-active:focus{color:#212327}.sky-theme-modern.sky-filter-btn-active,.sky-theme-modern.sky-filter-btn-active:hover,.sky-theme-modern.sky-filter-btn-active:focus{color:initial;border:none;box-shadow:inset 0 0 0 1px #0974a1;background-color:#c1e8fb;color:#212327;padding:9px 21px}.sky-theme-modern.sky-filter-btn-active:hover,.sky-theme-modern.sky-filter-btn-active:hover:hover,.sky-theme-modern.sky-filter-btn-active:focus:hover{border:none;box-shadow:inset 0 0 0 1px #0974a1;text-decoration:none}.sky-theme-modern.sky-filter-btn-active:hover,.sky-theme-modern.sky-filter-btn-active:active,.sky-theme-modern.sky-filter-btn-active.sky-btn-active,.sky-theme-modern.sky-filter-btn-active:hover:hover,.sky-theme-modern.sky-filter-btn-active:hover:active,.sky-theme-modern.sky-filter-btn-active:hover.sky-btn-active,.sky-theme-modern.sky-filter-btn-active:focus:hover,.sky-theme-modern.sky-filter-btn-active:focus:active,.sky-theme-modern.sky-filter-btn-active:focus.sky-btn-active{color:#212327}.sky-theme-modern.sky-filter-btn-active:active,.sky-theme-modern.sky-filter-btn-active.sky-btn-active,.sky-theme-modern.sky-filter-btn-active:hover:active,.sky-theme-modern.sky-filter-btn-active:hover.sky-btn-active,.sky-theme-modern.sky-filter-btn-active:focus:active,.sky-theme-modern.sky-filter-btn-active:focus.sky-btn-active{border:none;box-shadow:inset 0 0 0 2px #0974a1;background-image:none}.sky-theme-modern.sky-filter-btn-active.sky-btn-disabled,.sky-theme-modern.sky-filter-btn-active.sky-btn-disabled:hover,.sky-theme-modern.sky-filter-btn-active.sky-btn-disabled:focus,.sky-theme-modern.sky-filter-btn-active.sky-btn-disabled.sky-btn-focus,.sky-theme-modern.sky-filter-btn-active.sky-btn-disabled:active,.sky-theme-modern.sky-filter-btn-active.sky-btn-disabled.sky-btn-active,.sky-theme-modern.sky-filter-btn-active[disabled],.sky-theme-modern.sky-filter-btn-active[disabled]:hover,.sky-theme-modern.sky-filter-btn-active[disabled]:focus,.sky-theme-modern.sky-filter-btn-active[disabled].sky-btn-focus,.sky-theme-modern.sky-filter-btn-active[disabled]:active,.sky-theme-modern.sky-filter-btn-active[disabled].sky-btn-active,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:hover,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:focus,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active.sky-btn-focus,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:active,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active.sky-btn-active,.sky-theme-modern.sky-filter-btn-active:hover.sky-btn-disabled,.sky-theme-modern.sky-filter-btn-active:hover.sky-btn-disabled:hover,.sky-theme-modern.sky-filter-btn-active:hover.sky-btn-disabled:focus,.sky-theme-modern.sky-filter-btn-active:hover.sky-btn-disabled.sky-btn-focus,.sky-theme-modern.sky-filter-btn-active:hover.sky-btn-disabled:active,.sky-theme-modern.sky-filter-btn-active:hover.sky-btn-disabled.sky-btn-active,.sky-theme-modern.sky-filter-btn-active:hover[disabled],.sky-theme-modern.sky-filter-btn-active:hover[disabled]:hover,.sky-theme-modern.sky-filter-btn-active:hover[disabled]:focus,.sky-theme-modern.sky-filter-btn-active:hover[disabled].sky-btn-focus,.sky-theme-modern.sky-filter-btn-active:hover[disabled]:active,.sky-theme-modern.sky-filter-btn-active:hover[disabled].sky-btn-active,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:hover,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:hover:hover,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:hover:focus,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:hover.sky-btn-focus,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:hover:active,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:hover.sky-btn-active,.sky-theme-modern.sky-filter-btn-active:focus.sky-btn-disabled,.sky-theme-modern.sky-filter-btn-active:focus.sky-btn-disabled:hover,.sky-theme-modern.sky-filter-btn-active:focus.sky-btn-disabled:focus,.sky-theme-modern.sky-filter-btn-active:focus.sky-btn-disabled.sky-btn-focus,.sky-theme-modern.sky-filter-btn-active:focus.sky-btn-disabled:active,.sky-theme-modern.sky-filter-btn-active:focus.sky-btn-disabled.sky-btn-active,.sky-theme-modern.sky-filter-btn-active:focus[disabled],.sky-theme-modern.sky-filter-btn-active:focus[disabled]:hover,.sky-theme-modern.sky-filter-btn-active:focus[disabled]:focus,.sky-theme-modern.sky-filter-btn-active:focus[disabled].sky-btn-focus,.sky-theme-modern.sky-filter-btn-active:focus[disabled]:active,.sky-theme-modern.sky-filter-btn-active:focus[disabled].sky-btn-active,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:focus,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:focus:hover,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:focus:focus,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:focus.sky-btn-focus,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:focus:active,fieldset[disabled] .sky-theme-modern.sky-filter-btn-active:focus.sky-btn-active{border:none;box-shadow:inset 0 0 0 1px #d2d2d2;background-color:#ededee;color:#686c73;opacity:1}.sky-theme-modern.sky-filter-btn-active:focus,.sky-theme-modern.sky-filter-btn-active:hover:focus,.sky-theme-modern.sky-filter-btn-active:focus:focus{outline:none}.sky-theme-modern.sky-filter-btn-active:focus:not(:active),.sky-theme-modern.sky-filter-btn-active:hover:focus:not(:active),.sky-theme-modern.sky-filter-btn-active:focus:focus:not(:active){border:none;box-shadow:inset 0 0 0 2px #0974a1,0 1px 8px #0000004d}:host .sky-filter-btn-text{display:none}:host .sky-filter-btn ::ng-deep .sky-dropdown-caret{display:none}:host-context(.sky-responsive-container-xs) .sky-filter-btn-text,:host-context(.sky-responsive-container-sm) .sky-filter-btn-text,:host-context(.sky-responsive-container-md) .sky-filter-btn-text,:host-context(.sky-responsive-container-lg) .sky-filter-btn-text{display:none}:host-context(.sky-responsive-container-xs) .sky-filter-btn ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-sm) .sky-filter-btn ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-md) .sky-filter-btn ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-lg) .sky-filter-btn ::ng-deep .sky-dropdown-caret{display:none}@media (min-width: 768px){:host .sky-filter-btn-text{display:inline}:host .sky-filter-btn ::ng-deep .sky-dropdown-caret{display:inline-block}}:host-context(.sky-responsive-container-sm) .sky-filter-btn-text,:host-context(.sky-responsive-container-md) .sky-filter-btn-text,:host-context(.sky-responsive-container-lg) .sky-filter-btn-text{display:inline}:host-context(.sky-responsive-container-sm) .sky-filter-btn ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-md) .sky-filter-btn ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-lg) .sky-filter-btn ::ng-deep .sky-dropdown-caret{display:inline-block}\n"],
-                        template: "<button\n  class=\"sky-btn sky-btn-default sky-filter-btn\"\n  type=\"button\"\n  [attr.aria-controls]=\"ariaControls\"\n  [attr.aria-expanded]=\"ariaExpanded\"\n  [attr.aria-label]=\"'skyux_filter_button_title' | skyLibResources\"\n  [attr.title]=\"'skyux_filter_button_title' | skyLibResources\"\n  [disabled]=\"disabled\"\n  [id]=\"filterButtonId\"\n  [ngClass]=\"{\n    'sky-filter-btn-active': active\n  }\"\n  [skyThemeClass]=\"{\n    'sky-rounded-corners': 'default',\n    'sky-theme-modern': 'modern'\n  }\"\n  (click)=\"filterButtonOnClick()\"\n>\n  <sky-icon *skyThemeIf=\"'default'\" icon=\"filter\" size=\"lg\"> </sky-icon>\n  <sky-icon *skyThemeIf=\"'modern'\" icon=\"filter\" iconType=\"skyux\"></sky-icon>\n  <span *ngIf=\"showButtonText\" class=\"sky-filter-btn-text\">\n    {{ 'skyux_filter_button_title' | skyLibResources }}\n  </span>\n</button>\n",
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    }]
-            }], propDecorators: { filterButtonId: [{
-                    type: i0.Input
-                }], ariaControls: [{
-                    type: i0.Input
-                }], ariaExpanded: [{
-                    type: i0.Input
-                }], active: [{
-                    type: i0.Input
-                }], disabled: [{
-                    type: i0.Input
-                }], showButtonText: [{
-                    type: i0.Input
-                }], filterButtonClick: [{
-                    type: i0.Output
-                }] } });
-
-    /**
-     * Specifies an inline filter.
-     */
-    var SkyFilterInlineItemComponent = /** @class */ (function () {
-        function SkyFilterInlineItemComponent() {
-        }
-        return SkyFilterInlineItemComponent;
-    }());
-    SkyFilterInlineItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyFilterInlineItemComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyFilterInlineItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyFilterInlineItemComponent, selector: "sky-filter-inline-item", ngImport: i0__namespace, template: "<div class=\"sky-filter-inline-item\">\n  <ng-content></ng-content>\n</div>\n", styles: [".sky-filter-inline-item{margin-right:10px}\n"] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyFilterInlineItemComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-filter-inline-item',
-                        styles: [".sky-filter-inline-item{margin-right:10px}\n"],
-                        template: "<div class=\"sky-filter-inline-item\">\n  <ng-content></ng-content>\n</div>\n",
-                    }]
-            }] });
-
-    /**
-     * Specifies a wrapper for the inline filters.
-     */
-    var SkyFilterInlineComponent = /** @class */ (function () {
-        function SkyFilterInlineComponent() {
-        }
-        return SkyFilterInlineComponent;
-    }());
-    SkyFilterInlineComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyFilterInlineComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyFilterInlineComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyFilterInlineComponent, selector: "sky-filter-inline", ngImport: i0__namespace, template: "<div class=\"sky-filter-inline sky-padding-even-default\">\n  <ng-content></ng-content>\n</div>\n", styles: [".sky-filter-inline{background-color:#eeeeef;display:flex;align-items:center}\n"] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyFilterInlineComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-filter-inline',
-                        styles: [".sky-filter-inline{background-color:#eeeeef;display:flex;align-items:center}\n"],
-                        template: "<div class=\"sky-filter-inline sky-padding-even-default\">\n  <ng-content></ng-content>\n</div>\n",
-                    }]
-            }] });
-
-    /**
-     * Specifies a filter that was applied.
-     */
-    var SkyFilterSummaryItemComponent = /** @class */ (function () {
-        function SkyFilterSummaryItemComponent() {
-            /**
-             * Indicates whether the filter summary item has a close button.
-             */
-            this.dismissible = true;
-            /**
-             * Fires when the summary item close button is selected.
-             */
-            this.dismiss = new i0.EventEmitter();
-            /**
-             * Fires when the summary item is selected.
-             */
-            this.itemClick = new i0.EventEmitter();
-        }
-        SkyFilterSummaryItemComponent.prototype.onItemDismiss = function () {
-            this.dismiss.emit();
-        };
-        SkyFilterSummaryItemComponent.prototype.onItemClick = function () {
-            this.itemClick.emit();
-        };
-        SkyFilterSummaryItemComponent.prototype.onItemKeypress = function () {
-            this.itemClick.emit();
-        };
-        return SkyFilterSummaryItemComponent;
-    }());
-    SkyFilterSummaryItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyFilterSummaryItemComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyFilterSummaryItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyFilterSummaryItemComponent, selector: "sky-filter-summary-item", inputs: { dismissible: "dismissible" }, outputs: { dismiss: "dismiss", itemClick: "itemClick" }, ngImport: i0__namespace, template: "<div\n  class=\"sky-filter-summary-item\"\n  (click)=\"onItemClick()\"\n  (keypress.enter)=\"onItemKeypress()\"\n>\n  <sky-token\n    [ariaLabel]=\"'skyux_filter_summary_close' | skyLibResources\"\n    [dismissible]=\"dismissible\"\n    (dismiss)=\"onItemDismiss()\"\n  >\n    <ng-content> </ng-content>\n  </sky-token>\n</div>\n", styles: [".sky-filter-summary-item{display:inline-block}:host:not(:last-child){margin-right:5px}:host-context(.sky-theme-modern) .sky-filter-summary-item{padding:0 0 5px}.sky-theme-modern .sky-filter-summary-item{padding:0 0 5px}\n"], components: [{ type: i1__namespace.λ12, selector: "sky-token", inputs: ["disabled", "ariaLabel", "dismissible", "focusable"], outputs: ["dismiss", "tokenFocus"] }], pipes: { "skyLibResources": i4__namespace.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyFilterSummaryItemComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-filter-summary-item',
-                        styles: [".sky-filter-summary-item{display:inline-block}:host:not(:last-child){margin-right:5px}:host-context(.sky-theme-modern) .sky-filter-summary-item{padding:0 0 5px}.sky-theme-modern .sky-filter-summary-item{padding:0 0 5px}\n"],
-                        template: "<div\n  class=\"sky-filter-summary-item\"\n  (click)=\"onItemClick()\"\n  (keypress.enter)=\"onItemKeypress()\"\n>\n  <sky-token\n    [ariaLabel]=\"'skyux_filter_summary_close' | skyLibResources\"\n    [dismissible]=\"dismissible\"\n    (dismiss)=\"onItemDismiss()\"\n  >\n    <ng-content> </ng-content>\n  </sky-token>\n</div>\n",
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    }]
-            }], propDecorators: { dismissible: [{
-                    type: i0.Input
-                }], dismiss: [{
-                    type: i0.Output
-                }], itemClick: [{
-                    type: i0.Output
-                }] } });
-
-    /**
-     * Specifies a wrapper for the filters that were applied.
-     */
-    var SkyFilterSummaryComponent = /** @class */ (function () {
-        function SkyFilterSummaryComponent() {
-        }
-        return SkyFilterSummaryComponent;
-    }());
-    SkyFilterSummaryComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyFilterSummaryComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyFilterSummaryComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyFilterSummaryComponent, selector: "sky-filter-summary", ngImport: i0__namespace, template: "<div class=\"sky-filter-summary\">\n  <span class=\"sky-filter-summary-header\"\n    >{{ 'skyux_filter_summary_header' | skyLibResources }}:</span\n  >\n  <div class=\"sky-filter-summary-items\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", styles: [".sky-filter-summary-header{margin:5px 10px 0 0;font-weight:600}.sky-filter-summary{background-color:#fff;overflow-x:auto;display:flex;align-items:flex-start}.sky-filter-summary-items{display:flex;flex-wrap:wrap}:host-context(.sky-theme-modern) .sky-filter-summary-header{margin:0 10px 0 0}.sky-theme-modern .sky-filter-summary-header{margin:0 10px 0 0}\n"], pipes: { "skyLibResources": i4__namespace.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyFilterSummaryComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-filter-summary',
-                        styles: [".sky-filter-summary-header{margin:5px 10px 0 0;font-weight:600}.sky-filter-summary{background-color:#fff;overflow-x:auto;display:flex;align-items:flex-start}.sky-filter-summary-items{display:flex;flex-wrap:wrap}:host-context(.sky-theme-modern) .sky-filter-summary-header{margin:0 10px 0 0}.sky-theme-modern .sky-filter-summary-header{margin:0 10px 0 0}\n"],
-                        template: "<div class=\"sky-filter-summary\">\n  <span class=\"sky-filter-summary-header\"\n    >{{ 'skyux_filter_summary_header' | skyLibResources }}:</span\n  >\n  <div class=\"sky-filter-summary-items\">\n    <ng-content></ng-content>\n  </div>\n</div>\n",
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    }]
-            }] });
-
-    var SkyFilterModule = /** @class */ (function () {
-        function SkyFilterModule() {
-        }
-        return SkyFilterModule;
-    }());
-    SkyFilterModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyFilterModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyFilterModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyFilterModule, declarations: [SkyFilterButtonComponent,
-            SkyFilterInlineComponent,
-            SkyFilterInlineItemComponent,
-            SkyFilterSummaryComponent,
-            SkyFilterSummaryItemComponent], imports: [i2.CommonModule,
-            i1.SkyIconModule,
-            SkyListsResourcesModule,
-            i1.SkyTokensModule,
-            i3.SkyThemeModule], exports: [SkyFilterButtonComponent,
-            SkyFilterInlineComponent,
-            SkyFilterInlineItemComponent,
-            SkyFilterSummaryComponent,
-            SkyFilterSummaryItemComponent] });
-    SkyFilterModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyFilterModule, imports: [[
-                i2.CommonModule,
-                i1.SkyIconModule,
-                SkyListsResourcesModule,
-                i1.SkyTokensModule,
-                i3.SkyThemeModule,
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyFilterModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [
-                            SkyFilterButtonComponent,
-                            SkyFilterInlineComponent,
-                            SkyFilterInlineItemComponent,
-                            SkyFilterSummaryComponent,
-                            SkyFilterSummaryItemComponent,
-                        ],
-                        imports: [
-                            i2.CommonModule,
-                            i1.SkyIconModule,
-                            SkyListsResourcesModule,
-                            i1.SkyTokensModule,
-                            i3.SkyThemeModule,
-                        ],
-                        exports: [
-                            SkyFilterButtonComponent,
-                            SkyFilterInlineComponent,
-                            SkyFilterInlineItemComponent,
-                            SkyFilterSummaryComponent,
-                            SkyFilterSummaryItemComponent,
-                        ],
-                    }]
-            }] });
-
-    /**
-     * @internal
-     */
-    var SkyInfiniteScrollDomAdapterService = /** @class */ (function () {
-        function SkyInfiniteScrollDomAdapterService(windowRef) {
-            this.windowRef = windowRef;
-            this.ngUnsubscribe = new rxjs.Subject();
-            this._parentChanges = new i0.EventEmitter();
-        }
-        SkyInfiniteScrollDomAdapterService.prototype.ngOnDestroy = function () {
-            this._parentChanges.complete();
-            this.ngUnsubscribe.next();
-            this.ngUnsubscribe.complete();
-        };
-        /**
-         * This event is triggered when child nodes are added to the infinite
-         * scroll parent container. e.g., A repeating list of elements was added.
-         * @param elementRef The infinite scroll element reference.
-         */
-        SkyInfiniteScrollDomAdapterService.prototype.parentChanges = function (elementRef) {
-            this.createObserver(elementRef.nativeElement);
-            return this._parentChanges;
-        };
-        /**
-         * This event is triggered when the provided element reference
-         * is visible (or scrolled to) within its scrollable parent container.
-         * @param elementRef The infinite scroll element reference.
-         */
-        SkyInfiniteScrollDomAdapterService.prototype.scrollTo = function (elementRef) {
-            var _this = this;
-            var parent = this.findScrollableParent(elementRef.nativeElement);
-            return rxjs.fromEvent(parent, 'scroll').pipe(operators.takeUntil(this.ngUnsubscribe), operators.filter(function () {
-                return _this.isElementScrolledInView(elementRef.nativeElement, parent);
-            }), operators.map(function () { return undefined; }) // Change to void return type
-            );
-        };
-        SkyInfiniteScrollDomAdapterService.prototype.createObserver = function (element) {
-            var _this = this;
-            this.observer = new MutationObserver(function (mutations) {
-                var hasUpdates = !!mutations.find(function (mutation) {
-                    return (!element.contains(mutation.target) && mutation.addedNodes.length > 0);
-                });
-                if (hasUpdates) {
-                    _this._parentChanges.emit();
-                }
-            });
-            var windowObj = this.windowRef.nativeWindow;
-            var parent = this.findScrollableParent(element);
-            var observedParent = parent === windowObj ? windowObj.document.body : parent;
-            this.observer.observe(observedParent, {
-                childList: true,
-                subtree: true,
-            });
-        };
-        SkyInfiniteScrollDomAdapterService.prototype.findScrollableParent = function (element) {
-            var regex = /(auto|scroll)/;
-            var windowObj = this.windowRef.nativeWindow;
-            var bodyObj = windowObj.document.body;
-            var style = windowObj.getComputedStyle(element);
-            var parent = element;
-            do {
-                parent = parent.parentNode;
-                style = windowObj.getComputedStyle(parent);
-            } while (!regex.test(style.overflow) &&
-                !regex.test(style.overflowY) &&
-                parent.parentNode &&
-                parent !== bodyObj);
-            if (parent === bodyObj) {
-                return windowObj;
-            }
-            return parent;
-        };
-        SkyInfiniteScrollDomAdapterService.prototype.isElementScrolledInView = function (element, parentElement) {
-            var windowObj = this.windowRef.nativeWindow;
-            if (parentElement === windowObj) {
-                return (parentElement.pageYOffset + parentElement.innerHeight >
-                    element.offsetTop);
-            }
-            var elementRect = element.getBoundingClientRect();
-            var parentRect = parentElement.getBoundingClientRect();
-            return elementRect.top < parentRect.top + parentRect.height;
-        };
-        return SkyInfiniteScrollDomAdapterService;
-    }());
-    SkyInfiniteScrollDomAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyInfiniteScrollDomAdapterService, deps: [{ token: i1__namespace$1.SkyAppWindowRef }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    SkyInfiniteScrollDomAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyInfiniteScrollDomAdapterService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyInfiniteScrollDomAdapterService, decorators: [{
-                type: i0.Injectable
-            }], ctorParameters: function () { return [{ type: i1__namespace$1.SkyAppWindowRef }]; } });
-
-    var SkyInfiniteScrollComponent = /** @class */ (function () {
-        function SkyInfiniteScrollComponent(changeDetector, elementRef, domAdapter) {
-            this.changeDetector = changeDetector;
-            this.elementRef = elementRef;
-            this.domAdapter = domAdapter;
-            /**
-             * Fires when scrolling triggers the need to load more data or when users select the button
-             * to load more data. This event only fires when the `enabled` property is set to `true`
-             * and data is not already loading.
-             */
-            this.scrollEnd = new i0.EventEmitter();
-            this.isWaiting = false;
-            this.ngUnsubscribe = new rxjs.Subject();
-        }
-        Object.defineProperty(SkyInfiniteScrollComponent.prototype, "enabled", {
-            /**
-             * Indicates whether to make the infinite scroll component active when more data is available
-             * to load. By default, infinite scroll is inactive and does not call the load function.
-             * @default false
-             */
-            get: function () {
-                return this._enabled || false;
-            },
-            set: function (value) {
-                if (this._enabled !== value) {
-                    this._enabled = value;
-                    this.setListeners();
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyInfiniteScrollComponent.prototype, "loading", {
-            /**
-             * Indicates whether data is loading because of a `scrollEnd` event. Setting the property
-             * to `true` disables new `scrollEnd` events from firing until it changes to `false`. If this
-             * property is not specified, the infinite scroll component watches the DOM for changes
-             * and fires `scrollEnd` events when changes occur on its parent DOM element. Relying
-             * on this default behavior could fire an excessive number of `scrollEnd` events
-             * if the DOM changes are not related to loading data, so we strongly recommend using this
-             * property to explicitly set the infinite scroll's loading state.
-             * @required
-             */
-            get: function () {
-                return this._loading;
-            },
-            set: function (value) {
-                this._loading = value;
-                if (value !== undefined) {
-                    this.isWaiting = value;
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SkyInfiniteScrollComponent.prototype.ngOnDestroy = function () {
-            this.enabled = false;
-            this.ngUnsubscribe.next();
-            this.ngUnsubscribe.complete();
-        };
-        SkyInfiniteScrollComponent.prototype.startInfiniteScrollLoad = function () {
-            this.notifyScrollEnd();
-        };
-        SkyInfiniteScrollComponent.prototype.notifyScrollEnd = function () {
-            this.isWaiting = true;
-            this.scrollEnd.emit();
-            this.changeDetector.markForCheck();
-        };
-        SkyInfiniteScrollComponent.prototype.setListeners = function () {
-            var _this = this;
-            if (this.enabled) {
-                // The user has scrolled to the infinite scroll element.
-                this.domAdapter
-                    .scrollTo(this.elementRef)
-                    .pipe(operators.takeUntil(this.ngUnsubscribe))
-                    .subscribe(function () {
-                    if (!_this.isWaiting && _this.enabled) {
-                        _this.notifyScrollEnd();
-                    }
-                });
-                // New items have been loaded into the parent element.
-                this.domAdapter
-                    .parentChanges(this.elementRef)
-                    .pipe(operators.takeUntil(this.ngUnsubscribe))
-                    .subscribe(function () {
-                    if (!_this.loading) {
-                        _this.isWaiting = false;
-                        _this.changeDetector.markForCheck();
-                    }
-                });
-            }
-            else {
-                this.ngUnsubscribe.next();
-            }
-        };
-        return SkyInfiniteScrollComponent;
-    }());
-    SkyInfiniteScrollComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyInfiniteScrollComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: i0__namespace.ElementRef }, { token: SkyInfiniteScrollDomAdapterService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyInfiniteScrollComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyInfiniteScrollComponent, selector: "sky-infinite-scroll", inputs: { enabled: "enabled", loading: "loading" }, outputs: { scrollEnd: "scrollEnd" }, providers: [SkyInfiniteScrollDomAdapterService], ngImport: i0__namespace, template: "<div *ngIf=\"enabled\" class=\"sky-infinite-scroll\">\n  <button\n    *ngIf=\"!isWaiting && enabled\"\n    class=\"sky-btn sky-btn-default\"\n    type=\"button\"\n    (click)=\"startInfiniteScrollLoad()\"\n  >\n    {{ 'skyux_infinite_scroll_load_more_button' | skyLibResources }}\n  </button>\n  <sky-wait [isWaiting]=\"isWaiting\"> </sky-wait>\n</div>\n", styles: [".sky-infinite-scroll{margin-top:20px;text-align:center;min-height:75px}\n"], components: [{ type: i1__namespace.λ14, selector: "sky-wait", inputs: ["ariaLabel", "isWaiting", "isFullPage", "isNonBlocking"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "skyLibResources": i4__namespace.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyInfiniteScrollComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-infinite-scroll',
-                        template: "<div *ngIf=\"enabled\" class=\"sky-infinite-scroll\">\n  <button\n    *ngIf=\"!isWaiting && enabled\"\n    class=\"sky-btn sky-btn-default\"\n    type=\"button\"\n    (click)=\"startInfiniteScrollLoad()\"\n  >\n    {{ 'skyux_infinite_scroll_load_more_button' | skyLibResources }}\n  </button>\n  <sky-wait [isWaiting]=\"isWaiting\"> </sky-wait>\n</div>\n",
-                        styles: [".sky-infinite-scroll{margin-top:20px;text-align:center;min-height:75px}\n"],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                        providers: [SkyInfiniteScrollDomAdapterService],
-                    }]
-            }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: i0__namespace.ElementRef }, { type: SkyInfiniteScrollDomAdapterService }]; }, propDecorators: { enabled: [{
-                    type: i0.Input
-                }], loading: [{
-                    type: i0.Input
-                }], scrollEnd: [{
-                    type: i0.Output
-                }] } });
-
-    var SkyInfiniteScrollModule = /** @class */ (function () {
-        function SkyInfiniteScrollModule() {
-        }
-        return SkyInfiniteScrollModule;
-    }());
-    SkyInfiniteScrollModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyInfiniteScrollModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyInfiniteScrollModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyInfiniteScrollModule, declarations: [SkyInfiniteScrollComponent], imports: [i2.CommonModule, SkyListsResourcesModule, i1.SkyWaitModule], exports: [SkyInfiniteScrollComponent] });
-    SkyInfiniteScrollModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyInfiniteScrollModule, imports: [[i2.CommonModule, SkyListsResourcesModule, i1.SkyWaitModule]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyInfiniteScrollModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [SkyInfiniteScrollComponent],
-                        imports: [i2.CommonModule, SkyListsResourcesModule, i1.SkyWaitModule],
-                        exports: [SkyInfiniteScrollComponent],
-                    }]
-            }] });
-
-    var SkyPagingComponent = /** @class */ (function () {
-        function SkyPagingComponent() {
-            /**
-             * Specifies the page number of the current page. Page numbers start at 1 and increment.
-             */
-            this.currentPage = 1;
-            /**
-             * Specifies the total number of items across all pages.
-             */
-            this.itemCount = 0;
-            /**
-             * Specifies the maximum number of pages to display in the pagination control.
-             */
-            this.maxPages = 5;
-            /**
-             * Specifies the number of items to display per page.
-             */
-            this.pageSize = 10;
-            /**
-             * Fires when the current page changes and emits the new current page.
-             */
-            this.currentPageChange = new i0.EventEmitter();
-            this.displayedPages = [];
-            this.pageCount = 0;
-        }
-        SkyPagingComponent.prototype.ngOnChanges = function (changes) {
-            this.setPage(this.currentPage);
-        };
-        SkyPagingComponent.prototype.setPage = function (pageNumber) {
-            var previousPage = this.currentPage;
-            this.setPageCount();
-            if (pageNumber < 1 || this.pageCount < 1) {
-                this.currentPage = 1;
-            }
-            else if (pageNumber > this.pageCount) {
-                this.currentPage = this.pageCount;
-            }
-            else {
-                this.currentPage = pageNumber;
-            }
-            this.setDisplayedPages();
-            if (previousPage !== this.currentPage) {
-                this.currentPageChange.emit(this.currentPage);
-            }
-        };
-        SkyPagingComponent.prototype.nextPage = function () {
-            this.setPage(this.currentPage + 1);
-        };
-        SkyPagingComponent.prototype.previousPage = function () {
-            this.setPage(this.currentPage - 1);
-        };
-        Object.defineProperty(SkyPagingComponent.prototype, "isPreviousButtonDisabled", {
-            get: function () {
-                return this.currentPage === 1;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyPagingComponent.prototype, "isNextButtonDisabled", {
-            get: function () {
-                return this.currentPage === this.pageCount;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SkyPagingComponent.prototype.getDisplayedPageNumbers = function (pageCount, maxDisplayedPages, pageNumber) {
-            var pageIndex = pageNumber - 1;
-            var pageBounds = Math.floor(maxDisplayedPages / 2);
-            var upperBound = pageIndex + pageBounds;
-            var lowerBound = pageIndex - pageBounds;
-            if (maxDisplayedPages % 2 !== 0) {
-                upperBound += 1;
-            }
-            // Wrap negative values to increase the upperbound
-            if (lowerBound < 0) {
-                upperBound -= lowerBound;
-                lowerBound = 0;
-            }
-            // Wrap overflow to decrease the lowerbound
-            if (upperBound > pageCount) {
-                lowerBound -= upperBound - pageCount;
-                upperBound = pageCount;
-            }
-            // If both are the same ignore everything else and just display it all
-            if (pageCount < maxDisplayedPages) {
-                lowerBound = 0;
-                upperBound = pageCount;
-            }
-            var displayedPageNumbers = [];
-            for (var i = lowerBound; i < upperBound; i++) {
-                displayedPageNumbers.push(i + 1);
-            }
-            return displayedPageNumbers;
-        };
-        SkyPagingComponent.prototype.setPageCount = function () {
-            if (this.itemCount === 0 || this.pageSize === 0) {
-                this.pageCount = 0;
-                return;
-            }
-            this.pageCount = Math.ceil(this.itemCount / this.pageSize);
-        };
-        SkyPagingComponent.prototype.setDisplayedPages = function () {
-            this.displayedPages = this.getDisplayedPageNumbers(this.pageCount, this.maxPages, this.currentPage);
-        };
-        return SkyPagingComponent;
-    }());
-    SkyPagingComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPagingComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyPagingComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyPagingComponent, selector: "sky-paging", inputs: { currentPage: "currentPage", itemCount: "itemCount", maxPages: "maxPages", pageSize: "pageSize", pagingLabel: "pagingLabel" }, outputs: { currentPageChange: "currentPageChange" }, usesOnChanges: true, ngImport: i0__namespace, template: "<nav\n  *ngIf=\"pageCount > 1\"\n  class=\"sky-paging\"\n  [attr.aria-label]=\"pagingLabel || ('skyux_paging_label' | skyLibResources)\"\n>\n  <ul>\n    <li>\n      <button\n        class=\"\n          sky-btn sky-btn-default sky-paging-btn sky-paging-btn-previous sky-box\n        \"\n        sky-cmp-id=\"previous\"\n        type=\"button\"\n        [attr.aria-label]=\"'skyux_paging_previous' | skyLibResources\"\n        [disabled]=\"isPreviousButtonDisabled\"\n        (click)=\"previousPage()\"\n      >\n        <sky-icon *skyThemeIf=\"'default'\" icon=\"caret-left\"></sky-icon>\n        <sky-icon\n          *skyThemeIf=\"'modern'\"\n          icon=\"chevron-left\"\n          iconType=\"skyux\"\n        ></sky-icon>\n      </button>\n    </li>\n    <li *ngFor=\"let pageNumber of displayedPages\" class=\"sky-list-paging-link\">\n      <button\n        class=\"sky-btn sky-btn-default sky-paging-btn sky-box\"\n        type=\"button\"\n        [attr.aria-current]=\"currentPage === pageNumber ? 'page' : null\"\n        [attr.sky-cmp-id]=\"pageNumber\"\n        [disabled]=\"currentPage === pageNumber\"\n        [ngClass]=\"{ 'sky-paging-current': currentPage === pageNumber }\"\n        (click)=\"setPage(pageNumber)\"\n      >\n        {{ pageNumber }}\n      </button>\n    </li>\n    <li>\n      <button\n        class=\"\n          sky-btn sky-btn-default sky-paging-btn sky-paging-btn-next sky-box\n        \"\n        sky-cmp-id=\"next\"\n        type=\"button\"\n        [attr.aria-label]=\"'skyux_paging_next' | skyLibResources\"\n        [disabled]=\"isNextButtonDisabled\"\n        (click)=\"nextPage()\"\n      >\n        <sky-icon *skyThemeIf=\"'default'\" icon=\"caret-right\"></sky-icon>\n        <sky-icon\n          *skyThemeIf=\"'modern'\"\n          icon=\"chevron-right\"\n          iconType=\"skyux\"\n        ></sky-icon>\n      </button>\n    </li>\n  </ul>\n</nav>\n", styles: [":host{display:block}ul{margin:15px 0 0;display:inline-block;padding-left:0;border-radius:4px}li{display:inline}.sky-paging-btn{border-top:1px solid #e2e3e4;border-right:1px solid #e2e3e4;border-bottom:1px solid #e2e3e4;border-left:1px solid #e2e3e4;border-radius:0;background-color:#fff;color:inherit;float:left;margin-left:-1px;padding:4px 10px;text-decoration:none;line-height:1.428571429;font-size:15px;cursor:pointer}.sky-paging-btn.sky-paging-caret{transform:none}.sky-paging-btn.sky-paging-current,.sky-paging-btn.sky-paging-current:disabled,.sky-paging-btn.sky-paging-current[disabled]{background-color:#eeeeef;cursor:default;color:inherit;opacity:1}.sky-paging-btn:hover{background-color:#d4d4d6}.sky-paging-btn:disabled{color:#686c73;cursor:not-allowed;pointer-events:none}.sky-paging-btn.sky-paging-btn-previous,.sky-paging-btn.sky-paging-btn-next{padding-left:8.5px;padding-right:8.5px}:host-context(.sky-theme-modern) .sky-paging-btn{background-color:transparent;border:none;box-shadow:none;border-radius:6px;margin-right:10px;padding:3px 10px}:host-context(.sky-theme-modern) .sky-paging-btn:hover{background-color:transparent;border:solid 1px #1870B8;padding:2px 9px;z-index:1}:host-context(.sky-theme-modern) .sky-paging-btn:active,:host-context(.sky-theme-modern) .sky-paging-btn:focus{border:solid 2px #1870B8;color:#212327;padding:1px 8px}:host-context(.sky-theme-modern) .sky-paging-btn:focus:not(:active){outline:none;box-shadow:0 1px 3px #0000004d}:host-context(.sky-theme-modern) .sky-paging-current{background-color:#c1e8fb;border:solid 1px #1870B8;padding:2px 9px}.sky-theme-modern .sky-paging-btn{background-color:transparent;border:none;box-shadow:none;border-radius:6px;margin-right:10px;padding:3px 10px}.sky-theme-modern .sky-paging-btn:hover{background-color:transparent;border:solid 1px #1870B8;padding:2px 9px;z-index:1}.sky-theme-modern .sky-paging-btn:active,.sky-theme-modern .sky-paging-btn:focus{border:solid 2px #1870B8;color:#212327;padding:1px 8px}.sky-theme-modern .sky-paging-btn:focus:not(:active){outline:none;box-shadow:0 1px 3px #0000004d}.sky-theme-modern .sky-paging-current{background-color:#c1e8fb;border:solid 1px #1870B8;padding:2px 9px}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-paging-btn:active,:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-paging-btn:focus{color:#fbfcfe}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-paging-current{background-color:#1870b8}.sky-theme-modern.sky-theme-mode-dark .sky-paging-btn:active,.sky-theme-modern.sky-theme-mode-dark .sky-paging-btn:focus{color:#fbfcfe}.sky-theme-modern.sky-theme-mode-dark .sky-paging-current{background-color:#1870b8}\n"], components: [{ type: i1__namespace.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }], directives: [{ type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3__namespace.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { type: i2__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "skyLibResources": i4__namespace.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPagingComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-paging',
-                        template: "<nav\n  *ngIf=\"pageCount > 1\"\n  class=\"sky-paging\"\n  [attr.aria-label]=\"pagingLabel || ('skyux_paging_label' | skyLibResources)\"\n>\n  <ul>\n    <li>\n      <button\n        class=\"\n          sky-btn sky-btn-default sky-paging-btn sky-paging-btn-previous sky-box\n        \"\n        sky-cmp-id=\"previous\"\n        type=\"button\"\n        [attr.aria-label]=\"'skyux_paging_previous' | skyLibResources\"\n        [disabled]=\"isPreviousButtonDisabled\"\n        (click)=\"previousPage()\"\n      >\n        <sky-icon *skyThemeIf=\"'default'\" icon=\"caret-left\"></sky-icon>\n        <sky-icon\n          *skyThemeIf=\"'modern'\"\n          icon=\"chevron-left\"\n          iconType=\"skyux\"\n        ></sky-icon>\n      </button>\n    </li>\n    <li *ngFor=\"let pageNumber of displayedPages\" class=\"sky-list-paging-link\">\n      <button\n        class=\"sky-btn sky-btn-default sky-paging-btn sky-box\"\n        type=\"button\"\n        [attr.aria-current]=\"currentPage === pageNumber ? 'page' : null\"\n        [attr.sky-cmp-id]=\"pageNumber\"\n        [disabled]=\"currentPage === pageNumber\"\n        [ngClass]=\"{ 'sky-paging-current': currentPage === pageNumber }\"\n        (click)=\"setPage(pageNumber)\"\n      >\n        {{ pageNumber }}\n      </button>\n    </li>\n    <li>\n      <button\n        class=\"\n          sky-btn sky-btn-default sky-paging-btn sky-paging-btn-next sky-box\n        \"\n        sky-cmp-id=\"next\"\n        type=\"button\"\n        [attr.aria-label]=\"'skyux_paging_next' | skyLibResources\"\n        [disabled]=\"isNextButtonDisabled\"\n        (click)=\"nextPage()\"\n      >\n        <sky-icon *skyThemeIf=\"'default'\" icon=\"caret-right\"></sky-icon>\n        <sky-icon\n          *skyThemeIf=\"'modern'\"\n          icon=\"chevron-right\"\n          iconType=\"skyux\"\n        ></sky-icon>\n      </button>\n    </li>\n  </ul>\n</nav>\n",
-                        styles: [":host{display:block}ul{margin:15px 0 0;display:inline-block;padding-left:0;border-radius:4px}li{display:inline}.sky-paging-btn{border-top:1px solid #e2e3e4;border-right:1px solid #e2e3e4;border-bottom:1px solid #e2e3e4;border-left:1px solid #e2e3e4;border-radius:0;background-color:#fff;color:inherit;float:left;margin-left:-1px;padding:4px 10px;text-decoration:none;line-height:1.428571429;font-size:15px;cursor:pointer}.sky-paging-btn.sky-paging-caret{transform:none}.sky-paging-btn.sky-paging-current,.sky-paging-btn.sky-paging-current:disabled,.sky-paging-btn.sky-paging-current[disabled]{background-color:#eeeeef;cursor:default;color:inherit;opacity:1}.sky-paging-btn:hover{background-color:#d4d4d6}.sky-paging-btn:disabled{color:#686c73;cursor:not-allowed;pointer-events:none}.sky-paging-btn.sky-paging-btn-previous,.sky-paging-btn.sky-paging-btn-next{padding-left:8.5px;padding-right:8.5px}:host-context(.sky-theme-modern) .sky-paging-btn{background-color:transparent;border:none;box-shadow:none;border-radius:6px;margin-right:10px;padding:3px 10px}:host-context(.sky-theme-modern) .sky-paging-btn:hover{background-color:transparent;border:solid 1px #1870B8;padding:2px 9px;z-index:1}:host-context(.sky-theme-modern) .sky-paging-btn:active,:host-context(.sky-theme-modern) .sky-paging-btn:focus{border:solid 2px #1870B8;color:#212327;padding:1px 8px}:host-context(.sky-theme-modern) .sky-paging-btn:focus:not(:active){outline:none;box-shadow:0 1px 3px #0000004d}:host-context(.sky-theme-modern) .sky-paging-current{background-color:#c1e8fb;border:solid 1px #1870B8;padding:2px 9px}.sky-theme-modern .sky-paging-btn{background-color:transparent;border:none;box-shadow:none;border-radius:6px;margin-right:10px;padding:3px 10px}.sky-theme-modern .sky-paging-btn:hover{background-color:transparent;border:solid 1px #1870B8;padding:2px 9px;z-index:1}.sky-theme-modern .sky-paging-btn:active,.sky-theme-modern .sky-paging-btn:focus{border:solid 2px #1870B8;color:#212327;padding:1px 8px}.sky-theme-modern .sky-paging-btn:focus:not(:active){outline:none;box-shadow:0 1px 3px #0000004d}.sky-theme-modern .sky-paging-current{background-color:#c1e8fb;border:solid 1px #1870B8;padding:2px 9px}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-paging-btn:active,:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-paging-btn:focus{color:#fbfcfe}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-paging-current{background-color:#1870b8}.sky-theme-modern.sky-theme-mode-dark .sky-paging-btn:active,.sky-theme-modern.sky-theme-mode-dark .sky-paging-btn:focus{color:#fbfcfe}.sky-theme-modern.sky-theme-mode-dark .sky-paging-current{background-color:#1870b8}\n"],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    }]
-            }], propDecorators: { currentPage: [{
-                    type: i0.Input
-                }], itemCount: [{
-                    type: i0.Input
-                }], maxPages: [{
-                    type: i0.Input
-                }], pageSize: [{
-                    type: i0.Input
-                }], pagingLabel: [{
-                    type: i0.Input
-                }], currentPageChange: [{
-                    type: i0.Output
-                }] } });
-
-    var SkyPagingModule = /** @class */ (function () {
-        function SkyPagingModule() {
-        }
-        return SkyPagingModule;
-    }());
-    SkyPagingModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPagingModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyPagingModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPagingModule, declarations: [SkyPagingComponent], imports: [i2.CommonModule,
-            i1.SkyIconModule,
-            SkyListsResourcesModule,
-            i3.SkyThemeModule], exports: [SkyPagingComponent] });
-    SkyPagingModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPagingModule, imports: [[
-                i2.CommonModule,
-                i1.SkyIconModule,
-                SkyListsResourcesModule,
-                i3.SkyThemeModule,
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyPagingModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [SkyPagingComponent],
-                        imports: [
-                            i2.CommonModule,
-                            i1.SkyIconModule,
-                            SkyListsResourcesModule,
-                            i3.SkyThemeModule,
-                        ],
-                        exports: [SkyPagingComponent],
-                    }]
-            }] });
-
-    /**
-     * Displays content text when the repeater is expanded.
-     */
-    var SkyRepeaterItemContentComponent = /** @class */ (function () {
-        function SkyRepeaterItemContentComponent() {
-        }
-        return SkyRepeaterItemContentComponent;
-    }());
-    SkyRepeaterItemContentComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyRepeaterItemContentComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyRepeaterItemContentComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyRepeaterItemContentComponent, selector: "sky-repeater-item-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: SkyRepeaterItemContentComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-repeater-item-content',
-                        template: "<ng-content></ng-content>\n",
-                    }]
-            }] });
-
-    /**
-     * Wraps and styles a
-     * [`skyux-dropdown` component](https://developer.blackbaud.com/skyux-popovers/docs/dropdown).
-     */
-    /* istanbul ignore next */
-    /* Code coverage having problems with no statements in classes */
-    var SkyRepeaterItemContextMenuComponent = /** @class */ (function () {
-        function SkyRepeaterItemContextMenuComponent() {
-        }
-        return SkyRepeaterItemContextMenuComponent;
-    }());
-    SkyRepeaterItemContextMenuComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyRepeaterItemContextMenuComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyRepeaterItemContextMenuComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyRepeaterItemContextMenuComponent, selector: "sky-repeater-item-context-menu", ngImport: i0__namespace, template: "<ng-content></ng-content>\n" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyRepeaterItemContextMenuComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-repeater-item-context-menu',
-                        template: "<ng-content></ng-content>\n",
-                    }]
-            }] });
-
-    /**
-     * Displays a header inside the repeater item.
-     */
-    var SkyRepeaterItemTitleComponent = /** @class */ (function () {
-        function SkyRepeaterItemTitleComponent() {
-        }
-        return SkyRepeaterItemTitleComponent;
-    }());
-    SkyRepeaterItemTitleComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyRepeaterItemTitleComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyRepeaterItemTitleComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyRepeaterItemTitleComponent, selector: "sky-repeater-item-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: SkyRepeaterItemTitleComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-repeater-item-title',
-                        template: "<ng-content></ng-content>\n",
-                    }]
-            }] });
-
-    /**
-     * @internal
-     */
-    var SkyRepeaterService = /** @class */ (function () {
-        function SkyRepeaterService() {
-            this.activeItemChange = new rxjs.BehaviorSubject(undefined);
-            this.activeItemIndexChange = new rxjs.BehaviorSubject(undefined);
-            this.enableActiveState = false;
-            this.itemCollapseStateChange = new i0.EventEmitter();
-            this.items = [];
-            this.orderChange = new rxjs.BehaviorSubject(undefined);
-        }
-        SkyRepeaterService.prototype.ngOnDestroy = function () {
-            this.activeItemChange.complete();
-            this.itemCollapseStateChange.complete();
-            this.orderChange.complete();
-        };
-        SkyRepeaterService.prototype.activateItem = function (item) {
-            if (this.enableActiveState) {
-                /* istanbul ignore else */
-                if (item) {
-                    var index = this.items.findIndex(function (i) { return i === item; });
-                    this.activeItemIndexChange.next(index);
-                    this.activeItemChange.next(item);
-                }
-            }
-        };
-        SkyRepeaterService.prototype.activateItemByIndex = function (index) {
-            /* istanbul ignore else */
-            if (this.enableActiveState) {
-                if (index === undefined) {
-                    this.activeItemChange.next(undefined);
-                }
-                else {
-                    var activeItem = this.items[index];
-                    if (activeItem) {
-                        this.activeItemChange.next(activeItem);
-                    }
-                }
-            }
-        };
-        SkyRepeaterService.prototype.registerItem = function (item) {
-            this.items.push(item);
-        };
-        SkyRepeaterService.prototype.unregisterItem = function (item) {
-            var indexOfDestroyedItem = this.items.indexOf(item);
-            if (indexOfDestroyedItem > -1) {
-                this.items.splice(indexOfDestroyedItem, 1);
-            }
-        };
-        SkyRepeaterService.prototype.onItemCollapseStateChange = function (item) {
-            this.itemCollapseStateChange.emit(item);
-        };
-        SkyRepeaterService.prototype.getItemIndex = function (item) {
-            return this.items.indexOf(item);
-        };
-        SkyRepeaterService.prototype.registerOrderChange = function () {
-            this.orderChange.next();
-        };
-        SkyRepeaterService.prototype.reorderItem = function (oldIndex, newIndex) {
-            this.items.splice(newIndex, 0, this.items.splice(oldIndex, 1)[0]);
-        };
-        return SkyRepeaterService;
-    }());
-    SkyRepeaterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyRepeaterService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    SkyRepeaterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyRepeaterService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyRepeaterService, decorators: [{
-                type: i0.Injectable
-            }] });
-
-    /**
-     * @internal
-     */
-    var SkyRepeaterAdapterService = /** @class */ (function () {
-        function SkyRepeaterAdapterService(repeaterService) {
-            this.repeaterService = repeaterService;
-        }
-        Object.defineProperty(SkyRepeaterAdapterService.prototype, "repeaterItemGroupSelector", {
-            get: function () {
-                return '.sky-repeater-item-group-' + this.repeaterService.repeaterGroupId;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SkyRepeaterAdapterService.prototype.focusElement = function (element) {
-            if (element instanceof i0.ElementRef) {
-                element.nativeElement.focus();
-            }
-            else {
-                element.focus();
-            }
-        };
-        SkyRepeaterAdapterService.prototype.setRepeaterHost = function (hostRef) {
-            this.host = hostRef;
-        };
-        SkyRepeaterAdapterService.prototype.getRepeaterItemIndex = function (element) {
-            return this.getRepeaterItemArray().indexOf(element);
-        };
-        SkyRepeaterAdapterService.prototype.moveItemUp = function (element, top, steps) {
-            if (top === void 0) { top = false; }
-            if (steps === void 0) { steps = 1; }
-            var index = this.getRepeaterItemIndex(element);
-            if (index === 0) {
-                return;
-            }
-            var newIndex = index - steps;
-            if (top || newIndex < 0) {
-                newIndex = 0;
-            }
-            return this.moveItem(element, index, newIndex);
-        };
-        SkyRepeaterAdapterService.prototype.moveItemDown = function (element, steps) {
-            if (steps === void 0) { steps = 1; }
-            var itemArray = this.getRepeaterItemArray();
-            var index = this.getRepeaterItemIndex(element);
-            if (index === itemArray.length - steps) {
-                return;
-            }
-            var newIndex = index + steps;
-            return this.moveItem(element, index, newIndex);
-        };
-        SkyRepeaterAdapterService.prototype.moveItem = function (element, oldIndex, newIndex) {
-            var repeaterDiv = this.host.nativeElement.querySelector('.sky-repeater');
-            repeaterDiv.removeChild(element);
-            var nextSibling = repeaterDiv.querySelectorAll(this.repeaterItemGroupSelector)[newIndex];
-            repeaterDiv.insertBefore(element, nextSibling);
-            this.repeaterService.reorderItem(oldIndex, newIndex);
-            return newIndex;
-        };
-        /**
-         * Returns an array of the immediate repeater item descendants. Excludes nested repeater items.
-         */
-        SkyRepeaterAdapterService.prototype.getRepeaterItemArray = function () {
-            return Array.from(this.host.nativeElement.querySelectorAll(this.repeaterItemGroupSelector));
-        };
-        return SkyRepeaterAdapterService;
-    }());
-    SkyRepeaterAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyRepeaterAdapterService, deps: [{ token: SkyRepeaterService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    SkyRepeaterAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyRepeaterAdapterService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyRepeaterAdapterService, decorators: [{
-                type: i0.Injectable
-            }], ctorParameters: function () { return [{ type: SkyRepeaterService }]; } });
-
-    var nextContentId = 0;
-    /**
-     * Creates an individual repeater item.
-     */
-    var SkyRepeaterItemComponent = /** @class */ (function () {
-        function SkyRepeaterItemComponent(repeaterService, changeDetector, adapterService, elementRef, resourceService) {
-            var _this = this;
-            this.repeaterService = repeaterService;
-            this.changeDetector = changeDetector;
-            this.adapterService = adapterService;
-            this.elementRef = elementRef;
-            this.resourceService = resourceService;
-            /**
-             * Indicates whether users can change the order of the repeater item.
-             * The repeater component's `reorderable` property must also be set to `true`.
-             */
-            this.reorderable = false;
-            /**
-             * Indicates whether to display a checkbox in the left of the repeater item.
-             */
-            this.selectable = false;
-            /**
-             * Indicates whether to display an inline form within the repeater.
-             * Users can toggle between displaying and hiding the inline form.
-             */
-            this.showInlineForm = false;
-            /**
-             * Fires when users collapse the repeater item.
-             */
-            this.collapse = new i0.EventEmitter();
-            /**
-             * Fires when users expand the repeater item.
-             */
-            this.expand = new i0.EventEmitter();
-            /**
-             * Fires when the repeater includes an inline form and users close it. This event emits
-             * [a `SkyInlineFormCloseArgs` type](https://developer.blackbaud.com/skyux/components/inline-form#skyinlineformcloseargs-properties).
-             */
-            this.inlineFormClose = new i0.EventEmitter();
-            /**
-             * Fires when users select or clear the checkbox for the repeater item.
-             */
-            this.isSelectedChange = new i0.EventEmitter();
-            this.contentId = "sky-repeater-item-content-" + ++nextContentId;
-            this.hasItemContent = false;
-            this.isActive = false;
-            this.keyboardReorderingEnabled = false;
-            this.ngUnsubscribe = new rxjs.Subject();
-            this._isCollapsible = true;
-            this._isExpanded = true;
-            this._isSelected = false;
-            this.slideForExpanded(false);
-            rxjs.forkJoin([
-                this.resourceService.getString('skyux_repeater_item_reorder_cancel'),
-                this.resourceService.getString('skyux_repeater_item_reorder_finish'),
-                this.resourceService.getString('skyux_repeater_item_reorder_instructions'),
-                this.resourceService.getString('skyux_repeater_item_reorder_operation'),
-                this.resourceService.getString('skyux_repeater_item_reorder_moved'),
-            ]).subscribe(function (translatedStrings) {
-                _this.reorderCancelText = translatedStrings[0];
-                _this.reorderFinishText = translatedStrings[1];
-                _this.reorderStateDescription = translatedStrings[2];
-                _this.reorderInstructions = translatedStrings[3];
-                _this.reorderMovedText = translatedStrings[4];
-                _this.reorderButtonLabel = _this.reorderInstructions;
-            });
-        }
-        Object.defineProperty(SkyRepeaterItemComponent.prototype, "isExpanded", {
-            get: function () {
-                return this._isExpanded;
-            },
-            /**
-             * Indicates whether the repeater item is expanded.
-             * @default true
-             */
-            set: function (value) {
-                this.updateForExpanded(value, true);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyRepeaterItemComponent.prototype, "isSelected", {
-            get: function () {
-                return this._isSelected;
-            },
-            /**
-             * Indicates whether the repeater item's checkbox is selected.
-             * When users select the repeater item, the specified property on your model is updated accordingly.
-             * @default false
-             */
-            set: function (value) {
-                if (value !== this._isSelected) {
-                    this._isSelected = value;
-                    this.isSelectedChange.emit(this._isSelected);
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyRepeaterItemComponent.prototype, "isCollapsible", {
-            get: function () {
-                return this._isCollapsible;
-            },
-            set: function (value) {
-                if (this.isCollapsible !== value) {
-                    this._isCollapsible = value;
-                    /*istanbul ignore else */
-                    if (!value) {
-                        this.updateForExpanded(true, false);
-                    }
-                }
-                this.changeDetector.markForCheck();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(SkyRepeaterItemComponent.prototype, "repeaterGroupClass", {
-            get: function () {
-                return 'sky-repeater-item-group-' + this.repeaterService.repeaterGroupId;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SkyRepeaterItemComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            this.repeaterService.registerItem(this);
-            this.repeaterService.activeItemChange
-                .pipe(operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function (item) {
-                var newIsActiveValue = _this === item;
-                if (newIsActiveValue !== _this.isActive) {
-                    _this.isActive = newIsActiveValue;
-                    _this.changeDetector.markForCheck();
-                }
-            });
-        };
-        SkyRepeaterItemComponent.prototype.ngAfterViewInit = function () {
-            this.hasItemContent = this.repeaterItemContentComponents.length > 0;
-            this.updateExpandOnContentChange();
-        };
-        SkyRepeaterItemComponent.prototype.ngOnDestroy = function () {
-            this.collapse.complete();
-            this.expand.complete();
-            this.inlineFormClose.complete();
-            this.isSelectedChange.complete();
-            this.ngUnsubscribe.next();
-            this.ngUnsubscribe.complete();
-            this.repeaterService.unregisterItem(this);
-        };
-        SkyRepeaterItemComponent.prototype.headerClick = function () {
-            if (this.isCollapsible) {
-                this.updateForExpanded(!this.isExpanded, true);
-            }
-        };
-        SkyRepeaterItemComponent.prototype.chevronDirectionChange = function (direction) {
-            this.updateForExpanded(direction === 'up', true);
-        };
-        SkyRepeaterItemComponent.prototype.onRepeaterItemClick = function (event) {
-            // Only activate item if clicking on the title, content, or parent item div.
-            // This will avoid accidental activations when clicking inside interactive elements like
-            // the expand/collapse chevron, dropdown, inline-delete, etc...
-            if (event.target === this.itemRef.nativeElement ||
-                this.itemContentRef.nativeElement.contains(event.target) ||
-                this.itemHeaderRef.nativeElement.contains(event.target)) {
-                this.repeaterService.activateItem(this);
-            }
-        };
-        SkyRepeaterItemComponent.prototype.updateForExpanded = function (value, animate) {
-            if (this.isCollapsible === false && value === false) {
-                console.warn("Setting isExpanded to false when the repeater item is not collapsible\n        will have no effect.");
-            }
-            else if (this._isExpanded !== value) {
-                this._isExpanded = value;
-                if (this._isExpanded) {
-                    this.expand.emit();
-                }
-                else {
-                    this.collapse.emit();
-                }
-                this.repeaterService.onItemCollapseStateChange(this);
-                this.slideForExpanded(animate);
-                this.changeDetector.markForCheck();
-            }
-        };
-        SkyRepeaterItemComponent.prototype.onCheckboxChange = function (value) {
-            this.isSelected = value.checked;
-        };
-        SkyRepeaterItemComponent.prototype.onInlineFormClose = function (inlineFormCloseArgs) {
-            this.inlineFormClose.emit(inlineFormCloseArgs);
-        };
-        SkyRepeaterItemComponent.prototype.moveToTop = function (event) {
-            event.stopPropagation();
-            this.adapterService.moveItemUp(this.elementRef.nativeElement, true);
-            this.adapterService.focusElement(event.target);
-            this.repeaterService.registerOrderChange();
-        };
-        SkyRepeaterItemComponent.prototype.onReorderHandleKeyDown = function (event) {
-            /*istanbul ignore else */
-            if (event.key) {
-                switch (event.key.toLowerCase()) {
-                    case ' ':
-                    case 'enter':
-                        this.keyboardToggleReorder();
-                        event.preventDefault();
-                        event.stopPropagation();
-                        break;
-                    case 'escape':
-                        /* istanbul ignore else */
-                        if (this.keyboardReorderingEnabled) {
-                            this.keyboardReorderingEnabled = false;
-                            this.revertReorderSteps();
-                            this.reorderButtonLabel =
-                                this.reorderCancelText + ' ' + this.reorderInstructions;
-                            this.adapterService.focusElement(event.target);
-                            event.preventDefault();
-                            event.stopPropagation();
-                        }
-                        break;
-                    case 'arrowup':
-                        if (this.keyboardReorderingEnabled) {
-                            this.keyboardReorderUp();
-                            event.preventDefault();
-                            event.stopPropagation();
-                            this.repeaterService.registerOrderChange();
-                        }
-                        break;
-                    case 'arrowdown':
-                        /* istanbul ignore else */
-                        if (this.keyboardReorderingEnabled) {
-                            this.keyboardReorderDown();
-                            event.preventDefault();
-                            event.stopPropagation();
-                            this.repeaterService.registerOrderChange();
-                        }
-                        break;
-                    case 'arrowleft':
-                    case 'arrowright':
-                        /* istanbul ignore else */
-                        if (this.keyboardReorderingEnabled) {
-                            event.preventDefault();
-                            event.stopPropagation();
-                        }
-                        break;
-                    /* istanbul ignore next */
-                    default:
-                        break;
-                }
-            }
-        };
-        SkyRepeaterItemComponent.prototype.onReorderHandleBlur = function (event) {
-            this.keyboardReorderingEnabled = false;
-            this.revertReorderSteps();
-            this.reorderButtonLabel = this.reorderInstructions;
-            this.reorderState = undefined;
-        };
-        SkyRepeaterItemComponent.prototype.onItemKeyDown = function (event) {
-            /*istanbul ignore else */
-            if (event.key) {
-                switch (event.key.toLowerCase()) {
-                    case ' ':
-                    case 'enter':
-                        /* istanbul ignore else */
-                        /* Sanity check */
-                        // Space/enter should never execute unless focused on the parent item element.
-                        if (event.target === this.itemRef.nativeElement) {
-                            if (this.selectable) {
-                                this.isSelected = !this.isSelected;
-                            }
-                            this.repeaterService.activateItem(this);
-                            event.preventDefault();
-                        }
-                        break;
-                    /* istanbul ignore next */
-                    default:
-                        break;
-                }
-            }
-        };
-        SkyRepeaterItemComponent.prototype.slideForExpanded = function (animate) {
-            this.slideDirection = this.isExpanded ? 'down' : 'up';
-        };
-        SkyRepeaterItemComponent.prototype.keyboardReorderUp = function () {
-            this.reorderCurrentIndex = this.adapterService.moveItemUp(this.elementRef.nativeElement);
-            this.reorderSteps--;
-            this.adapterService.focusElement(this.grabHandle);
-            this.keyboardReorderingEnabled = true;
-            this.reorderButtonLabel = this.reorderMovedText + " " + (this.reorderCurrentIndex + 1);
-        };
-        SkyRepeaterItemComponent.prototype.keyboardReorderDown = function () {
-            this.reorderCurrentIndex = this.adapterService.moveItemDown(this.elementRef.nativeElement);
-            this.reorderSteps++;
-            this.adapterService.focusElement(this.grabHandle);
-            this.keyboardReorderingEnabled = true;
-            this.reorderButtonLabel = this.reorderMovedText + " " + (this.reorderCurrentIndex + 1);
-        };
-        SkyRepeaterItemComponent.prototype.keyboardToggleReorder = function () {
-            this.keyboardReorderingEnabled = !this.keyboardReorderingEnabled;
-            this.reorderSteps = 0;
-            if (this.keyboardReorderingEnabled) {
-                this.reorderState = this.reorderStateDescription;
-            }
-            else {
-                this.reorderState = this.reorderFinishText + " " + (this.reorderCurrentIndex + 1) + " " + this.reorderInstructions;
-            }
-        };
-        SkyRepeaterItemComponent.prototype.revertReorderSteps = function () {
-            if (this.reorderSteps < 0) {
-                this.adapterService.moveItemDown(this.elementRef.nativeElement, Math.abs(this.reorderSteps));
-            }
-            else if (this.reorderSteps > 0) {
-                this.adapterService.moveItemUp(this.elementRef.nativeElement, false, this.reorderSteps);
-            }
-            this.repeaterService.registerOrderChange();
-        };
-        SkyRepeaterItemComponent.prototype.updateExpandOnContentChange = function () {
-            var _this = this;
-            this.repeaterItemContentComponents.changes
-                .pipe(operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function () {
-                _this.hasItemContent = _this.repeaterItemContentComponents.length > 0;
-                /* istanbul ignore next */
-                _this.isCollapsible =
-                    _this.hasItemContent && _this.repeaterService.expandMode !== 'none';
-                /* istanbul ignore else */
-                if (_this.repeaterService.expandMode === 'single') {
-                    _this.repeaterService.onItemCollapseStateChange(_this);
-                }
-            });
-        };
-        return SkyRepeaterItemComponent;
-    }());
-    SkyRepeaterItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyRepeaterItemComponent, deps: [{ token: SkyRepeaterService }, { token: i0__namespace.ChangeDetectorRef }, { token: SkyRepeaterAdapterService }, { token: i0__namespace.ElementRef }, { token: i4__namespace.SkyLibResourcesService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyRepeaterItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyRepeaterItemComponent, selector: "sky-repeater-item", inputs: { itemName: "itemName", inlineFormConfig: "inlineFormConfig", inlineFormTemplate: "inlineFormTemplate", isExpanded: "isExpanded", isSelected: "isSelected", reorderable: "reorderable", selectable: "selectable", showInlineForm: "showInlineForm", tag: "tag" }, outputs: { collapse: "collapse", expand: "expand", inlineFormClose: "inlineFormClose", isSelectedChange: "isSelectedChange" }, host: { properties: { "class": "this.repeaterGroupClass" } }, queries: [{ propertyName: "contextMenu", first: true, predicate: SkyRepeaterItemContextMenuComponent, descendants: true, read: i0.ElementRef }, { propertyName: "repeaterItemContentComponents", predicate: SkyRepeaterItemContentComponent }], viewQueries: [{ propertyName: "grabHandle", first: true, predicate: ["grabHandle"], descendants: true, read: i0.ElementRef }, { propertyName: "itemContentRef", first: true, predicate: ["itemContentRef"], descendants: true, read: i0.ElementRef }, { propertyName: "itemHeaderRef", first: true, predicate: ["itemHeaderRef"], descendants: true, read: i0.ElementRef }, { propertyName: "itemRef", first: true, predicate: ["itemRef"], descendants: true, read: i0.ElementRef }], ngImport: i0__namespace, template: "<div\n  class=\"sky-repeater-item sky-padding-even-default\"\n  role=\"option\"\n  [attr.aria-label]=\"itemName\"\n  [attr.aria-selected]=\"selectable ? isSelected : null\"\n  [ngClass]=\"{\n    'sky-repeater-item-active': isActive,\n    'sky-repeater-item-collapsible': isCollapsible,\n    'sky-repeater-item-selected': isSelected\n  }\"\n  (click)=\"onRepeaterItemClick($event)\"\n  (keydown)=\"onItemKeyDown($event)\"\n  #itemRef\n>\n  <div #inlineDelete>\n    <ng-content select=\"sky-inline-delete\"></ng-content>\n  </div>\n\n  <ng-container *ngIf=\"inlineFormTemplate\">\n    <sky-inline-form\n      [config]=\"inlineFormConfig\"\n      [showForm]=\"showInlineForm\"\n      [template]=\"inlineFormTemplate\"\n      (close)=\"onInlineFormClose($event)\"\n    >\n      <ng-container *ngTemplateOutlet=\"skyRepeaterItemLeft\"></ng-container>\n      <ng-container *ngTemplateOutlet=\"skyRepeaterItemRight\"></ng-container>\n    </sky-inline-form>\n  </ng-container>\n\n  <ng-container *ngIf=\"!inlineFormTemplate\">\n    <ng-container *ngTemplateOutlet=\"skyRepeaterItemLeft\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"skyRepeaterItemRight\"></ng-container>\n  </ng-container>\n</div>\n\n<ng-template #skyRepeaterItemLeft>\n  <div class=\"sky-repeater-item-left\">\n    <ng-container *ngIf=\"reorderable\">\n      <span\n        aria-live=\"assertive\"\n        class=\"sky-screen-reader-only\"\n        [id]=\"contentId + '-reorder-state'\"\n      >\n        {{ reorderState }}\n      </span>\n      <span\n        class=\"sky-screen-reader-only\"\n        [id]=\"contentId + '-reorder-instructions'\"\n        >{{ reorderButtonLabel }}</span\n      >\n      <button\n        class=\"sky-btn sky-tile-tools-control sky-repeater-item-grab-handle\"\n        type=\"button\"\n        [attr.aria-describedby]=\"contentId + '-reorder-instructions'\"\n        [attr.aria-label]=\"\n          itemName\n            ? ('skyux_repeater_item_reorder_label' | skyLibResources: itemName)\n            : ('skyux_repeater_item_reorder_label_default' | skyLibResources)\n        \"\n        (blur)=\"onReorderHandleBlur($event)\"\n        (keydown)=\"onReorderHandleKeyDown($event)\"\n        #grabHandle\n      >\n        <sky-icon icon=\"arrows-v\"></sky-icon>\n      </button>\n    </ng-container>\n    <sky-checkbox\n      *ngIf=\"selectable\"\n      class=\"sky-repeater-item-checkbox\"\n      [checked]=\"isSelected\"\n      [label]=\"\n        itemName\n          ? ('skyux_repeater_item_checkbox_label' | skyLibResources: itemName)\n          : ('skyux_repeater_item_checkbox_label_default' | skyLibResources)\n      \"\n      (change)=\"onCheckboxChange($event)\"\n    >\n    </sky-checkbox>\n    <div\n      class=\"sky-repeater-item-context-menu\"\n      [hidden]=\"contextMenuEl.children.length === 0\"\n      #contextMenuEl\n    >\n      <ng-content select=\"sky-repeater-item-context-menu\"></ng-content>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #skyRepeaterItemRight>\n  <div class=\"sky-repeater-item-right\" #itemHeaderRef>\n    <div\n      class=\"sky-repeater-item-header\"\n      [hidden]=\"titleRef.children.length === 0\"\n      (click)=\"headerClick()\"\n    >\n      <div class=\"sky-repeater-item-title sky-emphasized\" #titleRef>\n        <ng-content select=\"sky-repeater-item-title\"></ng-content>\n      </div>\n      <button\n        *ngIf=\"reorderable\"\n        class=\"sky-btn sky-btn-link sky-repeater-item-reorder-top\"\n        type=\"button\"\n        [attr.aria-label]=\"\n          itemName\n            ? ('skyux_repeater_item_reorder_top_label'\n              | skyLibResources: itemName)\n            : ('skyux_repeater_item_reorder_top_label_default'\n              | skyLibResources)\n        \"\n        (click)=\"moveToTop($event)\"\n      >\n        <sky-icon icon=\"arrow-circle-up\"></sky-icon>\n        {{ 'skyux_repeater_item_reorder_top' | skyLibResources }}\n      </button>\n      <div *ngIf=\"isCollapsible\" class=\"sky-repeater-item-chevron\">\n        <sky-chevron\n          [ariaControls]=\"contentId\"\n          [ariaLabel]=\"\n            itemName\n              ? ('skyux_repeater_item_expand' | skyLibResources: itemName)\n              : ('skyux_repeater_item_expand_default' | skyLibResources)\n          \"\n          [direction]=\"isExpanded ? 'up' : 'down'\"\n          (directionChange)=\"chevronDirectionChange($event)\"\n        >\n        </sky-chevron>\n      </div>\n      <!-- Used for when the chevron is hidden to ensure that the right side is the same height as the left.-->\n      <div\n        *ngIf=\"!isCollapsible && !contextMenu\"\n        class=\"sky-repeater-item-chevron-placeholder\"\n      ></div>\n      <!-- Used to ensure that the right side is the same height as the left.-->\n      <div\n        *ngIf=\"contextMenu\"\n        class=\"sky-repeater-item-chevron-placeholder-with-context\"\n      ></div>\n    </div>\n    <div\n      class=\"sky-repeater-item-content\"\n      [id]=\"contentId\"\n      [@skyAnimationSlide]=\"slideDirection\"\n      #itemContentRef\n    >\n      <ng-content select=\"sky-repeater-item-content\"></ng-content>\n    </div>\n  </div>\n</ng-template>\n", styles: ["sky-repeater-item .sky-repeater-item{display:flex;border-bottom:1px dotted #cdcfd2;padding-top:0;position:relative;transition:box-shadow .15s;align-items:flex-start}sky-repeater-item .sky-repeater-item sky-inline-form{display:block;width:100%}sky-repeater-item .sky-repeater-item sky-inline-form>:first-child,sky-repeater-item .sky-repeater-item sky-inline-form .sky-slide-dissolve-first,sky-repeater-item .sky-repeater-item sky-inline-form .sky-slide-dissolve-last{display:flex;flex:1 0 auto;width:100%}sky-repeater-item .sky-repeater-item sky-inline-form .sky-slide-dissolve-last{padding-top:10px}sky-repeater-item .sky-repeater-item.sky-repeater-item-active{background-color:#eeeeef;color:#212327;padding-left:6px;border-left:4px solid #00b4f1}sky-repeater-item .sky-repeater-item.sky-repeater-item-active .sky-inline-delete{margin-left:-4px;width:calc(100% + 4px)}sky-repeater-item .sky-repeater-item-left{display:flex;padding-top:10px;align-items:center}sky-repeater-item .sky-repeater-item-left sky-checkbox{display:flex}sky-repeater-item .sky-repeater-item-right{max-width:100%;flex-grow:1;align-self:center}sky-repeater-item .sky-repeater-item-header{align-items:center;display:flex;padding-top:10px}sky-repeater-item .sky-repeater-item-chevron{margin-left:10px}sky-repeater-item .sky-repeater-item-chevron-placeholder{height:24px}sky-repeater-item .sky-repeater-item-chevron-placeholder-with-context{height:29px}sky-repeater-item .sky-repeater-item-context-menu{padding:0 10px 0 0}sky-repeater-item .sky-repeater-item-checkbox{padding:0 5px 0 0}sky-repeater-item .sky-repeater-item-selected{background-color:#f1eef6;transition:background-color .15s}sky-repeater-item .sky-repeater-item-title{margin:0;flex-grow:1;line-height:1.1;color:#212327}sky-repeater-item sky-repeater-item-content{display:block;margin:10px 0 0}sky-repeater-item .sky-repeater-item-collapsible .sky-repeater-item-header{cursor:pointer}sky-repeater-item .sky-repeater-item-collapsible .sky-repeater-item-content{padding-right:34px}sky-repeater-item .sky-repeater-item-collapsed .sky-repeater-item-content{display:none}sky-repeater-item .sky-repeater-item-grab-handle{color:#cdcfd2;cursor:pointer;border:0;width:24px;height:24px;cursor:grab;cursor:-moz-grab;padding:0;margin-right:10px}sky-repeater-item .sky-repeater-item-grab-handle:hover{color:#979ba2;transition:color .15s}sky-repeater-item.sky-repeater-item-dragging.gu-mirror{opacity:initial;-ms-filter:initial;filter:initial;background-color:#fff;box-shadow:0 0 5px #0000004d}sky-repeater-item.sky-repeater-item-dragging.gu-transit .sky-repeater-item{background-color:#d8d8d8}sky-repeater-item.sky-repeater-item-dragging.gu-transit .sky-repeater-item .sky-repeater-item-left,sky-repeater-item.sky-repeater-item-dragging.gu-transit .sky-repeater-item .sky-repeater-item-right{visibility:hidden}sky-repeater-item.sky-repeater-item-dragging .sky-repeater-item-grab-handle{cursor:grabbing;cursor:-webkit-grabbing}.sky-theme-modern sky-repeater-item .sky-repeater-item{padding-bottom:20px}.sky-theme-modern sky-repeater-item .sky-repeater-item.sky-repeater-item-active{background-color:transparent;border-left-color:#1870b8}.sky-theme-modern sky-repeater-item .sky-repeater-item:focus,.sky-theme-modern sky-repeater-item .sky-repeater-item:active:focus{outline:solid 2px #1870B8;outline-offset:-2px}.sky-theme-modern sky-repeater-item .sky-repeater-item:focus:not(:active){box-shadow:0 1px 8px #0000004d}.sky-theme-modern sky-repeater-item .sky-repeater-item-header[hidden]+.sky-repeater-item-content sky-repeater-item-content{margin:20px 0 0}.sky-theme-modern sky-repeater-item .sky-repeater-item-header,.sky-theme-modern sky-repeater-item .sky-repeater-item-left{padding-top:20px}.sky-theme-modern sky-repeater-item sky-inline-form .sky-slide-dissolve-last{padding-top:20px}.sky-theme-modern.sky-theme-mode-dark sky-repeater-item .sky-repeater-item{border-bottom-color:#686c73}.sky-theme-modern.sky-theme-mode-dark sky-repeater-item .sky-repeater-item.sky-repeater-item-active{color:#fbfcfe}.sky-theme-modern.sky-theme-mode-dark sky-repeater-item .sky-repeater-item-title{color:#fbfcfe}\n"], components: [{ type: i4__namespace$1.λ1, selector: "sky-inline-form", inputs: ["config", "template", "showForm"], outputs: ["close"] }, { type: i1__namespace.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { type: i6__namespace.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "icon", "checkboxType", "checked", "required"], outputs: ["change", "checkedChange", "disabledChange"] }, { type: i1__namespace.λ2, selector: "sky-chevron", inputs: ["ariaControls", "ariaLabel", "direction", "disabled"], outputs: ["directionChange"] }], directives: [{ type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2__namespace.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], pipes: { "skyLibResources": i4__namespace.SkyLibResourcesPipe }, animations: [animations.skyAnimationSlide], encapsulation: i0__namespace.ViewEncapsulation.None });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyRepeaterItemComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-repeater-item',
-                        styles: ["sky-repeater-item .sky-repeater-item{display:flex;border-bottom:1px dotted #cdcfd2;padding-top:0;position:relative;transition:box-shadow .15s;align-items:flex-start}sky-repeater-item .sky-repeater-item sky-inline-form{display:block;width:100%}sky-repeater-item .sky-repeater-item sky-inline-form>:first-child,sky-repeater-item .sky-repeater-item sky-inline-form .sky-slide-dissolve-first,sky-repeater-item .sky-repeater-item sky-inline-form .sky-slide-dissolve-last{display:flex;flex:1 0 auto;width:100%}sky-repeater-item .sky-repeater-item sky-inline-form .sky-slide-dissolve-last{padding-top:10px}sky-repeater-item .sky-repeater-item.sky-repeater-item-active{background-color:#eeeeef;color:#212327;padding-left:6px;border-left:4px solid #00b4f1}sky-repeater-item .sky-repeater-item.sky-repeater-item-active .sky-inline-delete{margin-left:-4px;width:calc(100% + 4px)}sky-repeater-item .sky-repeater-item-left{display:flex;padding-top:10px;align-items:center}sky-repeater-item .sky-repeater-item-left sky-checkbox{display:flex}sky-repeater-item .sky-repeater-item-right{max-width:100%;flex-grow:1;align-self:center}sky-repeater-item .sky-repeater-item-header{align-items:center;display:flex;padding-top:10px}sky-repeater-item .sky-repeater-item-chevron{margin-left:10px}sky-repeater-item .sky-repeater-item-chevron-placeholder{height:24px}sky-repeater-item .sky-repeater-item-chevron-placeholder-with-context{height:29px}sky-repeater-item .sky-repeater-item-context-menu{padding:0 10px 0 0}sky-repeater-item .sky-repeater-item-checkbox{padding:0 5px 0 0}sky-repeater-item .sky-repeater-item-selected{background-color:#f1eef6;transition:background-color .15s}sky-repeater-item .sky-repeater-item-title{margin:0;flex-grow:1;line-height:1.1;color:#212327}sky-repeater-item sky-repeater-item-content{display:block;margin:10px 0 0}sky-repeater-item .sky-repeater-item-collapsible .sky-repeater-item-header{cursor:pointer}sky-repeater-item .sky-repeater-item-collapsible .sky-repeater-item-content{padding-right:34px}sky-repeater-item .sky-repeater-item-collapsed .sky-repeater-item-content{display:none}sky-repeater-item .sky-repeater-item-grab-handle{color:#cdcfd2;cursor:pointer;border:0;width:24px;height:24px;cursor:grab;cursor:-moz-grab;padding:0;margin-right:10px}sky-repeater-item .sky-repeater-item-grab-handle:hover{color:#979ba2;transition:color .15s}sky-repeater-item.sky-repeater-item-dragging.gu-mirror{opacity:initial;-ms-filter:initial;filter:initial;background-color:#fff;box-shadow:0 0 5px #0000004d}sky-repeater-item.sky-repeater-item-dragging.gu-transit .sky-repeater-item{background-color:#d8d8d8}sky-repeater-item.sky-repeater-item-dragging.gu-transit .sky-repeater-item .sky-repeater-item-left,sky-repeater-item.sky-repeater-item-dragging.gu-transit .sky-repeater-item .sky-repeater-item-right{visibility:hidden}sky-repeater-item.sky-repeater-item-dragging .sky-repeater-item-grab-handle{cursor:grabbing;cursor:-webkit-grabbing}.sky-theme-modern sky-repeater-item .sky-repeater-item{padding-bottom:20px}.sky-theme-modern sky-repeater-item .sky-repeater-item.sky-repeater-item-active{background-color:transparent;border-left-color:#1870b8}.sky-theme-modern sky-repeater-item .sky-repeater-item:focus,.sky-theme-modern sky-repeater-item .sky-repeater-item:active:focus{outline:solid 2px #1870B8;outline-offset:-2px}.sky-theme-modern sky-repeater-item .sky-repeater-item:focus:not(:active){box-shadow:0 1px 8px #0000004d}.sky-theme-modern sky-repeater-item .sky-repeater-item-header[hidden]+.sky-repeater-item-content sky-repeater-item-content{margin:20px 0 0}.sky-theme-modern sky-repeater-item .sky-repeater-item-header,.sky-theme-modern sky-repeater-item .sky-repeater-item-left{padding-top:20px}.sky-theme-modern sky-repeater-item sky-inline-form .sky-slide-dissolve-last{padding-top:20px}.sky-theme-modern.sky-theme-mode-dark sky-repeater-item .sky-repeater-item{border-bottom-color:#686c73}.sky-theme-modern.sky-theme-mode-dark sky-repeater-item .sky-repeater-item.sky-repeater-item-active{color:#fbfcfe}.sky-theme-modern.sky-theme-mode-dark sky-repeater-item .sky-repeater-item-title{color:#fbfcfe}\n"],
-                        template: "<div\n  class=\"sky-repeater-item sky-padding-even-default\"\n  role=\"option\"\n  [attr.aria-label]=\"itemName\"\n  [attr.aria-selected]=\"selectable ? isSelected : null\"\n  [ngClass]=\"{\n    'sky-repeater-item-active': isActive,\n    'sky-repeater-item-collapsible': isCollapsible,\n    'sky-repeater-item-selected': isSelected\n  }\"\n  (click)=\"onRepeaterItemClick($event)\"\n  (keydown)=\"onItemKeyDown($event)\"\n  #itemRef\n>\n  <div #inlineDelete>\n    <ng-content select=\"sky-inline-delete\"></ng-content>\n  </div>\n\n  <ng-container *ngIf=\"inlineFormTemplate\">\n    <sky-inline-form\n      [config]=\"inlineFormConfig\"\n      [showForm]=\"showInlineForm\"\n      [template]=\"inlineFormTemplate\"\n      (close)=\"onInlineFormClose($event)\"\n    >\n      <ng-container *ngTemplateOutlet=\"skyRepeaterItemLeft\"></ng-container>\n      <ng-container *ngTemplateOutlet=\"skyRepeaterItemRight\"></ng-container>\n    </sky-inline-form>\n  </ng-container>\n\n  <ng-container *ngIf=\"!inlineFormTemplate\">\n    <ng-container *ngTemplateOutlet=\"skyRepeaterItemLeft\"></ng-container>\n    <ng-container *ngTemplateOutlet=\"skyRepeaterItemRight\"></ng-container>\n  </ng-container>\n</div>\n\n<ng-template #skyRepeaterItemLeft>\n  <div class=\"sky-repeater-item-left\">\n    <ng-container *ngIf=\"reorderable\">\n      <span\n        aria-live=\"assertive\"\n        class=\"sky-screen-reader-only\"\n        [id]=\"contentId + '-reorder-state'\"\n      >\n        {{ reorderState }}\n      </span>\n      <span\n        class=\"sky-screen-reader-only\"\n        [id]=\"contentId + '-reorder-instructions'\"\n        >{{ reorderButtonLabel }}</span\n      >\n      <button\n        class=\"sky-btn sky-tile-tools-control sky-repeater-item-grab-handle\"\n        type=\"button\"\n        [attr.aria-describedby]=\"contentId + '-reorder-instructions'\"\n        [attr.aria-label]=\"\n          itemName\n            ? ('skyux_repeater_item_reorder_label' | skyLibResources: itemName)\n            : ('skyux_repeater_item_reorder_label_default' | skyLibResources)\n        \"\n        (blur)=\"onReorderHandleBlur($event)\"\n        (keydown)=\"onReorderHandleKeyDown($event)\"\n        #grabHandle\n      >\n        <sky-icon icon=\"arrows-v\"></sky-icon>\n      </button>\n    </ng-container>\n    <sky-checkbox\n      *ngIf=\"selectable\"\n      class=\"sky-repeater-item-checkbox\"\n      [checked]=\"isSelected\"\n      [label]=\"\n        itemName\n          ? ('skyux_repeater_item_checkbox_label' | skyLibResources: itemName)\n          : ('skyux_repeater_item_checkbox_label_default' | skyLibResources)\n      \"\n      (change)=\"onCheckboxChange($event)\"\n    >\n    </sky-checkbox>\n    <div\n      class=\"sky-repeater-item-context-menu\"\n      [hidden]=\"contextMenuEl.children.length === 0\"\n      #contextMenuEl\n    >\n      <ng-content select=\"sky-repeater-item-context-menu\"></ng-content>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #skyRepeaterItemRight>\n  <div class=\"sky-repeater-item-right\" #itemHeaderRef>\n    <div\n      class=\"sky-repeater-item-header\"\n      [hidden]=\"titleRef.children.length === 0\"\n      (click)=\"headerClick()\"\n    >\n      <div class=\"sky-repeater-item-title sky-emphasized\" #titleRef>\n        <ng-content select=\"sky-repeater-item-title\"></ng-content>\n      </div>\n      <button\n        *ngIf=\"reorderable\"\n        class=\"sky-btn sky-btn-link sky-repeater-item-reorder-top\"\n        type=\"button\"\n        [attr.aria-label]=\"\n          itemName\n            ? ('skyux_repeater_item_reorder_top_label'\n              | skyLibResources: itemName)\n            : ('skyux_repeater_item_reorder_top_label_default'\n              | skyLibResources)\n        \"\n        (click)=\"moveToTop($event)\"\n      >\n        <sky-icon icon=\"arrow-circle-up\"></sky-icon>\n        {{ 'skyux_repeater_item_reorder_top' | skyLibResources }}\n      </button>\n      <div *ngIf=\"isCollapsible\" class=\"sky-repeater-item-chevron\">\n        <sky-chevron\n          [ariaControls]=\"contentId\"\n          [ariaLabel]=\"\n            itemName\n              ? ('skyux_repeater_item_expand' | skyLibResources: itemName)\n              : ('skyux_repeater_item_expand_default' | skyLibResources)\n          \"\n          [direction]=\"isExpanded ? 'up' : 'down'\"\n          (directionChange)=\"chevronDirectionChange($event)\"\n        >\n        </sky-chevron>\n      </div>\n      <!-- Used for when the chevron is hidden to ensure that the right side is the same height as the left.-->\n      <div\n        *ngIf=\"!isCollapsible && !contextMenu\"\n        class=\"sky-repeater-item-chevron-placeholder\"\n      ></div>\n      <!-- Used to ensure that the right side is the same height as the left.-->\n      <div\n        *ngIf=\"contextMenu\"\n        class=\"sky-repeater-item-chevron-placeholder-with-context\"\n      ></div>\n    </div>\n    <div\n      class=\"sky-repeater-item-content\"\n      [id]=\"contentId\"\n      [@skyAnimationSlide]=\"slideDirection\"\n      #itemContentRef\n    >\n      <ng-content select=\"sky-repeater-item-content\"></ng-content>\n    </div>\n  </div>\n</ng-template>\n",
-                        animations: [animations.skyAnimationSlide],
-                        encapsulation: i0.ViewEncapsulation.None,
-                    }]
-            }], ctorParameters: function () { return [{ type: SkyRepeaterService }, { type: i0__namespace.ChangeDetectorRef }, { type: SkyRepeaterAdapterService }, { type: i0__namespace.ElementRef }, { type: i4__namespace.SkyLibResourcesService }]; }, propDecorators: { itemName: [{
-                    type: i0.Input
-                }], inlineFormConfig: [{
-                    type: i0.Input
-                }], inlineFormTemplate: [{
-                    type: i0.Input
-                }], isExpanded: [{
-                    type: i0.Input
-                }], isSelected: [{
-                    type: i0.Input
-                }], reorderable: [{
-                    type: i0.Input
-                }], selectable: [{
-                    type: i0.Input
-                }], showInlineForm: [{
-                    type: i0.Input
-                }], tag: [{
-                    type: i0.Input
-                }], collapse: [{
-                    type: i0.Output
-                }], expand: [{
-                    type: i0.Output
-                }], inlineFormClose: [{
-                    type: i0.Output
-                }], isSelectedChange: [{
-                    type: i0.Output
-                }], contextMenu: [{
-                    type: i0.ContentChild,
-                    args: [SkyRepeaterItemContextMenuComponent, { read: i0.ElementRef }]
-                }], repeaterGroupClass: [{
-                    type: i0.HostBinding,
-                    args: ['class']
-                }], grabHandle: [{
-                    type: i0.ViewChild,
-                    args: ['grabHandle', { read: i0.ElementRef }]
-                }], itemContentRef: [{
-                    type: i0.ViewChild,
-                    args: ['itemContentRef', { read: i0.ElementRef }]
-                }], itemHeaderRef: [{
-                    type: i0.ViewChild,
-                    args: ['itemHeaderRef', { read: i0.ElementRef }]
-                }], itemRef: [{
-                    type: i0.ViewChild,
-                    args: ['itemRef', { read: i0.ElementRef }]
-                }], repeaterItemContentComponents: [{
-                    type: i0.ContentChildren,
-                    args: [SkyRepeaterItemContentComponent]
-                }] } });
-
-    /*! *****************************************************************************
-    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 uniqueId = 0;
-    /**
-     * Creates a container to display repeater items.
-     */
-    var SkyRepeaterComponent = /** @class */ (function () {
-        function SkyRepeaterComponent(changeDetector, repeaterService, adapterService, dragulaService, elementRef, renderer) {
-            var _this = this;
-            this.changeDetector = changeDetector;
-            this.repeaterService = repeaterService;
-            this.adapterService = adapterService;
-            this.dragulaService = dragulaService;
-            this.elementRef = elementRef;
-            this.renderer = renderer;
-            /**
-             * Indicates whether users can change the order of items in the repeater list.
-             * Each repeater item also has `reorderable` property to indicate whether
-             * users can change its order.
-             */
-            this.reorderable = false;
-            /**
-             * Fires when the active repeater item changes.
-             */
-            this.activeIndexChange = new i0.EventEmitter();
-            /**
-             * Fires when users change the order of repeater items.
-             * This event emits an ordered array of the `tag` properties that the consumer provides for each repeater item.
-             */
-            this.orderChange = new i0.EventEmitter();
-            this.dragulaUnsubscribe = new rxjs.Subject();
-            this.ngUnsubscribe = new rxjs.Subject();
-            this._expandMode = 'none';
-            this.dragulaGroupName = "sky-repeater-dragula-" + ++uniqueId;
-            this.repeaterService.itemCollapseStateChange
-                .pipe(operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function (item) {
-                if (_this.expandMode === 'single' && item.isExpanded) {
-                    _this.items.forEach(function (otherItem) {
-                        if (otherItem !== item &&
-                            otherItem.isExpanded &&
-                            otherItem.isCollapsible) {
-                            otherItem.isExpanded = false;
-                        }
-                    });
-                }
-            });
-            this.repeaterService.activeItemIndexChange
-                .pipe(operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function (index) {
-                if (index !== _this.activeIndex) {
-                    _this.activeIndex = index;
-                    _this.activeIndexChange.emit(index);
-                }
-            });
-            this.repeaterService.orderChange
-                .pipe(operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function () {
-                _this.emitTags();
-            });
-            this.repeaterService.repeaterGroupId = uniqueId;
-            this.updateForExpandMode();
-            this.adapterService.setRepeaterHost(this.elementRef);
-            this.initializeDragAndDrop();
-        }
-        Object.defineProperty(SkyRepeaterComponent.prototype, "expandMode", {
-            get: function () {
-                return this._expandMode || 'none';
-            },
-            /**
-             * Specifies a layout to determine which repeater items are expanded by default and whether
-             * repeater items are expandable and collapsible. Collapsed items display titles only.
-             * The valid options are `multiple`, `none`, and `single`.
-             * - `multiple` loads repeater items in an expanded state unless `isExpanded` is set to
-             * `false` for a repeater item. This layout allows users to expand and collapse
-             * as many repeater items as necessary. It is best-suited to repeater items where body
-             * content is important but users don't always need to see it.
-             * - `none` loads all repeater items in an expanded state and does not allow users to
-             * collapse them. This default layout provides the quickest access to the details in the
-             * repeater items. It is best-suited to repeater items with concise content
-             * that users need to view frequently.
-             * - `single` loads one repeater item in an expanded state and collapses all others.
-             * The expanded repeater item is the first one where `isExpanded` is set to `true`. This layout
-             * allows users to expand one item at a time. It provides the most compact view and is
-             * best-suited to repeater items where the most important information is in the titles
-             * and users only occasionally need to view the body content.
-             * @default "none"
-             */
-            set: function (value) {
-                this.repeaterService.expandMode = value;
-                this._expandMode = value;
-                this.updateForExpandMode();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SkyRepeaterComponent.prototype.ngAfterContentInit = function () {
-            var _this = this;
-            // If activeIndex has been set on init, call service to activate the appropriate item.
-            setTimeout(function () {
-                if (_this.activeIndex || _this.activeIndex === 0) {
-                    _this.repeaterService.activateItemByIndex(_this.activeIndex);
-                }
-                if (_this.reorderable && !_this.everyItemHasTag()) {
-                    console.warn('Please supply tag properties for each repeater item when reordering functionality is enabled.');
-                }
-            });
-            // HACK: Not updating for expand mode in a timeout causes an error.
-            // https://github.com/angular/angular/issues/6005
-            this.items.changes.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function () {
-                setTimeout(function () {
-                    if (_this.items.last) {
-                        _this.updateForExpandMode(_this.items.last);
-                        _this.items.last.reorderable = _this.reorderable;
-                    }
-                    if (_this.activeIndex !== undefined) {
-                        _this.repeaterService.activateItemByIndex(_this.activeIndex);
-                    }
-                });
-            });
-            setTimeout(function () {
-                _this.updateForExpandMode();
-                _this.items.forEach(function (item) {
-                    item.reorderable = _this.reorderable;
-                });
-            }, 0);
-        };
-        SkyRepeaterComponent.prototype.ngOnChanges = function (changes) {
-            var _this = this;
-            if (changes['activeIndex']) {
-                this.repeaterService.enableActiveState = true;
-                if (changes['activeIndex'].currentValue !==
-                    changes['activeIndex'].previousValue) {
-                    this.repeaterService.activateItemByIndex(this.activeIndex);
-                }
-            }
-            if (changes.reorderable) {
-                if (this.items) {
-                    this.items.forEach(function (item) { return (item.reorderable = _this.reorderable); });
-                }
-                this.changeDetector.markForCheck();
-            }
-        };
-        SkyRepeaterComponent.prototype.ngOnDestroy = function () {
-            this.ngUnsubscribe.next();
-            this.ngUnsubscribe.complete();
-            this.destroyDragAndDrop();
-        };
-        SkyRepeaterComponent.prototype.updateForExpandMode = function (itemAdded) {
-            if (this.items) {
-                var foundExpanded_1 = false;
-                var isCollapsible_1 = this.expandMode !== 'none';
-                var isSingle_1 = this.expandMode === 'single';
-                // Keep any newly-added expanded item expanded and collapse the rest.
-                if (itemAdded && itemAdded.isExpanded) {
-                    foundExpanded_1 = true;
-                }
-                this.items.forEach(function (item) {
-                    item.isCollapsible = isCollapsible_1 && !!item.hasItemContent;
-                    if (item !== itemAdded && isSingle_1 && item.isExpanded) {
-                        if (foundExpanded_1) {
-                            item.updateForExpanded(false, false);
-                        }
-                        foundExpanded_1 = true;
-                    }
-                });
-            }
-        };
-        SkyRepeaterComponent.prototype.initializeDragAndDrop = function () {
-            var _this = this;
-            /* Sanity check that we haven't already set up dragging abilities */
-            /* istanbul ignore else */
-            if (!this.dragulaService.find(this.dragulaGroupName)) {
-                this.dragulaService.setOptions(this.dragulaGroupName, {
-                    moves: function (el, container, handle) {
-                        var target = el.querySelector('.sky-repeater-item-grab-handle');
-                        return _this.reorderable && target && target.contains(handle);
-                    },
-                });
-            }
-            var draggedItemIndex;
-            this.dragulaService.drag
-                .pipe(operators.takeUntil(this.dragulaUnsubscribe))
-                .subscribe(function (_a) {
-                var _b = __read(_a, 2), groupName = _b[0], subject = _b[1];
-                /* istanbul ignore else */
-                if (groupName === _this.dragulaGroupName) {
-                    _this.renderer.addClass(subject, 'sky-repeater-item-dragging');
-                    draggedItemIndex = _this.adapterService.getRepeaterItemIndex(subject);
-                }
-            });
-            this.dragulaService.dragend
-                .pipe(operators.takeUntil(this.dragulaUnsubscribe))
-                .subscribe(function (_a) {
-                var _b = __read(_a, 2), groupName = _b[0], subject = _b[1];
-                /* istanbul ignore else */
-                if (groupName === _this.dragulaGroupName) {
-                    _this.renderer.removeClass(subject, 'sky-repeater-item-dragging');
-                    var newItemIndex = _this.adapterService.getRepeaterItemIndex(subject);
-                    /* sanity check */
-                    /* istanbul ignore else */
-                    if (draggedItemIndex >= 0) {
-                        _this.repeaterService.reorderItem(draggedItemIndex, newItemIndex);
-                        draggedItemIndex = undefined;
-                    }
-                    _this.emitTags();
-                }
-            });
-        };
-        SkyRepeaterComponent.prototype.destroyDragAndDrop = function () {
-            this.dragulaUnsubscribe.next();
-            this.dragulaUnsubscribe.complete();
-            this.dragulaUnsubscribe = undefined;
-            /* Sanity check that we have set up dragging abilities */
-            /* istanbul ignore else */
-            if (this.dragulaService.find(this.dragulaGroupName)) {
-                this.dragulaService.destroy(this.dragulaGroupName);
-            }
-        };
-        SkyRepeaterComponent.prototype.emitTags = function () {
-            var tags = this.repeaterService.items.map(function (item) { return item.tag; });
-            this.orderChange.emit(tags);
-        };
-        SkyRepeaterComponent.prototype.everyItemHasTag = function () {
-            /* sanity check */
-            /* istanbul ignore if */
-            if (!this.items || this.items.length === 0) {
-                return false;
-            }
-            return this.items.toArray().every(function (item) {
-                return item.tag !== undefined;
-            });
-        };
-        return SkyRepeaterComponent;
-    }());
-    SkyRepeaterComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyRepeaterComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: SkyRepeaterService }, { token: SkyRepeaterAdapterService }, { token: i3__namespace$1.DragulaService }, { token: i0__namespace.ElementRef }, { token: i0__namespace.Renderer2 }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyRepeaterComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkyRepeaterComponent, selector: "sky-repeater", inputs: { activeIndex: "activeIndex", ariaLabel: "ariaLabel", reorderable: "reorderable", expandMode: "expandMode" }, outputs: { activeIndexChange: "activeIndexChange", orderChange: "orderChange" }, providers: [SkyRepeaterService, SkyRepeaterAdapterService], queries: [{ propertyName: "items", predicate: SkyRepeaterItemComponent }], usesOnChanges: true, ngImport: i0__namespace, template: "<ng-container #repeaterHost>\n  <div\n    class=\"sky-repeater\"\n    role=\"listbox\"\n    [attr.aria-label]=\"ariaLabel || ('skyux_repeater_label' | skyLibResources)\"\n    [dragula]=\"dragulaGroupName\"\n  >\n    <ng-content></ng-content>\n  </div>\n</ng-container>\n", styles: [".sky-repeater{padding:0}\n"], directives: [{ type: i3__namespace$1.DragulaDirective, selector: "[dragula]", inputs: ["dragula", "dragulaModel", "dragulaOptions"] }], pipes: { "skyLibResources": i4__namespace.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyRepeaterComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-repeater',
-                        styles: [".sky-repeater{padding:0}\n"],
-                        template: "<ng-container #repeaterHost>\n  <div\n    class=\"sky-repeater\"\n    role=\"listbox\"\n    [attr.aria-label]=\"ariaLabel || ('skyux_repeater_label' | skyLibResources)\"\n    [dragula]=\"dragulaGroupName\"\n  >\n    <ng-content></ng-content>\n  </div>\n</ng-container>\n",
-                        providers: [SkyRepeaterService, SkyRepeaterAdapterService],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    }]
-            }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: SkyRepeaterService }, { type: SkyRepeaterAdapterService }, { type: i3__namespace$1.DragulaService }, { type: i0__namespace.ElementRef }, { type: i0__namespace.Renderer2 }]; }, propDecorators: { activeIndex: [{
-                    type: i0.Input
-                }], ariaLabel: [{
-                    type: i0.Input
-                }], reorderable: [{
-                    type: i0.Input
-                }], expandMode: [{
-                    type: i0.Input
-                }], activeIndexChange: [{
-                    type: i0.Output
-                }], orderChange: [{
-                    type: i0.Output
-                }], items: [{
-                    type: i0.ContentChildren,
-                    args: [SkyRepeaterItemComponent]
-                }] } });
-
-    var SkyRepeaterModule = /** @class */ (function () {
-        function SkyRepeaterModule() {
-        }
-        return SkyRepeaterModule;
-    }());
-    SkyRepeaterModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyRepeaterModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyRepeaterModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyRepeaterModule, declarations: [SkyRepeaterComponent,
-            SkyRepeaterItemComponent,
-            SkyRepeaterItemContentComponent,
-            SkyRepeaterItemContextMenuComponent,
-            SkyRepeaterItemTitleComponent], imports: [i2.CommonModule,
-            i3$1.DragulaModule,
-            i1.SkyChevronModule,
-            i6.SkyCheckboxModule,
-            i1.SkyIconModule,
-            i4$1.SkyInlineFormModule,
-            SkyListsResourcesModule], exports: [SkyRepeaterComponent,
-            SkyRepeaterItemComponent,
-            SkyRepeaterItemContentComponent,
-            SkyRepeaterItemContextMenuComponent,
-            SkyRepeaterItemTitleComponent] });
-    SkyRepeaterModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyRepeaterModule, imports: [[
-                i2.CommonModule,
-                i3$1.DragulaModule,
-                i1.SkyChevronModule,
-                i6.SkyCheckboxModule,
-                i1.SkyIconModule,
-                i4$1.SkyInlineFormModule,
-                SkyListsResourcesModule,
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyRepeaterModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [
-                            SkyRepeaterComponent,
-                            SkyRepeaterItemComponent,
-                            SkyRepeaterItemContentComponent,
-                            SkyRepeaterItemContextMenuComponent,
-                            SkyRepeaterItemTitleComponent,
-                        ],
-                        imports: [
-                            i2.CommonModule,
-                            i3$1.DragulaModule,
-                            i1.SkyChevronModule,
-                            i6.SkyCheckboxModule,
-                            i1.SkyIconModule,
-                            i4$1.SkyInlineFormModule,
-                            SkyListsResourcesModule,
-                        ],
-                        exports: [
-                            SkyRepeaterComponent,
-                            SkyRepeaterItemComponent,
-                            SkyRepeaterItemContentComponent,
-                            SkyRepeaterItemContextMenuComponent,
-                            SkyRepeaterItemTitleComponent,
-                        ],
-                    }]
-            }] });
-
-    /**
-     * @internal
-     */
-    var SkySortService = /** @class */ (function () {
-        function SkySortService() {
-            this.selectedItem = new rxjs.BehaviorSubject('');
-        }
-        SkySortService.prototype.selectItem = function (sortItem) {
-            this.selectedItem.next(sortItem);
-        };
-        return SkySortService;
-    }());
-    SkySortService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySortService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    SkySortService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySortService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySortService, decorators: [{
-                type: i0.Injectable
-            }] });
-
-    var SORT_ITEM_ID_PREFIX = 'sky-sort-item-';
-    var sortItemIdNumber = 0;
-    var SkySortItemComponent = /** @class */ (function () {
-        function SkySortItemComponent(sortService, detector) {
-            this.sortService = sortService;
-            this.detector = detector;
-            /**
-             * Fires when a sort item is selected.
-             */
-            this.itemSelect = new i0.EventEmitter();
-            this.isSelected = new rxjs.BehaviorSubject(false);
-        }
-        SkySortItemComponent.prototype.ngOnInit = function () {
-            var _this = this;
-            sortItemIdNumber++;
-            this.sortItemId = SORT_ITEM_ID_PREFIX + sortItemIdNumber.toString();
-            this.subscription = this.sortService.selectedItem.subscribe(function (itemId) {
-                _this.isSelected.next(itemId === _this.sortItemId);
-                _this.detector.detectChanges();
-            });
-            if (this.active) {
-                this.sortService.selectItem(this.sortItemId);
-            }
-        };
-        SkySortItemComponent.prototype.ngOnChanges = function (changes) {
-            if (changes &&
-                changes['active'] &&
-                changes['active'].currentValue &&
-                changes['active'].currentValue !== changes['active'].previousValue) {
-                this.sortService.selectItem(this.sortItemId);
-            }
-        };
-        SkySortItemComponent.prototype.itemClicked = function () {
-            this.sortService.selectItem(this.sortItemId);
-            this.itemSelect.emit();
-        };
-        SkySortItemComponent.prototype.ngOnDestroy = function () {
-            /* istanbul ignore else */
-            /* sanity check */
-            if (this.subscription) {
-                this.subscription.unsubscribe();
-            }
-        };
-        return SkySortItemComponent;
-    }());
-    SkySortItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySortItemComponent, deps: [{ token: SkySortService }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkySortItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkySortItemComponent, selector: "sky-sort-item", inputs: { active: "active" }, outputs: { itemSelect: "itemSelect" }, usesOnChanges: true, ngImport: i0__namespace, template: "<div\n  class=\"sky-sort-item\"\n  role=\"menuitemradio\"\n  [attr.aria-checked]=\"isSelected | async\"\n  [ngClass]=\"{ 'sky-sort-item-selected': (isSelected | async) }\"\n>\n  <button\n    type=\"button\"\n    [ngClass]=\"{ 'sky-emphasized': (isSelected | async) }\"\n    (click)=\"itemClicked()\"\n  >\n    <ng-content></ng-content>\n  </button>\n</div>\n", styles: [".sky-sort-item{background-color:transparent;border:none;display:block;margin:4px;min-width:160px;text-align:left;transition:background-color .15s}.sky-sort-item.sky-dropdown-item-active,.sky-sort-item:hover{background-color:#eeeeef}.sky-sort-item.sky-dropdown-item-disabled{cursor:default}.sky-sort-item.sky-dropdown-item-disabled:hover{background-color:transparent}.sky-sort-item ::ng-deep>button{background-color:transparent;border:none;color:#212327;cursor:pointer;display:block;padding:3px 20px;text-align:left;width:100%}.sky-sort-item ::ng-deep>button[disabled]{color:#686c73}.sky-sort-item ::ng-deep>button[disabled]:hover{cursor:default}.sky-sort-item-selected{background-color:#f1eef6;padding:4px;margin:0}:host-context(.sky-theme-modern) .sky-sort-item{margin:0 0 10px;border:none;border-radius:0;font-weight:400;transition:box-shadow .15s;padding:10px 20px}:host-context(.sky-theme-modern) .sky-sort-item:hover:not(.sky-btn-tab-disabled):not(.sky-btn-tab-selected):not(.sky-dropdown-button-type-tab):not(:focus){background-color:transparent;border-bottom:solid 1px #00b4f1;padding-bottom:9px}:host-context(.sky-theme-modern) .sky-sort-item:focus{background-color:transparent;outline:none}:host-context(.sky-theme-modern) .sky-sort-item:focus:not(:active){outline:solid 2px #1870B8;outline-offset:-2px;box-shadow:0 1px 8px #0000004d}:host-context(.sky-theme-modern) .sky-sort-item:active{border-bottom:solid 3px #00b4f1;padding-bottom:7px}:host-context(.sky-theme-modern) .sky-sort-item:hover:not(.sky-btn-tab-disabled){background-color:transparent;border-bottom:none;outline:solid 1px #1870B8;outline-offset:-1px}:host-context(.sky-theme-modern) .sky-sort-item:focus:not(:active){background-color:transparent;box-shadow:0 1px 8px #0000004d;outline:solid 2px #1870B8;outline-offset:-2px}:host-context(.sky-theme-modern) .sky-sort-item button{padding:0;color:#686c73}:host-context(.sky-theme-modern) .sky-sort-item-selected{color:#212327;border-bottom:none;border-left:solid 3px #1870B8;padding-bottom:10px;padding-left:13px;padding-left:calc(20px - 3px);background-color:inherit}:host-context(.sky-theme-modern) .sky-sort-item-selected button{font-weight:400;color:#212327}.sky-theme-modern .sky-sort-item{margin:0 0 10px;border:none;border-radius:0;font-weight:400;transition:box-shadow .15s;padding:10px 20px}.sky-theme-modern .sky-sort-item:hover:not(.sky-btn-tab-disabled):not(.sky-btn-tab-selected):not(.sky-dropdown-button-type-tab):not(:focus){background-color:transparent;border-bottom:solid 1px #00b4f1;padding-bottom:9px}.sky-theme-modern .sky-sort-item:focus{background-color:transparent;outline:none}.sky-theme-modern .sky-sort-item:focus:not(:active){outline:solid 2px #1870B8;outline-offset:-2px;box-shadow:0 1px 8px #0000004d}.sky-theme-modern .sky-sort-item:active{border-bottom:solid 3px #00b4f1;padding-bottom:7px}.sky-theme-modern .sky-sort-item:hover:not(.sky-btn-tab-disabled){background-color:transparent;border-bottom:none;outline:solid 1px #1870B8;outline-offset:-1px}.sky-theme-modern .sky-sort-item:focus:not(:active){background-color:transparent;box-shadow:0 1px 8px #0000004d;outline:solid 2px #1870B8;outline-offset:-2px}.sky-theme-modern .sky-sort-item button{padding:0;color:#686c73}.sky-theme-modern .sky-sort-item-selected{color:#212327;border-bottom:none;border-left:solid 3px #1870B8;padding-bottom:10px;padding-left:13px;padding-left:calc(20px - 3px);background-color:inherit}.sky-theme-modern .sky-sort-item-selected button{font-weight:400;color:#212327}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-sort-item button{color:#c0c2c5}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-sort-item-selected button{color:#fbfcfe}.sky-theme-modern.sky-theme-mode-dark .sky-sort-item button{color:#c0c2c5}.sky-theme-modern.sky-theme-mode-dark .sky-sort-item-selected button{color:#fbfcfe}\n"], directives: [{ type: i2__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "async": i2__namespace.AsyncPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySortItemComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-sort-item',
-                        styles: [".sky-sort-item{background-color:transparent;border:none;display:block;margin:4px;min-width:160px;text-align:left;transition:background-color .15s}.sky-sort-item.sky-dropdown-item-active,.sky-sort-item:hover{background-color:#eeeeef}.sky-sort-item.sky-dropdown-item-disabled{cursor:default}.sky-sort-item.sky-dropdown-item-disabled:hover{background-color:transparent}.sky-sort-item ::ng-deep>button{background-color:transparent;border:none;color:#212327;cursor:pointer;display:block;padding:3px 20px;text-align:left;width:100%}.sky-sort-item ::ng-deep>button[disabled]{color:#686c73}.sky-sort-item ::ng-deep>button[disabled]:hover{cursor:default}.sky-sort-item-selected{background-color:#f1eef6;padding:4px;margin:0}:host-context(.sky-theme-modern) .sky-sort-item{margin:0 0 10px;border:none;border-radius:0;font-weight:400;transition:box-shadow .15s;padding:10px 20px}:host-context(.sky-theme-modern) .sky-sort-item:hover:not(.sky-btn-tab-disabled):not(.sky-btn-tab-selected):not(.sky-dropdown-button-type-tab):not(:focus){background-color:transparent;border-bottom:solid 1px #00b4f1;padding-bottom:9px}:host-context(.sky-theme-modern) .sky-sort-item:focus{background-color:transparent;outline:none}:host-context(.sky-theme-modern) .sky-sort-item:focus:not(:active){outline:solid 2px #1870B8;outline-offset:-2px;box-shadow:0 1px 8px #0000004d}:host-context(.sky-theme-modern) .sky-sort-item:active{border-bottom:solid 3px #00b4f1;padding-bottom:7px}:host-context(.sky-theme-modern) .sky-sort-item:hover:not(.sky-btn-tab-disabled){background-color:transparent;border-bottom:none;outline:solid 1px #1870B8;outline-offset:-1px}:host-context(.sky-theme-modern) .sky-sort-item:focus:not(:active){background-color:transparent;box-shadow:0 1px 8px #0000004d;outline:solid 2px #1870B8;outline-offset:-2px}:host-context(.sky-theme-modern) .sky-sort-item button{padding:0;color:#686c73}:host-context(.sky-theme-modern) .sky-sort-item-selected{color:#212327;border-bottom:none;border-left:solid 3px #1870B8;padding-bottom:10px;padding-left:13px;padding-left:calc(20px - 3px);background-color:inherit}:host-context(.sky-theme-modern) .sky-sort-item-selected button{font-weight:400;color:#212327}.sky-theme-modern .sky-sort-item{margin:0 0 10px;border:none;border-radius:0;font-weight:400;transition:box-shadow .15s;padding:10px 20px}.sky-theme-modern .sky-sort-item:hover:not(.sky-btn-tab-disabled):not(.sky-btn-tab-selected):not(.sky-dropdown-button-type-tab):not(:focus){background-color:transparent;border-bottom:solid 1px #00b4f1;padding-bottom:9px}.sky-theme-modern .sky-sort-item:focus{background-color:transparent;outline:none}.sky-theme-modern .sky-sort-item:focus:not(:active){outline:solid 2px #1870B8;outline-offset:-2px;box-shadow:0 1px 8px #0000004d}.sky-theme-modern .sky-sort-item:active{border-bottom:solid 3px #00b4f1;padding-bottom:7px}.sky-theme-modern .sky-sort-item:hover:not(.sky-btn-tab-disabled){background-color:transparent;border-bottom:none;outline:solid 1px #1870B8;outline-offset:-1px}.sky-theme-modern .sky-sort-item:focus:not(:active){background-color:transparent;box-shadow:0 1px 8px #0000004d;outline:solid 2px #1870B8;outline-offset:-2px}.sky-theme-modern .sky-sort-item button{padding:0;color:#686c73}.sky-theme-modern .sky-sort-item-selected{color:#212327;border-bottom:none;border-left:solid 3px #1870B8;padding-bottom:10px;padding-left:13px;padding-left:calc(20px - 3px);background-color:inherit}.sky-theme-modern .sky-sort-item-selected button{font-weight:400;color:#212327}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-sort-item button{color:#c0c2c5}:host-context(.sky-theme-modern.sky-theme-mode-dark) .sky-sort-item-selected button{color:#fbfcfe}.sky-theme-modern.sky-theme-mode-dark .sky-sort-item button{color:#c0c2c5}.sky-theme-modern.sky-theme-mode-dark .sky-sort-item-selected button{color:#fbfcfe}\n"],
-                        template: "<div\n  class=\"sky-sort-item\"\n  role=\"menuitemradio\"\n  [attr.aria-checked]=\"isSelected | async\"\n  [ngClass]=\"{ 'sky-sort-item-selected': (isSelected | async) }\"\n>\n  <button\n    type=\"button\"\n    [ngClass]=\"{ 'sky-emphasized': (isSelected | async) }\"\n    (click)=\"itemClicked()\"\n  >\n    <ng-content></ng-content>\n  </button>\n</div>\n",
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    }]
-            }], ctorParameters: function () { return [{ type: SkySortService }, { type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { active: [{
-                    type: i0.Input
-                }], itemSelect: [{
-                    type: i0.Output
-                }] } });
-
-    var SkySortMenuHeadingComponent = /** @class */ (function () {
-        function SkySortMenuHeadingComponent() {
-        }
-        return SkySortMenuHeadingComponent;
-    }());
-    SkySortMenuHeadingComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySortMenuHeadingComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkySortMenuHeadingComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkySortMenuHeadingComponent, selector: "sky-sort-menu-heading", ngImport: i0__namespace, template: "<div\n  class=\"sky-sort-menu-heading\"\n  [skyThemeClass]=\"{\n    'sky-subsection-heading': 'default',\n    'sky-font-heading-4': 'modern'\n  }\"\n>\n  {{ 'skyux_sort_menu_heading' | skyLibResources }}\n</div>\n", styles: [".sky-sort-menu-heading{background-color:transparent;border:none;display:block;margin:4px;min-width:160px;transition:background-color .15s;padding:3px 20px;text-align:left;width:100%}:host-context(.sky-theme-modern) .sky-sort-menu-heading{margin:10px 0 0;padding:10px 20px}.sky-theme-modern .sky-sort-menu-heading{margin:10px 0 0;padding:10px 20px}\n"], directives: [{ type: i3__namespace.λ2, selector: "[skyThemeClass]", inputs: ["class", "skyThemeClass"] }], pipes: { "skyLibResources": i4__namespace.SkyLibResourcesPipe } });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySortMenuHeadingComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-sort-menu-heading',
-                        template: "<div\n  class=\"sky-sort-menu-heading\"\n  [skyThemeClass]=\"{\n    'sky-subsection-heading': 'default',\n    'sky-font-heading-4': 'modern'\n  }\"\n>\n  {{ 'skyux_sort_menu_heading' | skyLibResources }}\n</div>\n",
-                        styles: [".sky-sort-menu-heading{background-color:transparent;border:none;display:block;margin:4px;min-width:160px;transition:background-color .15s;padding:3px 20px;text-align:left;width:100%}:host-context(.sky-theme-modern) .sky-sort-menu-heading{margin:10px 0 0;padding:10px 20px}.sky-theme-modern .sky-sort-menu-heading{margin:10px 0 0;padding:10px 20px}\n"],
-                    }]
-            }] });
-
-    var SkySortComponent = /** @class */ (function () {
-        function SkySortComponent() {
-            /**
-             * Indicates whether to display a "Sort" label beside the icon on the sort button.
-             */
-            this.showButtonText = false;
-            this.dropdownController = new rxjs.Subject();
-        }
-        SkySortComponent.prototype.dropdownClicked = function () {
-            this.dropdownController.next({
-                type: i1$2.SkyDropdownMessageType.Close,
-            });
-        };
-        return SkySortComponent;
-    }());
-    SkySortComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySortComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkySortComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SkySortComponent, selector: "sky-sort", inputs: { showButtonText: "showButtonText" }, providers: [SkySortService], ngImport: i0__namespace, template: "<div class=\"sky-sort\">\n  <sky-dropdown\n    buttonType=\"select\"\n    [label]=\"'skyux_sort_button_label' | skyLibResources\"\n    [messageStream]=\"dropdownController\"\n    [title]=\"'skyux_sort_button_label' | skyLibResources\"\n  >\n    <sky-dropdown-button>\n      <sky-icon *skyThemeIf=\"'default'\" icon=\"sort\"></sky-icon>\n      <sky-icon *skyThemeIf=\"'modern'\" icon=\"sort\" iconType=\"skyux\"></sky-icon>\n      <span *ngIf=\"showButtonText\" class=\"sky-sort-btn-text\">\n        {{ 'skyux_sort_button_label' | skyLibResources }}\n      </span>\n    </sky-dropdown-button>\n    <sky-dropdown-menu\n      ariaRole=\"menu\"\n      [ariaLabelledBy]=\"sortMenuHeading.id\"\n      (click)=\"dropdownClicked()\"\n    >\n      <sky-sort-menu-heading\n        skyId\n        #sortMenuHeading=\"skyId\"\n      ></sky-sort-menu-heading>\n      <div *skyThemeIf=\"'default'\" class=\"sky-sort-heading-divider\"></div>\n      <ng-content></ng-content>\n    </sky-dropdown-menu>\n  </sky-dropdown>\n</div>\n", styles: [".sky-sort-heading-divider{margin:0;height:1px;overflow:hidden;background-color:#eeeeef}:host .sky-sort-btn-text{display:none}:host .sky-sort ::ng-deep .sky-dropdown-caret{display:none}:host-context(.sky-responsive-container-xs) .sky-sort-btn-text,:host-context(.sky-responsive-container-sm) .sky-sort-btn-text,:host-context(.sky-responsive-container-md) .sky-sort-btn-text,:host-context(.sky-responsive-container-lg) .sky-sort-btn-text{display:none}:host-context(.sky-responsive-container-xs) .sky-sort ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-sm) .sky-sort ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-md) .sky-sort ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-lg) .sky-sort ::ng-deep .sky-dropdown-caret{display:none}@media (min-width: 768px){:host .sky-sort-btn-text{display:inline}:host .sky-sort ::ng-deep .sky-dropdown-caret{display:inline-block}}:host-context(.sky-responsive-container-sm) .sky-sort-btn-text,:host-context(.sky-responsive-container-md) .sky-sort-btn-text,:host-context(.sky-responsive-container-lg) .sky-sort-btn-text{display:inline}:host-context(.sky-responsive-container-sm) .sky-sort ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-md) .sky-sort ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-lg) .sky-sort ::ng-deep .sky-dropdown-caret{display:inline-block}\n"], components: [{ type: i1__namespace$2.λ3, selector: "sky-dropdown", inputs: ["buttonStyle", "buttonType", "disabled", "dismissOnBlur", "label", "horizontalAlignment", "messageStream", "title", "trigger"] }, { type: i1__namespace$2.λ2, selector: "sky-dropdown-button" }, { type: i1__namespace.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { type: i1__namespace$2.λ4, selector: "sky-dropdown-menu", inputs: ["ariaLabelledBy", "ariaRole", "useNativeFocus"], outputs: ["menuChanges"] }, { type: SkySortMenuHeadingComponent, selector: "sky-sort-menu-heading" }], directives: [{ type: i3__namespace.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { type: i2__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$1.λ2, selector: "[skyId]", exportAs: ["skyId"] }], pipes: { "skyLibResources": i4__namespace.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySortComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-sort',
-                        styles: [".sky-sort-heading-divider{margin:0;height:1px;overflow:hidden;background-color:#eeeeef}:host .sky-sort-btn-text{display:none}:host .sky-sort ::ng-deep .sky-dropdown-caret{display:none}:host-context(.sky-responsive-container-xs) .sky-sort-btn-text,:host-context(.sky-responsive-container-sm) .sky-sort-btn-text,:host-context(.sky-responsive-container-md) .sky-sort-btn-text,:host-context(.sky-responsive-container-lg) .sky-sort-btn-text{display:none}:host-context(.sky-responsive-container-xs) .sky-sort ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-sm) .sky-sort ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-md) .sky-sort ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-lg) .sky-sort ::ng-deep .sky-dropdown-caret{display:none}@media (min-width: 768px){:host .sky-sort-btn-text{display:inline}:host .sky-sort ::ng-deep .sky-dropdown-caret{display:inline-block}}:host-context(.sky-responsive-container-sm) .sky-sort-btn-text,:host-context(.sky-responsive-container-md) .sky-sort-btn-text,:host-context(.sky-responsive-container-lg) .sky-sort-btn-text{display:inline}:host-context(.sky-responsive-container-sm) .sky-sort ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-md) .sky-sort ::ng-deep .sky-dropdown-caret,:host-context(.sky-responsive-container-lg) .sky-sort ::ng-deep .sky-dropdown-caret{display:inline-block}\n"],
-                        template: "<div class=\"sky-sort\">\n  <sky-dropdown\n    buttonType=\"select\"\n    [label]=\"'skyux_sort_button_label' | skyLibResources\"\n    [messageStream]=\"dropdownController\"\n    [title]=\"'skyux_sort_button_label' | skyLibResources\"\n  >\n    <sky-dropdown-button>\n      <sky-icon *skyThemeIf=\"'default'\" icon=\"sort\"></sky-icon>\n      <sky-icon *skyThemeIf=\"'modern'\" icon=\"sort\" iconType=\"skyux\"></sky-icon>\n      <span *ngIf=\"showButtonText\" class=\"sky-sort-btn-text\">\n        {{ 'skyux_sort_button_label' | skyLibResources }}\n      </span>\n    </sky-dropdown-button>\n    <sky-dropdown-menu\n      ariaRole=\"menu\"\n      [ariaLabelledBy]=\"sortMenuHeading.id\"\n      (click)=\"dropdownClicked()\"\n    >\n      <sky-sort-menu-heading\n        skyId\n        #sortMenuHeading=\"skyId\"\n      ></sky-sort-menu-heading>\n      <div *skyThemeIf=\"'default'\" class=\"sky-sort-heading-divider\"></div>\n      <ng-content></ng-content>\n    </sky-dropdown-menu>\n  </sky-dropdown>\n</div>\n",
-                        providers: [SkySortService],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    }]
-            }], propDecorators: { showButtonText: [{
-                    type: i0.Input
-                }] } });
-
-    var SkySortModule = /** @class */ (function () {
-        function SkySortModule() {
-        }
-        return SkySortModule;
-    }());
-    SkySortModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySortModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkySortModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySortModule, declarations: [SkySortComponent,
-            SkySortItemComponent,
-            SkySortMenuHeadingComponent], imports: [i2.CommonModule,
-            i1$2.SkyDropdownModule,
-            i1.SkyIconModule,
-            i1$1.SkyIdModule,
-            SkyListsResourcesModule,
-            i3.SkyThemeModule], exports: [SkySortComponent, SkySortItemComponent] });
-    SkySortModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySortModule, imports: [[
-                i2.CommonModule,
-                i1$2.SkyDropdownModule,
-                i1.SkyIconModule,
-                i1$1.SkyIdModule,
-                SkyListsResourcesModule,
-                i3.SkyThemeModule,
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkySortModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        declarations: [
-                            SkySortComponent,
-                            SkySortItemComponent,
-                            SkySortMenuHeadingComponent,
-                        ],
-                        imports: [
-                            i2.CommonModule,
-                            i1$2.SkyDropdownModule,
-                            i1.SkyIconModule,
-                            i1$1.SkyIdModule,
-                            SkyListsResourcesModule,
-                            i3.SkyThemeModule,
-                        ],
-                        exports: [SkySortComponent, SkySortItemComponent],
-                    }]
-            }] });
-
-    /**
-     * Generated bundle index. Do not edit.
-     */
-
-    exports.SkyFilterModule = SkyFilterModule;
-    exports.SkyInfiniteScrollModule = SkyInfiniteScrollModule;
-    exports.SkyPagingModule = SkyPagingModule;
-    exports.SkyRepeaterModule = SkyRepeaterModule;
-    exports.SkySortModule = SkySortModule;
-    exports["λ1"] = SkyFilterButtonComponent;
-    exports["λ10"] = SkyRepeaterItemComponent;
-    exports["λ11"] = SkyRepeaterComponent;
-    exports["λ12"] = SkyRepeaterItemTitleComponent;
-    exports["λ13"] = SkySortItemComponent;
-    exports["λ14"] = SkySortComponent;
-    exports["λ2"] = SkyFilterInlineComponent;
-    exports["λ3"] = SkyFilterInlineItemComponent;
-    exports["λ4"] = SkyFilterSummaryItemComponent;
-    exports["λ5"] = SkyFilterSummaryComponent;
-    exports["λ6"] = SkyInfiniteScrollComponent;
-    exports["λ7"] = SkyPagingComponent;
-    exports["λ8"] = SkyRepeaterItemContentComponent;
-    exports["λ9"] = SkyRepeaterItemContextMenuComponent;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-}));
-//# sourceMappingURL=skyux-lists.umd.js.map