@skyux/data-manager 5.0.0-beta.7 → 5.0.0

package/bundles/skyux-data-manager.umd.js

@@ -61,14 +61,14 @@
         }
         return SkyDataManagerResourcesModule;
     }());
-    SkyDataManagerResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyDataManagerResourcesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyDataManagerResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyDataManagerResourcesModule, exports: [i4.SkyI18nModule] });
-    SkyDataManagerResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyDataManagerResourcesModule, providers: [{
+    SkyDataManagerResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: SkyDataManagerResourcesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SkyDataManagerResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: SkyDataManagerResourcesModule, exports: [i4.SkyI18nModule] });
+    SkyDataManagerResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: SkyDataManagerResourcesModule, providers: [{
                 provide: i4.SKY_LIB_RESOURCES_PROVIDERS,
                 useClass: SkyDataManagerResourcesProvider,
                 multi: true
             }], imports: [i4.SkyI18nModule] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyDataManagerResourcesModule, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: SkyDataManagerResourcesModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
                         exports: [i4.SkyI18nModule],
@@ -740,9 +740,9 @@
         };
         return SkyDataManagerService;
     }());
-    SkyDataManagerService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyDataManagerService, deps: [{ token: i1__namespace.SkyUIConfigService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    SkyDataManagerService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyDataManagerService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyDataManagerService, decorators: [{
+    SkyDataManagerService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: SkyDataManagerService, deps: [{ token: i1__namespace.SkyUIConfigService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    SkyDataManagerService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: SkyDataManagerService });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: SkyDataManagerService, decorators: [{
                 type: i0.Injectable
             }], ctorParameters: function () { return [{ type: i1__namespace.SkyUIConfigService }]; } });
 
@@ -832,9 +832,9 @@
         };
         return SkyDataManagerComponent;
     }());
-    SkyDataManagerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyDataManagerComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: SkyDataManagerService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyDataManagerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", type: SkyDataManagerComponent, selector: "sky-data-manager", ngImport: i0__namespace, template: "<div\n  *ngIf=\"isInitialized\"\n  class=\"sky-data-manager\"\n  [skyBackToTop]=\"backToTopOptions\"\n  [skyBackToTopMessageStream]=\"backToTopController\"\n  [skyViewkeeper]=\"currentViewkeeperClasses\"\n  #dataManager\n>\n  <ng-content></ng-content>\n</div>\n", directives: [{ type: i9__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace.λ7, selector: "[skyBackToTop]", inputs: ["skyBackToTop", "skyBackToTopMessageStream"] }, { type: i1__namespace.λ3, selector: "[skyViewkeeper]", inputs: ["skyViewkeeper"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyDataManagerComponent, decorators: [{
+    SkyDataManagerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: SkyDataManagerComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: SkyDataManagerService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyDataManagerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", type: SkyDataManagerComponent, selector: "sky-data-manager", ngImport: i0__namespace, template: "<div\n  *ngIf=\"isInitialized\"\n  class=\"sky-data-manager\"\n  [skyBackToTop]=\"backToTopOptions\"\n  [skyBackToTopMessageStream]=\"backToTopController\"\n  [skyViewkeeper]=\"currentViewkeeperClasses\"\n  #dataManager\n>\n  <ng-content></ng-content>\n</div>\n", directives: [{ type: i9__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4__namespace.λ7, selector: "[skyBackToTop]", inputs: ["skyBackToTop", "skyBackToTopMessageStream"] }, { type: i1__namespace.λ3, selector: "[skyViewkeeper]", inputs: ["skyViewkeeper"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: SkyDataManagerComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'sky-data-manager',
@@ -860,9 +860,9 @@
         }
         return SkyDataManagerColumnPickerService;
     }());
-    SkyDataManagerColumnPickerService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyDataManagerColumnPickerService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    SkyDataManagerColumnPickerService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyDataManagerColumnPickerService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyDataManagerColumnPickerService, decorators: [{
+    SkyDataManagerColumnPickerService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: SkyDataManagerColumnPickerService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    SkyDataManagerColumnPickerService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: SkyDataManagerColumnPickerService });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: SkyDataManagerColumnPickerService, decorators: [{
                 type: i0.Injectable
             }] });
 
@@ -1034,9 +1034,9 @@
         };
         return SkyDataManagerToolbarComponent;
     }());
-    SkyDataManagerToolbarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyDataManagerToolbarComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: SkyDataManagerService }, { token: i3__namespace.SkyModalService }, { token: SkyDataManagerColumnPickerService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyDataManagerToolbarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", type: SkyDataManagerToolbarComponent, selector: "sky-data-manager-toolbar", ngImport: i0__namespace, template: "<div class=\"sky-data-manager-toolbar\">\n<sky-toolbar>\n  <sky-toolbar-section>\n\n    <ng-content select=\"sky-data-manager-toolbar-primary-item\"></ng-content>\n\n    <sky-toolbar-item *ngIf=\"activeView?.filterButtonEnabled\">\n      <sky-filter-button\n        [showButtonText]=\"activeView?.showFilterButtonText\"\n        (filterButtonClick)=\"filterButtonClicked()\"\n      >\n      </sky-filter-button>\n    </sky-toolbar-item>\n\n    <sky-toolbar-item *ngIf=\"activeView?.sortEnabled\">\n      <sky-sort [showButtonText]=\"activeView?.showSortButtonText\">\n        <sky-sort-item\n          *ngFor=\"let item of dataManagerConfig?.sortOptions\"\n          [active]=\"activeSortOptionId && activeSortOptionId === item.id\"\n          (itemSelect)=\"sortSelected(item)\"\n        >\n          {{item.label}}\n        </sky-sort-item>\n      </sky-sort>\n    </sky-toolbar-item>\n\n    <sky-toolbar-item *ngIf=\"activeView?.columnPickerEnabled\">\n      <button\n        class=\"sky-btn sky-btn-default sky-col-picker-btn\"\n        type=\"button\"\n        [attr.aria-label]=\"'skyux_data_manager_columns_button_title' | skyLibResources\"\n        [attr.title]=\"'skyux_data_manager_columns_button_title' | skyLibResources\"\n        (click)=\"openColumnPicker()\"\n      >\n        <sky-icon\n          icon=\"columns\"\n        ></sky-icon>\n        <span\n          class=\"sky-column-selector-action-btn-text\"\n        >\n          {{'skyux_data_manager_columns_button_title' | skyLibResources}}\n        </span>\n      </button>\n    </sky-toolbar-item>\n\n    <ng-content select=\"sky-data-manager-toolbar-left-item\"></ng-content>\n\n    <sky-toolbar-item *ngIf=\"activeView?.searchEnabled\">\n      <sky-search\n        [expandMode]=\"activeView?.searchExpandMode\"\n        [placeholderText]=\"activeView?.searchPlaceholderText\"\n        [searchText]=\"dataState?.searchText\"\n        (searchApply)=\"searchApplied($event)\"\n      >\n      </sky-search>\n    </sky-toolbar-item>\n\n    <sky-toolbar-view-actions>\n      <ng-content select=\"sky-data-manager-toolbar-right-item\"></ng-content>\n      <sky-radio-group *ngIf=\"activeView && views && views.length > 1\"\n        [ariaLabel]=\"'data view switcher'\"\n        class=\"sky-switch-icon-group\"\n      >\n        <sky-radio *ngFor=\"let view of views\"\n          [attr.name]=\"view.name\"\n          [attr.aria-label]=\"view.name\"\n          [icon]=\"view.icon\"\n          [value]=\"view.id\"\n          [label]=\"view.name\"\n          [(ngModel)]=\"activeView.id\"\n          (change)=\"onViewChange(view.id)\"\n        >\n        </sky-radio>\n      </sky-radio-group>\n    </sky-toolbar-view-actions>\n  </sky-toolbar-section>\n  <ng-content select=\"sky-data-manager-toolbar-section\"></ng-content>\n</sky-toolbar\n>\n\n<sky-toolbar *ngIf=\"activeView?.multiselectToolbarEnabled\"\n  class=\"sky-data-manager-multiselect-toolbar\"\n>\n  <sky-toolbar-section>\n    <sky-toolbar-item>\n      <button\n      class=\"sky-btn sky-btn-link sky-data-manager-select-all-btn\"\n      type=\"button\"\n      (click)=\"selectAll()\"\n      >\n        {{'skyux_data_manager_select_all_button_title' | skyLibResources}}\n      </button>\n    </sky-toolbar-item>\n    <sky-toolbar-item>\n      <button\n        class=\"sky-btn sky-btn-link sky-data-manager-clear-all-btn\"\n        type=\"button\"\n        (click)=\"clearAll()\"\n      >\n        {{'skyux_data_manager_clear_all_button_title' | skyLibResources}}\n      </button>\n    </sky-toolbar-item>\n    <sky-toolbar-view-actions>\n      <sky-checkbox\n        [checked]=\"onlyShowSelected\"\n        (change)=\"onOnlyShowSelected($event)\"\n      >\n        <sky-checkbox-label>\n          {{'skyux_data_manager_show_selected_option_title' | skyLibResources}}\n        </sky-checkbox-label>\n      </sky-checkbox>\n    </sky-toolbar-view-actions>\n  </sky-toolbar-section>\n</sky-toolbar>\n</div>\n", styles: [":host .sky-col-picker-btn .sky-column-selector-action-btn-text{display:none}:host-context(.sky-responsive-container-xs) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-sm) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-md) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-lg) .sky-col-picker-btn .sky-column-selector-action-btn-text{display:none}@media (min-width: 768px){:host .sky-col-picker-btn .sky-column-selector-action-btn-text{display:inline}}:host-context(.sky-responsive-container-sm) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-md) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-lg) .sky-col-picker-btn .sky-column-selector-action-btn-text{display:inline}\n"], components: [{ type: i4__namespace.λ37, selector: "sky-toolbar" }, { type: i4__namespace.λ38, selector: "sky-toolbar-section" }, { type: i4__namespace.λ39, selector: "sky-toolbar-item" }, { type: i8__namespace.λ1, selector: "sky-filter-button", inputs: ["filterButtonId", "ariaControls", "ariaExpanded", "active", "disabled", "showButtonText"], outputs: ["filterButtonClick"] }, { type: i8__namespace.λ14, selector: "sky-sort", inputs: ["showButtonText"] }, { type: i8__namespace.λ13, selector: "sky-sort-item", inputs: ["active"], outputs: ["itemSelect"] }, { type: i6__namespace.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { type: i7__namespace.SkySearchComponent, selector: "sky-search", inputs: ["searchText", "expandMode", "debounceTime", "disabled", "placeholderText"], outputs: ["searchApply", "searchChange", "searchClear"] }, { type: i4__namespace.λ40, selector: "sky-toolbar-view-actions" }, { type: i8__namespace$1.λ11, selector: "sky-radio-group", inputs: ["ariaLabelledBy", "ariaLabel", "disabled", "name", "required", "value", "tabIndex"] }, { type: i8__namespace$1.λ13, selector: "sky-radio", inputs: ["checked", "disabled", "id", "label", "labelledBy", "name", "tabindex", "value", "icon", "radioType"], outputs: ["change", "checkedChange", "disabledChange"] }, { type: i8__namespace$1.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "icon", "checkboxType", "checked", "required"], outputs: ["change", "checkedChange", "disabledChange"] }, { type: i8__namespace$1.λ4, selector: "sky-checkbox-label" }], directives: [{ type: i9__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i10__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "skyLibResources": i4__namespace$1.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyDataManagerToolbarComponent, decorators: [{
+    SkyDataManagerToolbarComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: SkyDataManagerToolbarComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: SkyDataManagerService }, { token: i3__namespace.SkyModalService }, { token: SkyDataManagerColumnPickerService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyDataManagerToolbarComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", type: SkyDataManagerToolbarComponent, selector: "sky-data-manager-toolbar", ngImport: i0__namespace, template: "<div class=\"sky-data-manager-toolbar\">\n<sky-toolbar>\n  <sky-toolbar-section>\n\n    <ng-content select=\"sky-data-manager-toolbar-primary-item\"></ng-content>\n\n    <sky-toolbar-item *ngIf=\"activeView?.filterButtonEnabled\">\n      <sky-filter-button\n        [showButtonText]=\"activeView?.showFilterButtonText\"\n        (filterButtonClick)=\"filterButtonClicked()\"\n      >\n      </sky-filter-button>\n    </sky-toolbar-item>\n\n    <sky-toolbar-item *ngIf=\"activeView?.sortEnabled\">\n      <sky-sort [showButtonText]=\"activeView?.showSortButtonText\">\n        <sky-sort-item\n          *ngFor=\"let item of dataManagerConfig?.sortOptions\"\n          [active]=\"activeSortOptionId && activeSortOptionId === item.id\"\n          (itemSelect)=\"sortSelected(item)\"\n        >\n          {{item.label}}\n        </sky-sort-item>\n      </sky-sort>\n    </sky-toolbar-item>\n\n    <sky-toolbar-item *ngIf=\"activeView?.columnPickerEnabled\">\n      <button\n        class=\"sky-btn sky-btn-default sky-col-picker-btn\"\n        type=\"button\"\n        [attr.aria-label]=\"'skyux_data_manager_columns_button_title' | skyLibResources\"\n        [attr.title]=\"'skyux_data_manager_columns_button_title' | skyLibResources\"\n        (click)=\"openColumnPicker()\"\n      >\n        <sky-icon\n          icon=\"columns\"\n        ></sky-icon>\n        <span\n          class=\"sky-column-selector-action-btn-text\"\n        >\n          {{'skyux_data_manager_columns_button_title' | skyLibResources}}\n        </span>\n      </button>\n    </sky-toolbar-item>\n\n    <ng-content select=\"sky-data-manager-toolbar-left-item\"></ng-content>\n\n    <sky-toolbar-item *ngIf=\"activeView?.searchEnabled\">\n      <sky-search\n        [expandMode]=\"activeView?.searchExpandMode\"\n        [placeholderText]=\"activeView?.searchPlaceholderText\"\n        [searchText]=\"dataState?.searchText\"\n        (searchApply)=\"searchApplied($event)\"\n      >\n      </sky-search>\n    </sky-toolbar-item>\n\n    <sky-toolbar-view-actions>\n      <ng-content select=\"sky-data-manager-toolbar-right-item\"></ng-content>\n      <sky-radio-group *ngIf=\"activeView && views && views.length > 1\"\n        [ariaLabel]=\"'data view switcher'\"\n        class=\"sky-switch-icon-group\"\n      >\n        <sky-radio *ngFor=\"let view of views\"\n          [attr.name]=\"view.name\"\n          [attr.aria-label]=\"view.name\"\n          [icon]=\"view.icon\"\n          [value]=\"view.id\"\n          [label]=\"view.name\"\n          [(ngModel)]=\"activeView.id\"\n          (change)=\"onViewChange(view.id)\"\n        >\n        </sky-radio>\n      </sky-radio-group>\n    </sky-toolbar-view-actions>\n  </sky-toolbar-section>\n  <ng-content select=\"sky-data-manager-toolbar-section\"></ng-content>\n</sky-toolbar\n>\n\n<sky-toolbar *ngIf=\"activeView?.multiselectToolbarEnabled\"\n  class=\"sky-data-manager-multiselect-toolbar\"\n>\n  <sky-toolbar-section>\n    <sky-toolbar-item>\n      <button\n      class=\"sky-btn sky-btn-link sky-data-manager-select-all-btn\"\n      type=\"button\"\n      (click)=\"selectAll()\"\n      >\n        {{'skyux_data_manager_select_all_button_title' | skyLibResources}}\n      </button>\n    </sky-toolbar-item>\n    <sky-toolbar-item>\n      <button\n        class=\"sky-btn sky-btn-link sky-data-manager-clear-all-btn\"\n        type=\"button\"\n        (click)=\"clearAll()\"\n      >\n        {{'skyux_data_manager_clear_all_button_title' | skyLibResources}}\n      </button>\n    </sky-toolbar-item>\n    <sky-toolbar-view-actions>\n      <sky-checkbox\n        [checked]=\"onlyShowSelected\"\n        (change)=\"onOnlyShowSelected($event)\"\n      >\n        <sky-checkbox-label>\n          {{'skyux_data_manager_show_selected_option_title' | skyLibResources}}\n        </sky-checkbox-label>\n      </sky-checkbox>\n    </sky-toolbar-view-actions>\n  </sky-toolbar-section>\n</sky-toolbar>\n</div>\n", styles: [":host .sky-col-picker-btn .sky-column-selector-action-btn-text{display:none}:host-context(.sky-responsive-container-xs) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-sm) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-md) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-lg) .sky-col-picker-btn .sky-column-selector-action-btn-text{display:none}@media (min-width: 768px){:host .sky-col-picker-btn .sky-column-selector-action-btn-text{display:inline}}:host-context(.sky-responsive-container-sm) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-md) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-lg) .sky-col-picker-btn .sky-column-selector-action-btn-text{display:inline}\n"], components: [{ type: i4__namespace.λ37, selector: "sky-toolbar" }, { type: i4__namespace.λ38, selector: "sky-toolbar-section" }, { type: i4__namespace.λ39, selector: "sky-toolbar-item" }, { type: i8__namespace.λ1, selector: "sky-filter-button", inputs: ["filterButtonId", "ariaControls", "ariaExpanded", "active", "disabled", "showButtonText"], outputs: ["filterButtonClick"] }, { type: i8__namespace.λ14, selector: "sky-sort", inputs: ["showButtonText"] }, { type: i8__namespace.λ13, selector: "sky-sort-item", inputs: ["active"], outputs: ["itemSelect"] }, { type: i6__namespace.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { type: i7__namespace.SkySearchComponent, selector: "sky-search", inputs: ["searchText", "expandMode", "debounceTime", "disabled", "placeholderText"], outputs: ["searchApply", "searchChange", "searchClear"] }, { type: i4__namespace.λ40, selector: "sky-toolbar-view-actions" }, { type: i8__namespace$1.λ11, selector: "sky-radio-group", inputs: ["ariaLabelledBy", "ariaLabel", "disabled", "name", "required", "value", "tabIndex"] }, { type: i8__namespace$1.λ13, selector: "sky-radio", inputs: ["checked", "disabled", "id", "label", "labelledBy", "name", "tabindex", "value", "icon", "radioType"], outputs: ["change", "checkedChange", "disabledChange"] }, { type: i8__namespace$1.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "icon", "checkboxType", "checked", "required"], outputs: ["change", "checkedChange", "disabledChange"] }, { type: i8__namespace$1.λ4, selector: "sky-checkbox-label" }], directives: [{ type: i9__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i10__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "skyLibResources": i4__namespace$1.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: SkyDataManagerToolbarComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'sky-data-manager-toolbar',
@@ -1083,9 +1083,9 @@
         };
         return SkyDataViewComponent;
     }());
-    SkyDataViewComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyDataViewComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: SkyDataManagerService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyDataViewComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", type: SkyDataViewComponent, selector: "sky-data-view", inputs: { viewId: "viewId" }, ngImport: i0__namespace, template: "<ng-container *ngIf=\"isActive\">\n  <ng-content></ng-content>\n</ng-container>\n", directives: [{ type: i9__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyDataViewComponent, decorators: [{
+    SkyDataViewComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: SkyDataViewComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: SkyDataManagerService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyDataViewComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", type: SkyDataViewComponent, selector: "sky-data-view", inputs: { viewId: "viewId" }, ngImport: i0__namespace, template: "<ng-container *ngIf=\"isActive\">\n  <ng-content></ng-content>\n</ng-container>\n", directives: [{ type: i9__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: SkyDataViewComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'sky-data-view',
@@ -1239,9 +1239,9 @@
         };
         return SkyDataManagerColumnPickerComponent;
     }());
-    SkyDataManagerColumnPickerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyDataManagerColumnPickerComponent, deps: [{ token: SkyDataManagerColumnPickerContext }, { token: SkyDataManagerService }, { token: i3__namespace.SkyModalInstance }, { token: i4__namespace$1.SkyLibResourcesService }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyDataManagerColumnPickerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", type: SkyDataManagerColumnPickerComponent, selector: "sky-data-manager-column-picker", providers: [SkyDataManagerService], ngImport: i0__namespace, template: "\n<sky-modal>\n  <sky-modal-header>\n    {{'skyux_data_manager_column_picker_title' | skyLibResources}}\n  </sky-modal-header>\n  <sky-modal-content\n    class=\"sky-data-manager-column-picker-content\"\n  >\n    <sky-data-manager>\n      <sky-data-manager-toolbar>\n      </sky-data-manager-toolbar>\n\n      <sky-data-view\n      [viewId]=\"viewConfig.id\"\n      >\n        <sky-repeater\n          expandMode=\"none\"\n        >\n          <sky-repeater-item\n            *ngFor=\"let column of displayedColumnData\"\n            [selectable]=\"true\"\n            [(isSelected)]=\"column.isSelected\"\n          >\n            <sky-repeater-item-title>\n              {{column.label}}\n            </sky-repeater-item-title>\n            <sky-repeater-item-content>\n              {{column.description}}\n            </sky-repeater-item-content>\n          </sky-repeater-item>\n        </sky-repeater>\n      </sky-data-view>\n    </sky-data-manager>\n  </sky-modal-content>\n  <sky-modal-footer>\n    <button\n      sky-cmp-id=\"apply-changes\"\n      class=\"sky-btn sky-btn-primary\"\n      (click)=\"applyChanges()\"\n    >\n      {{'skyux_data_manager_apply_changes_button_title' | skyLibResources}}\n    </button>\n    <button\n      sky-cmp-id=\"cancel\"\n      class=\"sky-btn sky-btn-link\"\n      (click)=\"cancelChanges()\"\n    >\n      {{'skyux_data_manager_cancel_button_title' | skyLibResources}}\n    </button>\n  </sky-modal-footer>\n</sky-modal>\n", styles: [".sky-data-manager-column-picker-content sky-repeater-item-content{margin-top:5px}\n"], components: [{ type: i3__namespace.λ5, selector: "sky-modal", inputs: ["ariaRole", "tiledBody"] }, { type: i3__namespace.λ4, selector: "sky-modal-header" }, { type: i3__namespace.λ2, selector: "sky-modal-content" }, { type: SkyDataManagerComponent, selector: "sky-data-manager" }, { type: SkyDataManagerToolbarComponent, selector: "sky-data-manager-toolbar" }, { type: SkyDataViewComponent, selector: "sky-data-view", inputs: ["viewId"] }, { type: i8__namespace.λ11, selector: "sky-repeater", inputs: ["activeIndex", "ariaLabel", "reorderable", "expandMode"], outputs: ["activeIndexChange", "orderChange"] }, { type: i8__namespace.λ10, selector: "sky-repeater-item", inputs: ["inlineFormConfig", "inlineFormTemplate", "isExpanded", "isSelected", "reorderable", "selectable", "showInlineForm", "tag"], outputs: ["collapse", "expand", "inlineFormClose", "isSelectedChange"] }, { type: i8__namespace.λ12, selector: "sky-repeater-item-title" }, { type: i8__namespace.λ8, selector: "sky-repeater-item-content" }, { type: i3__namespace.λ3, selector: "sky-modal-footer" }], directives: [{ type: i9__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "skyLibResources": i4__namespace$1.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyDataManagerColumnPickerComponent, decorators: [{
+    SkyDataManagerColumnPickerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: SkyDataManagerColumnPickerComponent, deps: [{ token: SkyDataManagerColumnPickerContext }, { token: SkyDataManagerService }, { token: i3__namespace.SkyModalInstance }, { token: i4__namespace$1.SkyLibResourcesService }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyDataManagerColumnPickerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", type: SkyDataManagerColumnPickerComponent, selector: "sky-data-manager-column-picker", providers: [SkyDataManagerService], ngImport: i0__namespace, template: "\n<sky-modal>\n  <sky-modal-header>\n    {{'skyux_data_manager_column_picker_title' | skyLibResources}}\n  </sky-modal-header>\n  <sky-modal-content\n    class=\"sky-data-manager-column-picker-content\"\n  >\n    <sky-data-manager>\n      <sky-data-manager-toolbar>\n      </sky-data-manager-toolbar>\n\n      <sky-data-view\n      [viewId]=\"viewConfig.id\"\n      >\n        <sky-repeater\n          expandMode=\"none\"\n        >\n          <sky-repeater-item\n            *ngFor=\"let column of displayedColumnData\"\n            [selectable]=\"true\"\n            [(isSelected)]=\"column.isSelected\"\n          >\n            <sky-repeater-item-title>\n              {{column.label}}\n            </sky-repeater-item-title>\n            <sky-repeater-item-content>\n              {{column.description}}\n            </sky-repeater-item-content>\n          </sky-repeater-item>\n        </sky-repeater>\n      </sky-data-view>\n    </sky-data-manager>\n  </sky-modal-content>\n  <sky-modal-footer>\n    <button\n      sky-cmp-id=\"apply-changes\"\n      class=\"sky-btn sky-btn-primary\"\n      (click)=\"applyChanges()\"\n    >\n      {{'skyux_data_manager_apply_changes_button_title' | skyLibResources}}\n    </button>\n    <button\n      sky-cmp-id=\"cancel\"\n      class=\"sky-btn sky-btn-link\"\n      (click)=\"cancelChanges()\"\n    >\n      {{'skyux_data_manager_cancel_button_title' | skyLibResources}}\n    </button>\n  </sky-modal-footer>\n</sky-modal>\n", styles: [".sky-data-manager-column-picker-content sky-repeater-item-content{margin-top:5px}\n"], components: [{ type: i3__namespace.λ5, selector: "sky-modal", inputs: ["ariaRole", "tiledBody"] }, { type: i3__namespace.λ4, selector: "sky-modal-header" }, { type: i3__namespace.λ2, selector: "sky-modal-content" }, { type: SkyDataManagerComponent, selector: "sky-data-manager" }, { type: SkyDataManagerToolbarComponent, selector: "sky-data-manager-toolbar" }, { type: SkyDataViewComponent, selector: "sky-data-view", inputs: ["viewId"] }, { type: i8__namespace.λ11, selector: "sky-repeater", inputs: ["activeIndex", "ariaLabel", "reorderable", "expandMode"], outputs: ["activeIndexChange", "orderChange"] }, { type: i8__namespace.λ10, selector: "sky-repeater-item", inputs: ["inlineFormConfig", "inlineFormTemplate", "isExpanded", "isSelected", "reorderable", "selectable", "showInlineForm", "tag"], outputs: ["collapse", "expand", "inlineFormClose", "isSelectedChange"] }, { type: i8__namespace.λ12, selector: "sky-repeater-item-title" }, { type: i8__namespace.λ8, selector: "sky-repeater-item-content" }, { type: i3__namespace.λ3, selector: "sky-modal-footer" }], directives: [{ type: i9__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "skyLibResources": i4__namespace$1.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: SkyDataManagerColumnPickerComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'sky-data-manager-column-picker',
@@ -1262,9 +1262,9 @@
         }
         return SkyDataManagerToolbarLeftItemComponent;
     }());
-    SkyDataManagerToolbarLeftItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyDataManagerToolbarLeftItemComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyDataManagerToolbarLeftItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", type: SkyDataManagerToolbarLeftItemComponent, selector: "sky-data-manager-toolbar-left-item", ngImport: i0__namespace, template: "<sky-toolbar-item>\n  <ng-content></ng-content>\n</sky-toolbar-item>\n", components: [{ type: i4__namespace.λ39, selector: "sky-toolbar-item" }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyDataManagerToolbarLeftItemComponent, decorators: [{
+    SkyDataManagerToolbarLeftItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: SkyDataManagerToolbarLeftItemComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyDataManagerToolbarLeftItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", type: SkyDataManagerToolbarLeftItemComponent, selector: "sky-data-manager-toolbar-left-item", ngImport: i0__namespace, template: "<sky-toolbar-item>\n  <ng-content></ng-content>\n</sky-toolbar-item>\n", components: [{ type: i4__namespace.λ39, selector: "sky-toolbar-item" }] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: SkyDataManagerToolbarLeftItemComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'sky-data-manager-toolbar-left-item',
@@ -1282,9 +1282,9 @@
         }
         return SkyDataManagerToolbarPrimaryItemComponent;
     }());
-    SkyDataManagerToolbarPrimaryItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyDataManagerToolbarPrimaryItemComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyDataManagerToolbarPrimaryItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", type: SkyDataManagerToolbarPrimaryItemComponent, selector: "sky-data-manager-toolbar-primary-item", ngImport: i0__namespace, template: "<sky-toolbar-item>\n  <ng-content></ng-content>\n</sky-toolbar-item>\n", components: [{ type: i4__namespace.λ39, selector: "sky-toolbar-item" }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyDataManagerToolbarPrimaryItemComponent, decorators: [{
+    SkyDataManagerToolbarPrimaryItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: SkyDataManagerToolbarPrimaryItemComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyDataManagerToolbarPrimaryItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", type: SkyDataManagerToolbarPrimaryItemComponent, selector: "sky-data-manager-toolbar-primary-item", ngImport: i0__namespace, template: "<sky-toolbar-item>\n  <ng-content></ng-content>\n</sky-toolbar-item>\n", components: [{ type: i4__namespace.λ39, selector: "sky-toolbar-item" }] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: SkyDataManagerToolbarPrimaryItemComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'sky-data-manager-toolbar-primary-item',
@@ -1303,9 +1303,9 @@
         }
         return SkyDataManagerToolbarRightItemComponent;
     }());
-    SkyDataManagerToolbarRightItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyDataManagerToolbarRightItemComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyDataManagerToolbarRightItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", type: SkyDataManagerToolbarRightItemComponent, selector: "sky-data-manager-toolbar-right-item", ngImport: i0__namespace, template: "<ng-content></ng-content>\n" });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyDataManagerToolbarRightItemComponent, decorators: [{
+    SkyDataManagerToolbarRightItemComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: SkyDataManagerToolbarRightItemComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyDataManagerToolbarRightItemComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", type: SkyDataManagerToolbarRightItemComponent, selector: "sky-data-manager-toolbar-right-item", ngImport: i0__namespace, template: "<ng-content></ng-content>\n" });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: SkyDataManagerToolbarRightItemComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'sky-data-manager-toolbar-right-item',
@@ -1323,9 +1323,9 @@
         }
         return SkyDataManagerToolbarSectionComponent;
     }());
-    SkyDataManagerToolbarSectionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyDataManagerToolbarSectionComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyDataManagerToolbarSectionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", type: SkyDataManagerToolbarSectionComponent, selector: "sky-data-manager-toolbar-section", ngImport: i0__namespace, template: "<sky-toolbar-section>\n  <ng-content></ng-content>\n</sky-toolbar-section>\n", components: [{ type: i4__namespace.λ38, selector: "sky-toolbar-section" }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyDataManagerToolbarSectionComponent, decorators: [{
+    SkyDataManagerToolbarSectionComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: SkyDataManagerToolbarSectionComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyDataManagerToolbarSectionComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", type: SkyDataManagerToolbarSectionComponent, selector: "sky-data-manager-toolbar-section", ngImport: i0__namespace, template: "<sky-toolbar-section>\n  <ng-content></ng-content>\n</sky-toolbar-section>\n", components: [{ type: i4__namespace.λ38, selector: "sky-toolbar-section" }] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: SkyDataManagerToolbarSectionComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'sky-data-manager-toolbar-section',
@@ -1341,9 +1341,9 @@
         };
         return SkyDataManagerColumnPickerImplService;
     }());
-    SkyDataManagerColumnPickerImplService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyDataManagerColumnPickerImplService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    SkyDataManagerColumnPickerImplService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyDataManagerColumnPickerImplService });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyDataManagerColumnPickerImplService, decorators: [{
+    SkyDataManagerColumnPickerImplService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: SkyDataManagerColumnPickerImplService, deps: [], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    SkyDataManagerColumnPickerImplService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: SkyDataManagerColumnPickerImplService });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: SkyDataManagerColumnPickerImplService, decorators: [{
                 type: i0.Injectable
             }] });
 
@@ -1352,8 +1352,8 @@
         }
         return SkyDataManagerModule;
     }());
-    SkyDataManagerModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyDataManagerModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyDataManagerModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyDataManagerModule, declarations: [SkyDataManagerColumnPickerComponent,
+    SkyDataManagerModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: SkyDataManagerModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SkyDataManagerModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: SkyDataManagerModule, declarations: [SkyDataManagerColumnPickerComponent,
             SkyDataManagerComponent,
             SkyDataManagerToolbarLeftItemComponent,
             SkyDataManagerToolbarPrimaryItemComponent,
@@ -1381,7 +1381,7 @@
             SkyDataManagerToolbarSectionComponent,
             SkyDataManagerToolbarComponent,
             SkyDataViewComponent] });
-    SkyDataManagerModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyDataManagerModule, providers: [
+    SkyDataManagerModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: SkyDataManagerModule, providers: [
             {
                 provide: SkyDataManagerColumnPickerService,
                 useClass: SkyDataManagerColumnPickerImplService
@@ -1402,7 +1402,7 @@
                 i4$1.SkyToolbarModule,
                 i1.SkyViewkeeperModule
             ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0__namespace, type: SkyDataManagerModule, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0__namespace, type: SkyDataManagerModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
                         declarations: [

package/documentation.json

@@ -22,7 +22,7 @@
   "typedoc": {
     "id": 0,
     "name": "@skyux/data-manager",
-    "kind": 0,
+    "kind": 1,
     "kindString": "Project",
     "flags": {},
     "originalName": "",
@@ -30,7 +30,7 @@
       {
         "id": 228,
         "name": "SkyDataManagerColumnPickerSortStrategy",
-        "kind": 4,
+        "kind": 8,
         "kindString": "Enumeration",
         "flags": {},
         "children": [
@@ -478,7 +478,7 @@
                     "kindString": "Parameter",
                     "flags": {},
                     "comment": {
-                      "text": "The ID of the entity subscribing to data state updates. This can be any value you choose\nbut should be unique within the data manager instance and should also be used when that entity updates the state.\n"
+                      "shortText": "The ID of the entity subscribing to data state updates. This can be any value you choose\nbut should be unique within the data manager instance and should also be used when that entity updates the state.\n"
                     },
                     "type": {
                       "type": "intrinsic",
@@ -588,7 +588,7 @@
                     "kindString": "Parameter",
                     "flags": {},
                     "comment": {
-                      "text": "The ID of the view config to get.\n"
+                      "shortText": "The ID of the view config to get.\n"
                     },
                     "type": {
                       "type": "intrinsic",
@@ -637,7 +637,7 @@
                     "kindString": "Parameter",
                     "flags": {},
                     "comment": {
-                      "text": "The initial active view ID, data manager config, and state to use for the data manager.\nIf a settings key is provided, it checks for a saved data state in the SKY UI config service before using the default data state\nand saves any state changes to the service.\n"
+                      "shortText": "The initial active view ID, data manager config, and state to use for the data manager.\nIf a settings key is provided, it checks for a saved data state in the SKY UI config service before using the default data state\nand saves any state changes to the service.\n"
                     },
                     "type": {
                       "type": "reference",
@@ -686,7 +686,7 @@
                     "kindString": "Parameter",
                     "flags": {},
                     "comment": {
-                      "text": "The SkyDataViewConfig settings for the view being registered.\n"
+                      "shortText": "The SkyDataViewConfig settings for the view being registered.\n"
                     },
                     "type": {
                       "type": "reference",
@@ -772,7 +772,7 @@
                     "kindString": "Parameter",
                     "flags": {},
                     "comment": {
-                      "text": "The new active view ID.\n"
+                      "shortText": "The new active view ID.\n"
                     },
                     "type": {
                       "type": "intrinsic",
@@ -820,7 +820,7 @@
                     "kindString": "Parameter",
                     "flags": {},
                     "comment": {
-                      "text": "The new `SkyDataManagerConfig` value.\n"
+                      "shortText": "The new `SkyDataManagerConfig` value.\n"
                     },
                     "type": {
                       "type": "reference",
@@ -869,7 +869,7 @@
                     "kindString": "Parameter",
                     "flags": {},
                     "comment": {
-                      "text": "The new `SkyDataManagerState` value."
+                      "shortText": "The new `SkyDataManagerState` value."
                     },
                     "type": {
                       "type": "reference",
@@ -884,7 +884,7 @@
                     "kindString": "Parameter",
                     "flags": {},
                     "comment": {
-                      "text": "The ID of the entity updating the state. This can be any value you choose,\nbut should be unique within the data manager instance and should also be used when that entity\nsubscribes to state changes from `getDataStateUpdates`.\n"
+                      "shortText": "The ID of the entity updating the state. This can be any value you choose,\nbut should be unique within the data manager instance and should also be used when that entity\nsubscribes to state changes from `getDataStateUpdates`.\n"
                     },
                     "type": {
                       "type": "intrinsic",
@@ -932,7 +932,7 @@
                     "kindString": "Parameter",
                     "flags": {},
                     "comment": {
-                      "text": "The new `SkyDataViewConfig` containing all properties.\n"
+                      "shortText": "The new `SkyDataViewConfig` containing all properties.\n"
                     },
                     "type": {
                       "type": "reference",
@@ -4201,7 +4201,7 @@
     "groups": [
       {
         "title": "Enumerations",
-        "kind": 4,
+        "kind": 8,
         "children": [
           228
         ]

package/esm2015/modules/data-manager/data-manager-column-picker/data-manager-column-picker-impl.service.js

@@ -6,9 +6,9 @@ export class SkyDataManagerColumnPickerImplService {
         return SkyDataManagerColumnPickerComponent;
     }
 }
-SkyDataManagerColumnPickerImplService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerColumnPickerImplService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-SkyDataManagerColumnPickerImplService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerColumnPickerImplService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerColumnPickerImplService, decorators: [{
+SkyDataManagerColumnPickerImplService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerColumnPickerImplService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+SkyDataManagerColumnPickerImplService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerColumnPickerImplService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerColumnPickerImplService, decorators: [{
             type: Injectable
         }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS1tYW5hZ2VyLWNvbHVtbi1waWNrZXItaW1wbC5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGF0YS1tYW5hZ2VyL3NyYy9tb2R1bGVzL2RhdGEtbWFuYWdlci9kYXRhLW1hbmFnZXItY29sdW1uLXBpY2tlci9kYXRhLW1hbmFnZXItY29sdW1uLXBpY2tlci1pbXBsLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFVBQVUsRUFDWCxNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQ0wsbUNBQW1DLEVBQ3BDLE1BQU0sd0NBQXdDLENBQUM7O0FBR2hELE1BQU0sT0FBTyxxQ0FBcUM7SUFDekMsZ0JBQWdCO1FBQ3JCLE9BQU8sbUNBQW1DLENBQUM7SUFDN0MsQ0FBQzs7a0lBSFUscUNBQXFDO3NJQUFyQyxxQ0FBcUM7MkZBQXJDLHFDQUFxQztrQkFEakQsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEluamVjdGFibGVcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7XG4gIFNreURhdGFNYW5hZ2VyQ29sdW1uUGlja2VyQ29tcG9uZW50XG59IGZyb20gJy4vZGF0YS1tYW5hZ2VyLWNvbHVtbi1waWNrZXIuY29tcG9uZW50JztcblxuQEluamVjdGFibGUoKVxuZXhwb3J0IGNsYXNzIFNreURhdGFNYW5hZ2VyQ29sdW1uUGlja2VySW1wbFNlcnZpY2Uge1xuICBwdWJsaWMgZ2V0Q29tcG9uZW50VHlwZSgpOiB0eXBlb2YgU2t5RGF0YU1hbmFnZXJDb2x1bW5QaWNrZXJDb21wb25lbnQge1xuICAgIHJldHVybiBTa3lEYXRhTWFuYWdlckNvbHVtblBpY2tlckNvbXBvbmVudDtcbiAgfVxufVxuIl19

package/esm2015/modules/data-manager/data-manager-column-picker/data-manager-column-picker.component.js

@@ -140,9 +140,9 @@ export class SkyDataManagerColumnPickerComponent {
         return formattedColumnOptions;
     }
 }
-SkyDataManagerColumnPickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerColumnPickerComponent, deps: [{ token: i1.SkyDataManagerColumnPickerContext }, { token: i2.SkyDataManagerService }, { token: i3.SkyModalInstance }, { token: i4.SkyLibResourcesService }], target: i0.ɵɵFactoryTarget.Component });
-SkyDataManagerColumnPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", type: SkyDataManagerColumnPickerComponent, selector: "sky-data-manager-column-picker", providers: [SkyDataManagerService], ngImport: i0, template: "\n<sky-modal>\n  <sky-modal-header>\n    {{'skyux_data_manager_column_picker_title' | skyLibResources}}\n  </sky-modal-header>\n  <sky-modal-content\n    class=\"sky-data-manager-column-picker-content\"\n  >\n    <sky-data-manager>\n      <sky-data-manager-toolbar>\n      </sky-data-manager-toolbar>\n\n      <sky-data-view\n      [viewId]=\"viewConfig.id\"\n      >\n        <sky-repeater\n          expandMode=\"none\"\n        >\n          <sky-repeater-item\n            *ngFor=\"let column of displayedColumnData\"\n            [selectable]=\"true\"\n            [(isSelected)]=\"column.isSelected\"\n          >\n            <sky-repeater-item-title>\n              {{column.label}}\n            </sky-repeater-item-title>\n            <sky-repeater-item-content>\n              {{column.description}}\n            </sky-repeater-item-content>\n          </sky-repeater-item>\n        </sky-repeater>\n      </sky-data-view>\n    </sky-data-manager>\n  </sky-modal-content>\n  <sky-modal-footer>\n    <button\n      sky-cmp-id=\"apply-changes\"\n      class=\"sky-btn sky-btn-primary\"\n      (click)=\"applyChanges()\"\n    >\n      {{'skyux_data_manager_apply_changes_button_title' | skyLibResources}}\n    </button>\n    <button\n      sky-cmp-id=\"cancel\"\n      class=\"sky-btn sky-btn-link\"\n      (click)=\"cancelChanges()\"\n    >\n      {{'skyux_data_manager_cancel_button_title' | skyLibResources}}\n    </button>\n  </sky-modal-footer>\n</sky-modal>\n", styles: [".sky-data-manager-column-picker-content sky-repeater-item-content{margin-top:5px}\n"], components: [{ type: i3.λ5, selector: "sky-modal", inputs: ["ariaRole", "tiledBody"] }, { type: i3.λ4, selector: "sky-modal-header" }, { type: i3.λ2, selector: "sky-modal-content" }, { type: i5.SkyDataManagerComponent, selector: "sky-data-manager" }, { type: i6.SkyDataManagerToolbarComponent, selector: "sky-data-manager-toolbar" }, { type: i7.SkyDataViewComponent, selector: "sky-data-view", inputs: ["viewId"] }, { type: i8.λ11, selector: "sky-repeater", inputs: ["activeIndex", "ariaLabel", "reorderable", "expandMode"], outputs: ["activeIndexChange", "orderChange"] }, { type: i8.λ10, selector: "sky-repeater-item", inputs: ["inlineFormConfig", "inlineFormTemplate", "isExpanded", "isSelected", "reorderable", "selectable", "showInlineForm", "tag"], outputs: ["collapse", "expand", "inlineFormClose", "isSelectedChange"] }, { type: i8.λ12, selector: "sky-repeater-item-title" }, { type: i8.λ8, selector: "sky-repeater-item-content" }, { type: i3.λ3, selector: "sky-modal-footer" }], directives: [{ type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "skyLibResources": i4.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerColumnPickerComponent, decorators: [{
+SkyDataManagerColumnPickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerColumnPickerComponent, deps: [{ token: i1.SkyDataManagerColumnPickerContext }, { token: i2.SkyDataManagerService }, { token: i3.SkyModalInstance }, { token: i4.SkyLibResourcesService }], target: i0.ɵɵFactoryTarget.Component });
+SkyDataManagerColumnPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", type: SkyDataManagerColumnPickerComponent, selector: "sky-data-manager-column-picker", providers: [SkyDataManagerService], ngImport: i0, template: "\n<sky-modal>\n  <sky-modal-header>\n    {{'skyux_data_manager_column_picker_title' | skyLibResources}}\n  </sky-modal-header>\n  <sky-modal-content\n    class=\"sky-data-manager-column-picker-content\"\n  >\n    <sky-data-manager>\n      <sky-data-manager-toolbar>\n      </sky-data-manager-toolbar>\n\n      <sky-data-view\n      [viewId]=\"viewConfig.id\"\n      >\n        <sky-repeater\n          expandMode=\"none\"\n        >\n          <sky-repeater-item\n            *ngFor=\"let column of displayedColumnData\"\n            [selectable]=\"true\"\n            [(isSelected)]=\"column.isSelected\"\n          >\n            <sky-repeater-item-title>\n              {{column.label}}\n            </sky-repeater-item-title>\n            <sky-repeater-item-content>\n              {{column.description}}\n            </sky-repeater-item-content>\n          </sky-repeater-item>\n        </sky-repeater>\n      </sky-data-view>\n    </sky-data-manager>\n  </sky-modal-content>\n  <sky-modal-footer>\n    <button\n      sky-cmp-id=\"apply-changes\"\n      class=\"sky-btn sky-btn-primary\"\n      (click)=\"applyChanges()\"\n    >\n      {{'skyux_data_manager_apply_changes_button_title' | skyLibResources}}\n    </button>\n    <button\n      sky-cmp-id=\"cancel\"\n      class=\"sky-btn sky-btn-link\"\n      (click)=\"cancelChanges()\"\n    >\n      {{'skyux_data_manager_cancel_button_title' | skyLibResources}}\n    </button>\n  </sky-modal-footer>\n</sky-modal>\n", styles: [".sky-data-manager-column-picker-content sky-repeater-item-content{margin-top:5px}\n"], components: [{ type: i3.λ5, selector: "sky-modal", inputs: ["ariaRole", "tiledBody"] }, { type: i3.λ4, selector: "sky-modal-header" }, { type: i3.λ2, selector: "sky-modal-content" }, { type: i5.SkyDataManagerComponent, selector: "sky-data-manager" }, { type: i6.SkyDataManagerToolbarComponent, selector: "sky-data-manager-toolbar" }, { type: i7.SkyDataViewComponent, selector: "sky-data-view", inputs: ["viewId"] }, { type: i8.λ11, selector: "sky-repeater", inputs: ["activeIndex", "ariaLabel", "reorderable", "expandMode"], outputs: ["activeIndexChange", "orderChange"] }, { type: i8.λ10, selector: "sky-repeater-item", inputs: ["inlineFormConfig", "inlineFormTemplate", "isExpanded", "isSelected", "reorderable", "selectable", "showInlineForm", "tag"], outputs: ["collapse", "expand", "inlineFormClose", "isSelectedChange"] }, { type: i8.λ12, selector: "sky-repeater-item-title" }, { type: i8.λ8, selector: "sky-repeater-item-content" }, { type: i3.λ3, selector: "sky-modal-footer" }], directives: [{ type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "skyLibResources": i4.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerColumnPickerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-data-manager-column-picker',

package/esm2015/modules/data-manager/data-manager-column-picker/data-manager-column-picker.service.js

@@ -8,9 +8,9 @@ import * as i0 from "@angular/core";
  */
 export class SkyDataManagerColumnPickerService {
 }
-SkyDataManagerColumnPickerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerColumnPickerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-SkyDataManagerColumnPickerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerColumnPickerService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerColumnPickerService, decorators: [{
+SkyDataManagerColumnPickerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerColumnPickerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+SkyDataManagerColumnPickerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerColumnPickerService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerColumnPickerService, decorators: [{
             type: Injectable
         }] });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS1tYW5hZ2VyLWNvbHVtbi1waWNrZXIuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2RhdGEtbWFuYWdlci9zcmMvbW9kdWxlcy9kYXRhLW1hbmFnZXIvZGF0YS1tYW5hZ2VyLWNvbHVtbi1waWNrZXIvZGF0YS1tYW5hZ2VyLWNvbHVtbi1waWNrZXIuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsVUFBVSxFQUNYLE1BQU0sZUFBZSxDQUFDOztBQU12Qjs7Ozs7R0FLRztBQUVILE1BQU0sT0FBZ0IsaUNBQWlDOzs4SEFBakMsaUNBQWlDO2tJQUFqQyxpQ0FBaUM7MkZBQWpDLGlDQUFpQztrQkFEdEQsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEluamVjdGFibGVcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB0eXBlIHtcbiAgU2t5RGF0YU1hbmFnZXJDb2x1bW5QaWNrZXJDb21wb25lbnRcbn0gZnJvbSAnLi9kYXRhLW1hbmFnZXItY29sdW1uLXBpY2tlci5jb21wb25lbnQnO1xuXG4vKipcbiAqIFNlcnZpY2UgdGhhdCBwcm92aWRlcyB0aGUgY29sdW1uIHBpY2tlciBjb21wb25lbnQgdHlwZSBzbyBpdCBjYW4gYmUgZHluYW1pY2FsbHlcbiAqIGNyZWF0ZWQgaW4gdGhlIHRvb2xiYXIgY29tcG9uZW50LiBUaGlzIGF2b2lkcyBhIGNpcmN1bGFyIHJlZmVyZW5jZSBiZXR3ZWVuIGNvbHVtblxuICogcGlja2VyIGFuZCB0b29sYmFyLlxuICogaHR0cHM6Ly9hbmd1bGFyLmlvL2Vycm9ycy9ORzMwMDNcbiAqL1xuQEluamVjdGFibGUoKVxuZXhwb3J0IGFic3RyYWN0IGNsYXNzIFNreURhdGFNYW5hZ2VyQ29sdW1uUGlja2VyU2VydmljZSB7XG4gIHB1YmxpYyBhYnN0cmFjdCBnZXRDb21wb25lbnRUeXBlKCk6IHR5cGVvZiBTa3lEYXRhTWFuYWdlckNvbHVtblBpY2tlckNvbXBvbmVudDtcbn1cbiJdfQ==

package/esm2015/modules/data-manager/data-manager-toolbar/data-manager-toolbar-left-item.component.js

@@ -8,9 +8,9 @@ import * as i1 from "@skyux/layout";
  */
 export class SkyDataManagerToolbarLeftItemComponent {
 }
-SkyDataManagerToolbarLeftItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerToolbarLeftItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyDataManagerToolbarLeftItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", type: SkyDataManagerToolbarLeftItemComponent, selector: "sky-data-manager-toolbar-left-item", ngImport: i0, template: "<sky-toolbar-item>\n  <ng-content></ng-content>\n</sky-toolbar-item>\n", components: [{ type: i1.λ39, selector: "sky-toolbar-item" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerToolbarLeftItemComponent, decorators: [{
+SkyDataManagerToolbarLeftItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerToolbarLeftItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyDataManagerToolbarLeftItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", type: SkyDataManagerToolbarLeftItemComponent, selector: "sky-data-manager-toolbar-left-item", ngImport: i0, template: "<sky-toolbar-item>\n  <ng-content></ng-content>\n</sky-toolbar-item>\n", components: [{ type: i1.λ39, selector: "sky-toolbar-item" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerToolbarLeftItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-data-manager-toolbar-left-item',

package/esm2015/modules/data-manager/data-manager-toolbar/data-manager-toolbar-primary-item.component.js

@@ -8,9 +8,9 @@ import * as i1 from "@skyux/layout";
  */
 export class SkyDataManagerToolbarPrimaryItemComponent {
 }
-SkyDataManagerToolbarPrimaryItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerToolbarPrimaryItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyDataManagerToolbarPrimaryItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", type: SkyDataManagerToolbarPrimaryItemComponent, selector: "sky-data-manager-toolbar-primary-item", ngImport: i0, template: "<sky-toolbar-item>\n  <ng-content></ng-content>\n</sky-toolbar-item>\n", components: [{ type: i1.λ39, selector: "sky-toolbar-item" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerToolbarPrimaryItemComponent, decorators: [{
+SkyDataManagerToolbarPrimaryItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerToolbarPrimaryItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyDataManagerToolbarPrimaryItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", type: SkyDataManagerToolbarPrimaryItemComponent, selector: "sky-data-manager-toolbar-primary-item", ngImport: i0, template: "<sky-toolbar-item>\n  <ng-content></ng-content>\n</sky-toolbar-item>\n", components: [{ type: i1.λ39, selector: "sky-toolbar-item" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerToolbarPrimaryItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-data-manager-toolbar-primary-item',

package/esm2015/modules/data-manager/data-manager-toolbar/data-manager-toolbar-right-item.component.js

@@ -8,9 +8,9 @@ import * as i0 from "@angular/core";
  */
 export class SkyDataManagerToolbarRightItemComponent {
 }
-SkyDataManagerToolbarRightItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerToolbarRightItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyDataManagerToolbarRightItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", type: SkyDataManagerToolbarRightItemComponent, selector: "sky-data-manager-toolbar-right-item", ngImport: i0, template: "<ng-content></ng-content>\n" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerToolbarRightItemComponent, decorators: [{
+SkyDataManagerToolbarRightItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerToolbarRightItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyDataManagerToolbarRightItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", type: SkyDataManagerToolbarRightItemComponent, selector: "sky-data-manager-toolbar-right-item", ngImport: i0, template: "<ng-content></ng-content>\n" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerToolbarRightItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-data-manager-toolbar-right-item',

package/esm2015/modules/data-manager/data-manager-toolbar/data-manager-toolbar-section.component.js

@@ -8,9 +8,9 @@ import * as i1 from "@skyux/layout";
  */
 export class SkyDataManagerToolbarSectionComponent {
 }
-SkyDataManagerToolbarSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerToolbarSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyDataManagerToolbarSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", type: SkyDataManagerToolbarSectionComponent, selector: "sky-data-manager-toolbar-section", ngImport: i0, template: "<sky-toolbar-section>\n  <ng-content></ng-content>\n</sky-toolbar-section>\n", components: [{ type: i1.λ38, selector: "sky-toolbar-section" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerToolbarSectionComponent, decorators: [{
+SkyDataManagerToolbarSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerToolbarSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyDataManagerToolbarSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", type: SkyDataManagerToolbarSectionComponent, selector: "sky-data-manager-toolbar-section", ngImport: i0, template: "<sky-toolbar-section>\n  <ng-content></ng-content>\n</sky-toolbar-section>\n", components: [{ type: i1.λ38, selector: "sky-toolbar-section" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerToolbarSectionComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-data-manager-toolbar-section',

package/esm2015/modules/data-manager/data-manager-toolbar/data-manager-toolbar.component.js

@@ -159,9 +159,9 @@ export class SkyDataManagerToolbarComponent {
         this.dataManagerService.updateDataState(this.dataState, this._source);
     }
 }
-SkyDataManagerToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerToolbarComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.SkyDataManagerService }, { token: i2.SkyModalService }, { token: i3.SkyDataManagerColumnPickerService }], target: i0.ɵɵFactoryTarget.Component });
-SkyDataManagerToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", type: SkyDataManagerToolbarComponent, selector: "sky-data-manager-toolbar", ngImport: i0, template: "<div class=\"sky-data-manager-toolbar\">\n<sky-toolbar>\n  <sky-toolbar-section>\n\n    <ng-content select=\"sky-data-manager-toolbar-primary-item\"></ng-content>\n\n    <sky-toolbar-item *ngIf=\"activeView?.filterButtonEnabled\">\n      <sky-filter-button\n        [showButtonText]=\"activeView?.showFilterButtonText\"\n        (filterButtonClick)=\"filterButtonClicked()\"\n      >\n      </sky-filter-button>\n    </sky-toolbar-item>\n\n    <sky-toolbar-item *ngIf=\"activeView?.sortEnabled\">\n      <sky-sort [showButtonText]=\"activeView?.showSortButtonText\">\n        <sky-sort-item\n          *ngFor=\"let item of dataManagerConfig?.sortOptions\"\n          [active]=\"activeSortOptionId && activeSortOptionId === item.id\"\n          (itemSelect)=\"sortSelected(item)\"\n        >\n          {{item.label}}\n        </sky-sort-item>\n      </sky-sort>\n    </sky-toolbar-item>\n\n    <sky-toolbar-item *ngIf=\"activeView?.columnPickerEnabled\">\n      <button\n        class=\"sky-btn sky-btn-default sky-col-picker-btn\"\n        type=\"button\"\n        [attr.aria-label]=\"'skyux_data_manager_columns_button_title' | skyLibResources\"\n        [attr.title]=\"'skyux_data_manager_columns_button_title' | skyLibResources\"\n        (click)=\"openColumnPicker()\"\n      >\n        <sky-icon\n          icon=\"columns\"\n        ></sky-icon>\n        <span\n          class=\"sky-column-selector-action-btn-text\"\n        >\n          {{'skyux_data_manager_columns_button_title' | skyLibResources}}\n        </span>\n      </button>\n    </sky-toolbar-item>\n\n    <ng-content select=\"sky-data-manager-toolbar-left-item\"></ng-content>\n\n    <sky-toolbar-item *ngIf=\"activeView?.searchEnabled\">\n      <sky-search\n        [expandMode]=\"activeView?.searchExpandMode\"\n        [placeholderText]=\"activeView?.searchPlaceholderText\"\n        [searchText]=\"dataState?.searchText\"\n        (searchApply)=\"searchApplied($event)\"\n      >\n      </sky-search>\n    </sky-toolbar-item>\n\n    <sky-toolbar-view-actions>\n      <ng-content select=\"sky-data-manager-toolbar-right-item\"></ng-content>\n      <sky-radio-group *ngIf=\"activeView && views && views.length > 1\"\n        [ariaLabel]=\"'data view switcher'\"\n        class=\"sky-switch-icon-group\"\n      >\n        <sky-radio *ngFor=\"let view of views\"\n          [attr.name]=\"view.name\"\n          [attr.aria-label]=\"view.name\"\n          [icon]=\"view.icon\"\n          [value]=\"view.id\"\n          [label]=\"view.name\"\n          [(ngModel)]=\"activeView.id\"\n          (change)=\"onViewChange(view.id)\"\n        >\n        </sky-radio>\n      </sky-radio-group>\n    </sky-toolbar-view-actions>\n  </sky-toolbar-section>\n  <ng-content select=\"sky-data-manager-toolbar-section\"></ng-content>\n</sky-toolbar\n>\n\n<sky-toolbar *ngIf=\"activeView?.multiselectToolbarEnabled\"\n  class=\"sky-data-manager-multiselect-toolbar\"\n>\n  <sky-toolbar-section>\n    <sky-toolbar-item>\n      <button\n      class=\"sky-btn sky-btn-link sky-data-manager-select-all-btn\"\n      type=\"button\"\n      (click)=\"selectAll()\"\n      >\n        {{'skyux_data_manager_select_all_button_title' | skyLibResources}}\n      </button>\n    </sky-toolbar-item>\n    <sky-toolbar-item>\n      <button\n        class=\"sky-btn sky-btn-link sky-data-manager-clear-all-btn\"\n        type=\"button\"\n        (click)=\"clearAll()\"\n      >\n        {{'skyux_data_manager_clear_all_button_title' | skyLibResources}}\n      </button>\n    </sky-toolbar-item>\n    <sky-toolbar-view-actions>\n      <sky-checkbox\n        [checked]=\"onlyShowSelected\"\n        (change)=\"onOnlyShowSelected($event)\"\n      >\n        <sky-checkbox-label>\n          {{'skyux_data_manager_show_selected_option_title' | skyLibResources}}\n        </sky-checkbox-label>\n      </sky-checkbox>\n    </sky-toolbar-view-actions>\n  </sky-toolbar-section>\n</sky-toolbar>\n</div>\n", styles: [":host .sky-col-picker-btn .sky-column-selector-action-btn-text{display:none}:host-context(.sky-responsive-container-xs) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-sm) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-md) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-lg) .sky-col-picker-btn .sky-column-selector-action-btn-text{display:none}@media (min-width: 768px){:host .sky-col-picker-btn .sky-column-selector-action-btn-text{display:inline}}:host-context(.sky-responsive-container-sm) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-md) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-lg) .sky-col-picker-btn .sky-column-selector-action-btn-text{display:inline}\n"], components: [{ type: i4.λ37, selector: "sky-toolbar" }, { type: i4.λ38, selector: "sky-toolbar-section" }, { type: i4.λ39, selector: "sky-toolbar-item" }, { type: i5.λ1, selector: "sky-filter-button", inputs: ["filterButtonId", "ariaControls", "ariaExpanded", "active", "disabled", "showButtonText"], outputs: ["filterButtonClick"] }, { type: i5.λ14, selector: "sky-sort", inputs: ["showButtonText"] }, { type: i5.λ13, selector: "sky-sort-item", inputs: ["active"], outputs: ["itemSelect"] }, { type: i6.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { type: i7.SkySearchComponent, selector: "sky-search", inputs: ["searchText", "expandMode", "debounceTime", "disabled", "placeholderText"], outputs: ["searchApply", "searchChange", "searchClear"] }, { type: i4.λ40, selector: "sky-toolbar-view-actions" }, { type: i8.λ11, selector: "sky-radio-group", inputs: ["ariaLabelledBy", "ariaLabel", "disabled", "name", "required", "value", "tabIndex"] }, { type: i8.λ13, selector: "sky-radio", inputs: ["checked", "disabled", "id", "label", "labelledBy", "name", "tabindex", "value", "icon", "radioType"], outputs: ["change", "checkedChange", "disabledChange"] }, { type: i8.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "icon", "checkboxType", "checked", "required"], outputs: ["change", "checkedChange", "disabledChange"] }, { type: i8.λ4, selector: "sky-checkbox-label" }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i10.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "skyLibResources": i11.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerToolbarComponent, decorators: [{
+SkyDataManagerToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerToolbarComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.SkyDataManagerService }, { token: i2.SkyModalService }, { token: i3.SkyDataManagerColumnPickerService }], target: i0.ɵɵFactoryTarget.Component });
+SkyDataManagerToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", type: SkyDataManagerToolbarComponent, selector: "sky-data-manager-toolbar", ngImport: i0, template: "<div class=\"sky-data-manager-toolbar\">\n<sky-toolbar>\n  <sky-toolbar-section>\n\n    <ng-content select=\"sky-data-manager-toolbar-primary-item\"></ng-content>\n\n    <sky-toolbar-item *ngIf=\"activeView?.filterButtonEnabled\">\n      <sky-filter-button\n        [showButtonText]=\"activeView?.showFilterButtonText\"\n        (filterButtonClick)=\"filterButtonClicked()\"\n      >\n      </sky-filter-button>\n    </sky-toolbar-item>\n\n    <sky-toolbar-item *ngIf=\"activeView?.sortEnabled\">\n      <sky-sort [showButtonText]=\"activeView?.showSortButtonText\">\n        <sky-sort-item\n          *ngFor=\"let item of dataManagerConfig?.sortOptions\"\n          [active]=\"activeSortOptionId && activeSortOptionId === item.id\"\n          (itemSelect)=\"sortSelected(item)\"\n        >\n          {{item.label}}\n        </sky-sort-item>\n      </sky-sort>\n    </sky-toolbar-item>\n\n    <sky-toolbar-item *ngIf=\"activeView?.columnPickerEnabled\">\n      <button\n        class=\"sky-btn sky-btn-default sky-col-picker-btn\"\n        type=\"button\"\n        [attr.aria-label]=\"'skyux_data_manager_columns_button_title' | skyLibResources\"\n        [attr.title]=\"'skyux_data_manager_columns_button_title' | skyLibResources\"\n        (click)=\"openColumnPicker()\"\n      >\n        <sky-icon\n          icon=\"columns\"\n        ></sky-icon>\n        <span\n          class=\"sky-column-selector-action-btn-text\"\n        >\n          {{'skyux_data_manager_columns_button_title' | skyLibResources}}\n        </span>\n      </button>\n    </sky-toolbar-item>\n\n    <ng-content select=\"sky-data-manager-toolbar-left-item\"></ng-content>\n\n    <sky-toolbar-item *ngIf=\"activeView?.searchEnabled\">\n      <sky-search\n        [expandMode]=\"activeView?.searchExpandMode\"\n        [placeholderText]=\"activeView?.searchPlaceholderText\"\n        [searchText]=\"dataState?.searchText\"\n        (searchApply)=\"searchApplied($event)\"\n      >\n      </sky-search>\n    </sky-toolbar-item>\n\n    <sky-toolbar-view-actions>\n      <ng-content select=\"sky-data-manager-toolbar-right-item\"></ng-content>\n      <sky-radio-group *ngIf=\"activeView && views && views.length > 1\"\n        [ariaLabel]=\"'data view switcher'\"\n        class=\"sky-switch-icon-group\"\n      >\n        <sky-radio *ngFor=\"let view of views\"\n          [attr.name]=\"view.name\"\n          [attr.aria-label]=\"view.name\"\n          [icon]=\"view.icon\"\n          [value]=\"view.id\"\n          [label]=\"view.name\"\n          [(ngModel)]=\"activeView.id\"\n          (change)=\"onViewChange(view.id)\"\n        >\n        </sky-radio>\n      </sky-radio-group>\n    </sky-toolbar-view-actions>\n  </sky-toolbar-section>\n  <ng-content select=\"sky-data-manager-toolbar-section\"></ng-content>\n</sky-toolbar\n>\n\n<sky-toolbar *ngIf=\"activeView?.multiselectToolbarEnabled\"\n  class=\"sky-data-manager-multiselect-toolbar\"\n>\n  <sky-toolbar-section>\n    <sky-toolbar-item>\n      <button\n      class=\"sky-btn sky-btn-link sky-data-manager-select-all-btn\"\n      type=\"button\"\n      (click)=\"selectAll()\"\n      >\n        {{'skyux_data_manager_select_all_button_title' | skyLibResources}}\n      </button>\n    </sky-toolbar-item>\n    <sky-toolbar-item>\n      <button\n        class=\"sky-btn sky-btn-link sky-data-manager-clear-all-btn\"\n        type=\"button\"\n        (click)=\"clearAll()\"\n      >\n        {{'skyux_data_manager_clear_all_button_title' | skyLibResources}}\n      </button>\n    </sky-toolbar-item>\n    <sky-toolbar-view-actions>\n      <sky-checkbox\n        [checked]=\"onlyShowSelected\"\n        (change)=\"onOnlyShowSelected($event)\"\n      >\n        <sky-checkbox-label>\n          {{'skyux_data_manager_show_selected_option_title' | skyLibResources}}\n        </sky-checkbox-label>\n      </sky-checkbox>\n    </sky-toolbar-view-actions>\n  </sky-toolbar-section>\n</sky-toolbar>\n</div>\n", styles: [":host .sky-col-picker-btn .sky-column-selector-action-btn-text{display:none}:host-context(.sky-responsive-container-xs) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-sm) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-md) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-lg) .sky-col-picker-btn .sky-column-selector-action-btn-text{display:none}@media (min-width: 768px){:host .sky-col-picker-btn .sky-column-selector-action-btn-text{display:inline}}:host-context(.sky-responsive-container-sm) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-md) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-lg) .sky-col-picker-btn .sky-column-selector-action-btn-text{display:inline}\n"], components: [{ type: i4.λ37, selector: "sky-toolbar" }, { type: i4.λ38, selector: "sky-toolbar-section" }, { type: i4.λ39, selector: "sky-toolbar-item" }, { type: i5.λ1, selector: "sky-filter-button", inputs: ["filterButtonId", "ariaControls", "ariaExpanded", "active", "disabled", "showButtonText"], outputs: ["filterButtonClick"] }, { type: i5.λ14, selector: "sky-sort", inputs: ["showButtonText"] }, { type: i5.λ13, selector: "sky-sort-item", inputs: ["active"], outputs: ["itemSelect"] }, { type: i6.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { type: i7.SkySearchComponent, selector: "sky-search", inputs: ["searchText", "expandMode", "debounceTime", "disabled", "placeholderText"], outputs: ["searchApply", "searchChange", "searchClear"] }, { type: i4.λ40, selector: "sky-toolbar-view-actions" }, { type: i8.λ11, selector: "sky-radio-group", inputs: ["ariaLabelledBy", "ariaLabel", "disabled", "name", "required", "value", "tabIndex"] }, { type: i8.λ13, selector: "sky-radio", inputs: ["checked", "disabled", "id", "label", "labelledBy", "name", "tabindex", "value", "icon", "radioType"], outputs: ["change", "checkedChange", "disabledChange"] }, { type: i8.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "icon", "checkboxType", "checked", "required"], outputs: ["change", "checkedChange", "disabledChange"] }, { type: i8.λ4, selector: "sky-checkbox-label" }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i10.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "skyLibResources": i11.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerToolbarComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-data-manager-toolbar',

package/esm2015/modules/data-manager/data-manager.component.js

@@ -67,9 +67,9 @@ export class SkyDataManagerComponent {
         this.ngUnsubscribe.complete();
     }
 }
-SkyDataManagerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.SkyDataManagerService }], target: i0.ɵɵFactoryTarget.Component });
-SkyDataManagerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", type: SkyDataManagerComponent, selector: "sky-data-manager", ngImport: i0, template: "<div\n  *ngIf=\"isInitialized\"\n  class=\"sky-data-manager\"\n  [skyBackToTop]=\"backToTopOptions\"\n  [skyBackToTopMessageStream]=\"backToTopController\"\n  [skyViewkeeper]=\"currentViewkeeperClasses\"\n  #dataManager\n>\n  <ng-content></ng-content>\n</div>\n", directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.λ7, selector: "[skyBackToTop]", inputs: ["skyBackToTop", "skyBackToTopMessageStream"] }, { type: i4.λ3, selector: "[skyViewkeeper]", inputs: ["skyViewkeeper"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerComponent, decorators: [{
+SkyDataManagerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.SkyDataManagerService }], target: i0.ɵɵFactoryTarget.Component });
+SkyDataManagerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", type: SkyDataManagerComponent, selector: "sky-data-manager", ngImport: i0, template: "<div\n  *ngIf=\"isInitialized\"\n  class=\"sky-data-manager\"\n  [skyBackToTop]=\"backToTopOptions\"\n  [skyBackToTopMessageStream]=\"backToTopController\"\n  [skyViewkeeper]=\"currentViewkeeperClasses\"\n  #dataManager\n>\n  <ng-content></ng-content>\n</div>\n", directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.λ7, selector: "[skyBackToTop]", inputs: ["skyBackToTop", "skyBackToTopMessageStream"] }, { type: i4.λ3, selector: "[skyViewkeeper]", inputs: ["skyViewkeeper"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-data-manager',

package/esm2015/modules/data-manager/data-manager.module.js

@@ -22,8 +22,8 @@ import { SkyDataManagerColumnPickerImplService } from './data-manager-column-pic
 import * as i0 from "@angular/core";
 export class SkyDataManagerModule {
 }
-SkyDataManagerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyDataManagerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerModule, declarations: [SkyDataManagerColumnPickerComponent,
+SkyDataManagerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyDataManagerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerModule, declarations: [SkyDataManagerColumnPickerComponent,
         SkyDataManagerComponent,
         SkyDataManagerToolbarLeftItemComponent,
         SkyDataManagerToolbarPrimaryItemComponent,
@@ -51,7 +51,7 @@ SkyDataManagerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", ve
         SkyDataManagerToolbarSectionComponent,
         SkyDataManagerToolbarComponent,
         SkyDataViewComponent] });
-SkyDataManagerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerModule, providers: [
+SkyDataManagerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerModule, providers: [
         {
             provide: SkyDataManagerColumnPickerService,
             useClass: SkyDataManagerColumnPickerImplService
@@ -72,7 +72,7 @@ SkyDataManagerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", ve
             SkyToolbarModule,
             SkyViewkeeperModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/esm2015/modules/data-manager/data-manager.service.js

@@ -253,9 +253,9 @@ export class SkyDataManagerService {
         };
     }
 }
-SkyDataManagerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerService, deps: [{ token: i1.SkyUIConfigService }], target: i0.ɵɵFactoryTarget.Injectable });
-SkyDataManagerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerService, decorators: [{
+SkyDataManagerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerService, deps: [{ token: i1.SkyUIConfigService }], target: i0.ɵɵFactoryTarget.Injectable });
+SkyDataManagerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.SkyUIConfigService }]; } });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YS1tYW5hZ2VyLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kYXRhLW1hbmFnZXIvc3JjL21vZHVsZXMvZGF0YS1tYW5hZ2VyL2RhdGEtbWFuYWdlci5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxVQUFVLEVBRVgsTUFBTSxlQUFlLENBQUM7QUFNdkIsT0FBTyxFQUNMLGVBQWUsRUFFZixhQUFhLEVBQ2IsT0FBTyxFQUNSLE1BQU0sTUFBTSxDQUFDO0FBRWQsT0FBTyxFQUNMLG9CQUFvQixFQUNwQixNQUFNLEVBQ04sR0FBRyxFQUNILElBQUksRUFDSixTQUFTLEVBQ1YsTUFBTSxnQkFBZ0IsQ0FBQztBQU14QixPQUFPLEVBQ0wsbUJBQW1CLEVBQ3BCLE1BQU0sNkJBQTZCLENBQUM7QUFFckMsT0FBTyxFQUNMLHlCQUF5QixFQUMxQixNQUFNLG9DQUFvQyxDQUFDO0FBYzVDLE9BQU8sRUFDTCxnQkFBZ0IsRUFDakIsTUFBTSwwQkFBMEIsQ0FBQzs7O0FBTWxDOzs7Ozs7O0dBT0c7QUFFSCxNQUFNLE9BQU8scUJBQXFCO0lBZWhDLFlBQ1UsZUFBbUM7UUFBbkMsb0JBQWUsR0FBZixlQUFlLENBQW9CO1FBZnRDLHNCQUFpQixHQUFHLElBQUksZUFBZSxDQUErQixFQUFFLENBQUMsQ0FBQztRQUVoRSxpQkFBWSxHQUFHLElBQUksYUFBYSxDQUFTLENBQUMsQ0FBQyxDQUFDO1FBRTVDLHNCQUFpQixHQUFHLElBQUksZUFBZSxDQUF1QixTQUFTLENBQUMsQ0FBQztRQUV6RSxVQUFLLEdBQUcsSUFBSSxlQUFlLENBQXNCLEVBQUUsQ0FBQyxDQUFDO1FBRXJELG9CQUFlLEdBQUcsSUFBSSxhQUFhLENBQTRCLENBQUMsQ0FBQyxDQUFDO1FBRTNFLG1CQUFjLEdBQUcsSUFBSSxPQUFPLEVBQUUsQ0FBQztRQUMvQixlQUFVLEdBQUcsd0JBQXdCLENBQUM7UUFDdEMsa0JBQWEsR0FBRyxLQUFLLENBQUM7SUFJMUIsQ0FBQztJQUVFLFdBQVc7UUFDaEIsSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUM3QixJQUFJLENBQUMsaUJBQWlCLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDbEMsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUN0QixJQUFJLENBQUMsZUFBZSxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQ2hDLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDM0IsSUFBSSxDQUFDLGNBQWMsQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNqQyxDQUFDO0lBRUQ7Ozs7OztPQU1HO0lBQ0ksZUFBZSxDQUFDLElBQTRCO1FBQ2pELElBQUksSUFBSSxDQUFDLGFBQWEsRUFBRTtZQUN0QixPQUFPLENBQUMsSUFBSSxDQUFDLDBEQUEwRCxDQUFDLENBQUM7WUFDekUsT0FBTztTQUNSO1FBRUQsTUFBTSxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsZ0JBQWdCLENBQUM7UUFDL0MsTUFBTSxXQUFXLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQztRQUVyQyxJQUFJLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBQzNDLElBQUksQ0FBQyx1QkFBdUIsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQztRQUVyRCxJQUFJLFdBQVcsRUFBRTtZQUNmLElBQUksQ0FBQyxlQUFlLENBQUMsU0FBUyxDQUFDLFdBQVcsRUFBRSxnQkFBZ0IsQ0FBQyxlQUFlLEVBQUUsQ0FBQztpQkFDNUUsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQztpQkFDYixTQUFTLENBQUMsQ0FBQyxNQUFrQyxFQUFFLEVBQUU7Z0JBQ2hELElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxtQkFBbUIsQ0FBQyxNQUFNLENBQUMsRUFBRSxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7WUFFekUsQ0FBQyxDQUFDLENBQUM7U0FDTjthQUFNO1lBQ0wsSUFBSSxDQUFDLGVBQWUsQ0FBQyxnQkFBZ0IsRUFBRSxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7U0FDekQ7UUFFRCxJQUFJLFdBQVcsRUFBRTtZQUNmLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDO2lCQUN0QyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsQ0FBQztpQkFDcEMsU0FBUyxDQUFDLENBQUMsS0FBMEIsRUFBRSxFQUFFO2dCQUN4QyxJQUFJLENBQUMsZUFBZSxDQUFDLFNBQVMsQ0FDNUIsV0FBVyxFQUNYLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FDeEI7cUJBQ0UsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUM7cUJBQ3BDLFNBQVMsQ0FDUixHQUFHLEVBQUUsR0FBRyxDQUFDLEVBQ1QsQ0FBQyxHQUFHLEVBQUUsRUFBRTtvQkFDTixPQUFPLENBQUMsSUFBSSxDQUFDLHVDQUF1QyxDQUFDLENBQUM7b0JBQ3RELE9BQU8sQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7Z0JBQ3BCLENBQUMsQ0FDRixDQUFDO1lBQ04sQ0FBQyxDQUFDLENBQUM7U0FDTjtJQUNILENBQUM7SUFFRDs7O09BR0c7SUFDSSxZQUFZLENBQUMsVUFBNkI7UUFDL0MsSUFBSSxZQUFZLEdBQXdCLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDO1FBRXpELElBQUksSUFBSSxDQUFDLFdBQVcsQ0FBQyxVQUFVLENBQUMsRUFBRSxDQUFDLEVBQUU7WUFDbkMsT0FBTyxDQUFDLElBQUksQ0FBQyxtQ0FBbUMsVUFBVSxDQUFDLEVBQUUsZ0NBQWdDLENBQUMsQ0FBQztZQUMvRixPQUFPO1NBQ1I7UUFFRCxZQUFZLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQzlCLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO1FBRTlCLHlGQUF5RjtRQUN6RiwyRUFBMkU7UUFDM0UsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLEVBQUUsQ0FBQyxFQUFFO1lBQzdDLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO1FBQzdCLENBQUMsQ0FBQyxDQUFDO1FBRUgsSUFBSSxDQUFDLGVBQWUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxFQUFFOztZQUNwRCxNQUFNLFNBQVMsR0FBRyxNQUFNLENBQUMsU0FBUyxDQUFDO1lBQ25DLE1BQU0sZ0JBQWdCLEdBQUcsU0FBUyxDQUFDLGdCQUFnQixDQUFDLFVBQVUsQ0FBQyxFQUFFLENBQUMsQ0FBQztZQUVuRSxJQUFJLENBQUMsZ0JBQWdCLEVBQUU7Z0JBQ3JCLElBQUksWUFBWSxHQUFHLElBQUksZ0JBQWdCLENBQUMsRUFBRSxNQUFNLEVBQUUsVUFBVSxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7Z0JBRW5FLG1GQUFtRjtnQkFDbkYsZ0ZBQWdGO2dCQUNoRixJQUFJLFVBQVUsQ0FBQyxhQUFhLEVBQUU7b0JBQzVCLE1BQU0sU0FBUyxHQUFHLFVBQVUsQ0FBQyxhQUFhLENBQUMsR0FBRyxDQUFDLGFBQWEsQ0FBQyxFQUFFLEdBQUcsT0FBTyxhQUFhLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7b0JBQzlGLE1BQU0sa0JBQWtCLEdBQUcsVUFBVSxDQUFDLGFBQWE7eUJBQ2hELE1BQU0sQ0FBQyxZQUFZLENBQUMsRUFBRSxHQUFHLE9BQU8sQ0FBQyxZQUFZLENBQUMsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDO3lCQUM3RCxHQUFHLENBQUMsWUFBWSxDQUFDLEVBQUUsR0FBRyxPQUFPLFlBQVksQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztvQkFFcEQsWUFBWSxDQUFDLFNBQVMsR0FBRyxTQUFTLENBQUM7b0JBQ25DLFlBQVksQ0FBQyxrQkFBa0IsR0FBRyxrQkFBa0IsQ0FBQztpQkFDdEQ7Z0JBQ0QsTUFBTSxZQUFZLEdBQUcsU0FBUyxDQUFDLGVBQWUsQ0FBQyxVQUFVLENBQUMsRUFBRSxFQUFFLFlBQVksQ0FBQyxDQUFDO2dCQUU1RSxJQUFJLENBQUMsZUFBZSxDQUFDLFlBQVksRUFBRSxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7YUFDckQ7aUJBQU07Z0JBQ0wsTUFBTSx5QkFBeUIsR0FBRyxNQUFBLFVBQVUsQ0FBQyxhQUFhLDBDQUFFLEdBQUcsQ0FBQyxhQUFhLENBQUMsRUFBRSxHQUFHLE9BQU8sYUFBYSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO2dCQUUvRyxtRkFBbUY7Z0JBQ25GLHFGQUFxRjtnQkFDckYsNEVBQTRFO2dCQUM1RSx5Q0FBeUM7Z0JBQ3pDLElBQUksZ0JBQWdCLENBQUMsU0FBUyxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUU7b0JBQ3pDLElBQUksWUFBWSxHQUFHLHlCQUF5QixDQUFDLE1BQU0sQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLGdCQUFnQixDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUM7b0JBQ3RHLFlBQVksR0FBRyxZQUFZLENBQUMsTUFBTSxDQUFDLFFBQVEsQ0FBQyxFQUFFO3dCQUM1QyxPQUFPLFVBQVUsQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQUUsS0FBSyxRQUFRLElBQUksQ0FBQyxZQUFZLENBQUMsV0FBVyxDQUFDLENBQUM7b0JBQ2xILENBQUMsQ0FBQyxDQUFDO29CQUVILGdGQUFnRjtvQkFDaEYsZ0JBQWdCO29CQUNoQixnQkFBZ0IsQ0FBQyxrQkFBa0IsR0FBRyxnQkFBZ0IsQ0FBQyxrQkFBa0IsQ0FBQyxNQUFNLENBQUMsWUFBWSxDQUFDLENBQUM7aUJBQ2hHO2dCQUNELGdGQUFnRjtnQkFDaEYsZ0JBQWdCO2dCQUNoQixnQkFBZ0IsQ0FBQyxTQUFTLEdBQUcseUJBQXlCLENBQUM7Z0JBRXZELE1BQU0sWUFBWSxHQUFHLFNBQVMsQ0FBQyxlQUFlLENBQUMsVUFBVSxDQUFDLEVBQUUsRUFBRSxnQkFBZ0IsQ0FBQyxDQUFDO2dCQUVoRixJQUFJLENBQUMsZUFBZSxDQUFDLFlBQVksRUFBRSxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7YUFDckQ7UUFFSCxDQUFDLENBQUMsQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUNuQixDQUFDO0lBRUQ7Ozs7OztPQU1HO0lBQ0ksbUJBQW1CLENBQ3hCLFFBQWdCLEVBQ2hCLFlBQWtEO1FBRWxELHlFQUF5RTtRQUN6RSxJQUFJLFlBQVksRUFBRTtZQUNoQixPQUFPLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUM5QixNQUFNLENBQUMsV0FBVyxDQUFDLEVBQUUsQ0FBQyxRQUFRLEtBQUssV0FBVyxDQUFDLE1BQU0sQ0FBQyxFQUN0RCxHQUFHLENBQUMsV0FBVyxDQUFDLEVBQUUsQ0FBQyxXQUFXLENBQUMsU0FBUyxDQUFDLEVBQ3pDLFlBQVksQ0FBQyxVQUFVLENBQUMsQ0FBQztnQkFDdkIsb0JBQW9CLENBQUMsWUFBWSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUM7Z0JBQy9DLG9CQUFvQixDQUFDLElBQUksQ0FBQyx5QkFBeUIsQ0FBQyxZQUFZLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FDaEYsQ0FBQztTQUNIO2FBQU07WUFDTCxPQUFPLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUM5QixNQUFNLENBQUMsV0FBVyxDQUFDLEVBQUUsQ0FBQyxRQUFRLEtBQUssV0FBVyxDQUFDLE1BQU0sQ0FBQyxFQUN0RCxHQUFHLENBQUMsV0FBVyxDQUFDLEVBQUUsQ0FBQyxXQUFXLENBQUMsU0FBUyxDQUFDLENBQzFDLENBQUM7U0FDSDtJQUNILENBQUM7SUFFRDs7Ozs7O09BTUc7SUFDSSxlQUFlLENBQUMsS0FBMEIsRUFBRSxRQUFnQjtRQUNqRSxNQUFNLFFBQVEsR0FBRyxJQUFJLG1CQUFtQixDQUFDLEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQyxDQUFDO1FBQ2xFLE1BQU0sY0FBYyxHQUFHLElBQUkseUJBQXlCLENBQUMsUUFBUSxFQUFFLFFBQVEsQ0FBQyxDQUFDO1FBRXpFLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDO0lBQzVDLENBQUM7SUFFRDs7T0FFRztJQUNJLDJCQUEyQjtRQUNoQyxPQUFPLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxLQUFLLENBQUM7SUFDdEMsQ0FBQztJQUVEOztPQUVHO0lBQ0ksMkJBQTJCO1FBQ2hDLE9BQU8sSUFBSSxDQUFDLGlCQUFpQixDQUFDO0lBQ2hDLENBQUM7SUFFRDs7O09BR0c7SUFDSSx1QkFBdUIsQ0FBQyxLQUEyQjtRQUN4RCxJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3JDLENBQUM7SUFFRDs7T0FFRztJQUNJLG1CQUFtQjtRQUN4QixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDcEIsQ0FBQztJQUVEOztPQUVHO0lBQ0ksc0JBQXNCO1FBQzNCLE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQztJQUMzQixDQUFDO0lBRUQ7OztPQUdHO0lBQ0ksa0JBQWtCLENBQUMsRUFBVTtRQUNsQyxJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUM3QixDQUFDO0lBRUQ7OztPQUdHO0lBQ0ksV0FBVyxDQUFDLE1BQWM7UUFDL0IsTUFBTSxZQUFZLEdBQXdCLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDO1FBQzNELE1BQU0sVUFBVSxHQUFzQixZQUFZLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLEVBQUUsS0FBSyxNQUFNLENBQUMsQ0FBQztRQUVwRixPQUFPLFVBQVUsQ0FBQztJQUNwQixDQUFDO0lBRUQ7Ozs7O09BS0c7SUFDSSxnQkFBZ0IsQ0FBQyxJQUF1QjtRQUM3QyxJQUFJLFlBQVksR0FBd0IsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUM7UUFDekQsTUFBTSxpQkFBaUIsR0FBRyxZQUFZLENBQUMsU0FBUyxDQUFDLFdBQVcsQ0FBQyxFQUFFLENBQUMsV0FBVyxDQUFDLEVBQUUsS0FBSyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7UUFFNUYsSUFBSSxpQkFBaUIsS0FBSyxDQUFDLENBQUMsRUFBRTtZQUM1QixPQUFPLENBQUMsS0FBSyxDQUFDLHlDQUF5QyxFQUFFLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztTQUNuRTthQUFNO1lBRUwsWUFBWSxDQUFDLGlCQUFpQixDQUFDLEdBQUcsSUFBSSxDQUFDO1lBQ3ZDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO1NBQy9CO0lBQ0gsQ0FBQztJQUVEOztPQUVHO0lBQ0ksb0JBQW9CLENBQUMsTUFBYyxFQUFFLE9BQWlCO1FBQzNELE1BQU0saUJBQWlCLEdBQUcsSUFBSSxDQUFDLGlCQUFpQixDQUFDLEtBQUssQ0FBQztRQUN2RCxpQkFBaUIsQ0FBQyxNQUFNLENBQUMsR0FBRyxPQUFPLENBQUM7UUFFcEMsSUFBSSxDQUFDLGlCQUFpQixDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO0lBQ2pELENBQUM7SUFFTyx5QkFBeUIsQ0FBQyxLQUEwQixFQUFFLFVBQW9CO1FBQ2hGLE1BQU0sZUFBZSxHQUFHLEtBQUssQ0FBQyxlQUFlLEVBQTZCLENBQUM7UUFDM0UsSUFBSSx1QkFBdUIsR0FBUSxFQUFFLENBQUM7UUFDdEMsS0FBSyxJQUFJLFFBQVEsSUFBSSxVQUFVLEVBQUU7WUFDL0IsMEJBQTBCO1lBQzFCLElBQUksZUFBZSxDQUFDLGNBQWMsQ0FBQyxRQUFRLENBQUMsRUFBRTtnQkFDNUMsdUJBQXVCLENBQUMsUUFBUSxDQUFDLEdBQUcsZUFBZSxDQUFDLFFBQVEsQ0FBQyxDQUFDO2FBQy9EO1NBQ0Y7UUFFRCxPQUFPLHVCQUF1QixDQUFDO0lBQ2pDLENBQUM7SUFFTyx5QkFBeUIsQ0FBQyxVQUFvQjtRQUNwRCxPQUFPLENBQUMsTUFBMkIsRUFBRSxNQUEyQixFQUFXLEVBQUU7WUFDM0UsTUFBTSxjQUFjLEdBQUcsSUFBSSxDQUFDLHlCQUF5QixDQUFDLE1BQU0sRUFBRSxVQUFVLENBQUMsQ0FBQztZQUMxRSxNQUFNLGNBQWMsR0FBRyxJQUFJLENBQUMseUJBQXlCLENBQUMsTUFBTSxFQUFFLFVBQVUsQ0FBQyxDQUFDO1lBQzFFLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxjQUFjLENBQUMsS0FBSyxJQUFJLENBQUMsU0FBUyxDQUFDLGNBQWMsQ0FBQyxDQUFDO1FBQzNFLENBQUMsQ0FBQztJQUNKLENBQUM7O2tIQXRTVSxxQkFBcUI7c0hBQXJCLHFCQUFxQjsyRkFBckIscUJBQXFCO2tCQURqQyxVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgSW5qZWN0YWJsZSxcbiAgT25EZXN0cm95XG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQge1xuICBTa3lVSUNvbmZpZ1NlcnZpY2Vcbn0gZnJvbSAnQHNreXV4L2NvcmUnO1xuXG5pbXBvcnQge1xuICBCZWhhdmlvclN1YmplY3QsXG4gIE9ic2VydmFibGUsXG4gIFJlcGxheVN1YmplY3QsXG4gIFN1YmplY3Rcbn0gZnJvbSAncnhqcyc7XG5cbmltcG9ydCB7XG4gIGRpc3RpbmN0VW50aWxDaGFuZ2VkLFxuICBmaWx0ZXIsXG4gIG1hcCxcbiAgdGFrZSxcbiAgdGFrZVVudGlsXG59IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuaW1wb3J0IHtcbiAgU2t5RGF0YU1hbmFnZXJDb25maWdcbn0gZnJvbSAnLi9tb2RlbHMvZGF0YS1tYW5hZ2VyLWNvbmZpZyc7XG5cbmltcG9ydCB7XG4gIFNreURhdGFNYW5hZ2VyU3RhdGVcbn0gZnJvbSAnLi9tb2RlbHMvZGF0YS1tYW5hZ2VyLXN0YXRlJztcblxuaW1wb3J0IHtcbiAgU2t5RGF0YU1hbmFnZXJTdGF0ZUNoYW5nZVxufSBmcm9tICcuL21vZGVscy9kYXRhLW1hbmFnZXItc3RhdGUtY2hhbmdlJztcblxuaW1wb3J0IHtcbiAgU2t5RGF0YU1hbmFnZXJTdGF0ZU9wdGlvbnNcbn0gZnJvbSAnLi9tb2RlbHMvZGF0YS1tYW5hZ2VyLXN0YXRlLW9wdGlvbnMnO1xuXG5pbXBvcnQge1xuICBTa3lEYXRhTWFuYWdlclN0YXRlVXBkYXRlRmlsdGVyQXJnc1xufSBmcm9tICcuL21vZGVscy9kYXRhLW1hbmFnZXItc3RhdGUtdXBkYXRlLWZpbHRlci1hcmdzJztcblxuaW1wb3J0IHtcbiAgU2t5RGF0YVZpZXdDb25maWdcbn0gZnJvbSAnLi9tb2RlbHMvZGF0YS12aWV3LWNvbmZpZyc7XG5cbmltcG9ydCB7XG4gIFNreURhdGFWaWV3U3RhdGVcbn0gZnJvbSAnLi9tb2RlbHMvZGF0YS12aWV3LXN0YXRlJztcblxuaW1wb3J0IHtcbiAgU2t5RGF0YU1hbmFnZXJJbml0QXJnc1xufSBmcm9tICcuL21vZGVscy9kYXRhLW1hbmFnZXItaW5pdC1hcmdzJztcblxuLyoqXG4gKiBUaGUgZGF0YSBtYW5hZ2VyIHNlcnZpY2UgcHJvdmlkZXMgd2F5cyBmb3IgZGF0YSB2aWV3cywgdG9vbGJhciBpdGVtcywgYW5kIG1vcmUgdG8gc3RheSB1cCB0byBkYXRlXG4gKiB3aXRoIHRoZSBhY3RpdmUgdmlldyBJRCwgZGF0YSBtYW5hZ2VyIGNvbmZpZywgcmVnaXN0ZXJlZCB2aWV3cyBhbmQgdGhlaXIgY29uZmlncywgYW5kIGRhdGEgc3RhdGUuXG4gKiBUaGVyZSBhcmUgbWV0aG9kcyB0byBnZXQgY3VycmVudCB2YWx1ZXMsIHVwZGF0ZSB2YWx1ZXMsIGFuZCBnZXQgc3Vic2NyaXB0aW9ucyB0byB0aGUgY2hhbmdpbmcgdmFsdWVzLjxici8+IDxici8+XG4gKiBQcm92aWRlIHRoaXMgc2VydmljZSBhdCB0aGUgY29tcG9uZW50IGxldmVsIGZvciBlYWNoIGluc3RhbmNlIG9mIGEgZGF0YSBtYW5hZ2VyLiBEbyBub3RcbiAqIHByb3ZpZGUgaXQgYXQgdGhlIG1vZHVsZSBsZXZlbCBvciBpbiBgYXBwLWV4dHJhc2AuIFRoaXMgYWxsb3dzIG11bHRpcGxlIGRhdGFcbiAqIG1hbmFnZXJzIHRvIGJlIHVzZWQgYW5kIHNlbGYtY29udGFpbmVkLlxuICovXG5ASW5qZWN0YWJsZSgpXG5leHBvcnQgY2xhc3MgU2t5RGF0YU1hbmFnZXJTZXJ2aWNlIGltcGxlbWVudHMgT25EZXN0cm95IHtcbiAgcHVibGljIHZpZXdrZWVwZXJDbGFzc2VzID0gbmV3IEJlaGF2aW9yU3ViamVjdDx7W3ZpZXdJZDogc3RyaW5nXTogc3RyaW5nW119Pih7fSk7XG5cbiAgcHJpdmF0ZSByZWFkb25seSBhY3RpdmVWaWV3SWQgPSBuZXcgUmVwbGF5U3ViamVjdDxzdHJpbmc+KDEpO1xuXG4gIHByaXZhdGUgcmVhZG9ubHkgZGF0YU1hbmFnZXJDb25maWcgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PFNreURhdGFNYW5hZ2VyQ29uZmlnPih1bmRlZmluZWQpO1xuXG4gIHByaXZhdGUgcmVhZG9ubHkgdmlld3MgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PFNreURhdGFWaWV3Q29uZmlnW10+KFtdKTtcblxuICBwcml2YXRlIHJlYWRvbmx5IGRhdGFTdGF0ZUNoYW5nZSA9IG5ldyBSZXBsYXlTdWJqZWN0PFNreURhdGFNYW5hZ2VyU3RhdGVDaGFuZ2U+KDEpO1xuXG4gIHByaXZhdGUgX25nVW5zdWJzY3JpYmUgPSBuZXcgU3ViamVjdCgpO1xuICBwcml2YXRlIGluaXRTb3VyY2UgPSAnZGF0YU1hbmFnZXJTZXJ2aWNlSW5pdCc7XG4gIHByaXZhdGUgaXNJbml0aWFsaXplZCA9IGZhbHNlO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgdWlDb25maWdTZXJ2aWNlOiBTa3lVSUNvbmZpZ1NlcnZpY2VcbiAgKSB7IH1cblxuICBwdWJsaWMgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy5hY3RpdmVWaWV3SWQuY29tcGxldGUoKTtcbiAgICB0aGlzLmRhdGFNYW5hZ2VyQ29uZmlnLmNvbXBsZXRlKCk7XG4gICAgdGhpcy52aWV3cy5jb21wbGV0ZSgpO1xuICAgIHRoaXMuZGF0YVN0YXRlQ2hhbmdlLmNvbXBsZXRlKCk7XG4gICAgdGhpcy5fbmdVbnN1YnNjcmliZS5uZXh0KCk7XG4gICAgdGhpcy5fbmdVbnN1YnNjcmliZS5jb21wbGV0ZSgpO1xuICB9XG5cbiAgLyoqXG4gICAqIEluaXRpYWxpemVzIHRoZSBkYXRhIG1hbmFnZXIgd2l0aCB0aGUgZ2l2ZW4gc2V0dGluZ3MgYW5kIHNldHMgYGlzSW5pdGlhbGl6ZWRgIHRvIGB0cnVlYC5cbiAgICogVGhpcyBtdXN0IGJlIGNhbGxlZCBmb3IgdGhlIGRhdGEgbWFuYWdlciB0byByZW5kZXIuXG4gICAqIEBwYXJhbSBhcmdzIFRoZSBpbml0aWFsIGFjdGl2ZSB2aWV3IElELCBkYXRhIG1hbmFnZXIgY29uZmlnLCBhbmQgc3RhdGUgdG8gdXNlIGZvciB0aGUgZGF0YSBtYW5hZ2VyLlxuICAgKiBJZiBhIHNldHRpbmdzIGtleSBpcyBwcm92aWRlZCwgaXQgY2hlY2tzIGZvciBhIHNhdmVkIGRhdGEgc3RhdGUgaW4gdGhlIFNLWSBVSSBjb25maWcgc2VydmljZSBiZWZvcmUgdXNpbmcgdGhlIGRlZmF1bHQgZGF0YSBzdGF0ZVxuICAgKiBhbmQgc2F2ZXMgYW55IHN0YXRlIGNoYW5nZXMgdG8gdGhlIHNlcnZpY2UuXG4gICAqL1xuICBwdWJsaWMgaW5pdERhdGFNYW5hZ2VyKGFyZ3M6IFNreURhdGFNYW5hZ2VySW5pdEFyZ3MpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5pc0luaXRpYWxpemVkKSB7XG4gICAgICBjb25zb2xlLndhcm4oJ1RoaXMgZGF0YSBtYW5hZ2VyIGluc3RhbmNlIGhhcyBhbHJlYWR5IGJlZW4gaW5pdGlhbGl6ZWQuJyk7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgY29uc3QgZGVmYXVsdERhdGFTdGF0ZSA9IGFyZ3MuZGVmYXVsdERhdGFTdGF0ZTtcbiAgICBjb25zdCBzZXR0aW5nc0tleSA9IGFyZ3Muc2V0dGluZ3NLZXk7XG5cbiAgICB0aGlzLnVwZGF0ZUFjdGl2ZVZpZXdJZChhcmdzLmFjdGl2ZVZpZXdJZCk7XG4gICAgdGhpcy51cGRhdGVEYXRhTWFuYWdlckNvbmZpZyhhcmdzLmRhdGFNYW5hZ2VyQ29uZmlnKTtcblxuICAgIGlmIChzZXR0aW5nc0tleSkge1xuICAgICAgdGhpcy51aUNvbmZpZ1NlcnZpY2UuZ2V0Q29uZmlnKHNldHRpbmdzS2V5LCBkZWZhdWx0RGF0YVN0YXRlLmdldFN0YXRlT3B0aW9ucygpKVxuICAgICAgICAucGlwZSh0YWtlKDEpKVxuICAgICAgICAuc3Vic2NyaWJlKChjb25maWc6IFNreURhdGFNYW5hZ2VyU3RhdGVPcHRpb25zKSA9PiB7XG4gICAgICAgICAgdGhpcy51cGRhdGVEYXRhU3RhdGUobmV3IFNreURhdGFNYW5hZ2VyU3RhdGUoY29uZmlnKSwgdGhpcy5pbml0U291cmNlKTtcblxuICAgICAgICB9KTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhpcy51cGRhdGVEYXRhU3RhdGUoZGVmYXVsdERhdGFTdGF0ZSwgdGhpcy5pbml0U291cmNlKTtcbiAgICB9XG5cbiAgICBpZiAoc2V0dGluZ3NLZXkpIHtcbiAgICAgIHRoaXMuZ2V0RGF0YVN0YXRlVXBkYXRlcyh0aGlzLmluaXRTb3VyY2UpXG4gICAgICAgIC5waXBlKHRha2VVbnRpbCh0aGlzLl9uZ1Vuc3Vic2NyaWJlKSlcbiAgICAgICAgLnN1YnNjcmliZSgoc3RhdGU6IFNreURhdGFNYW5hZ2VyU3RhdGUpID0+IHtcbiAgICAgICAgICB0aGlzLnVpQ29uZmlnU2VydmljZS5zZXRDb25maWcoXG4gICAgICAgICAgICBzZXR0aW5nc0tleSxcbiAgICAgICAgICAgIHN0YXRlLmdldFN0YXRlT3B0aW9ucygpXG4gICAgICAgICAgKVxuICAgICAgICAgICAgLnBpcGUodGFrZVVudGlsKHRoaXMuX25nVW5zdWJzY3JpYmUpKVxuICAgICAgICAgICAgLnN1YnNjcmliZShcbiAgICAgICAgICAgICAgKCkgPT4geyB9LFxuICAgICAgICAgICAgICAoZXJyKSA9PiB7XG4gICAgICAgICAgICAgICAgY29uc29sZS53YXJuKCdDb3VsZCBub3Qgc2F2ZSBkYXRhIG1hbmFnZXIgc2V0dGluZ3MuJyk7XG4gICAgICAgICAgICAgICAgY29uc29sZS53YXJuKGVycik7XG4gICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICk7XG4gICAgICAgIH0pO1xuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBJbml0aWFsaXplcyBhIHZpZXcgd2l0aGluIHRoZSBkYXRhIG1hbmFnZXIuIFRoaXMgbXVzdCBiZSBjYWxsZWQgZm9yIGVhY2ggdmlldyBmb3IgdGhlIHZpZXdzIHRvIGFwcGVhciB3aXRoaW4gdGhlIGRhdGEgbWFuYWdlci5cbiAgICogQHBhcmFtIHZpZXdDb25maWcgVGhlIFNreURhdGFWaWV3Q29uZmlnIHNldHRpbmdzIGZvciB0aGUgdmlldyBiZWluZyByZWdpc3RlcmVkLlxuICAgKi9cbiAgcHVibGljIGluaXREYXRhVmlldyh2aWV3Q29uZmlnOiBTa3lEYXRhVmlld0NvbmZpZyk6IHZvaWQge1xuICAgIGxldCBjdXJyZW50Vmlld3M6IFNreURhdGFWaWV3Q29uZmlnW10gPSB0aGlzLnZpZXdzLnZhbHVlO1xuXG4gICAgaWYgKHRoaXMuZ2V0Vmlld0J5SWQodmlld0NvbmZpZy5pZCkpIHtcbiAgICAgIGNvbnNvbGUud2FybihgQSBkYXRhIG1hbmFnZXIgdmlldyB3aXRoIHRoZSBpZCAke3ZpZXdDb25maWcuaWR9IGhhcyBhbHJlYWR5IGJlZW4gaW5pdGlhbGl6ZWQuYCk7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgY3VycmVudFZpZXdzLnB1c2godmlld0NvbmZpZyk7XG4gICAgdGhpcy52aWV3cy5uZXh0KGN1cnJlbnRWaWV3cyk7XG5cbiAgICAvLyBXaGVuIHRoZSBpbml0aWFsIGFjdGl2ZVZpZXdJZCBpcyBzZXQgdGhlcmUgYXJlIG5vIHZpZXdzIHJlZ2lzdGVyZWQuIFdlIGhhdmUgdG8gcmUtZW1pdFxuICAgIC8vIHRoZSBhY3RpdmVJZCBzbyB0aGUgbmV3bHkgcmVnaXN0ZXJlZCB2aWV3IGlzIG5vdGlmaWVkIHRoYXQgaXQgaXMgYWN0aXZlLlxuICAgIHRoaXMuYWN0aXZlVmlld0lkLnBpcGUodGFrZSgxKSkuc3Vic2NyaWJlKGlkID0+IHtcbiAgICAgIHRoaXMuYWN0aXZlVmlld0lkLm5leHQoaWQpO1xuICAgIH0pO1xuXG4gICAgdGhpcy5kYXRhU3RhdGVDaGFuZ2UucGlwZSh0YWtlKDEpKS5zdWJzY3JpYmUoY2hhbmdlID0+IHtcbiAgICAgIGNvbnN0IGRhdGFTdGF0ZSA9IGNoYW5nZS5kYXRhU3RhdGU7XG4gICAgICBjb25zdCBjdXJyZW50Vmlld1N0YXRlID0gZGF0YVN0YXRlLmdldFZpZXdTdGF0ZUJ5SWQodmlld0NvbmZpZy5pZCk7XG5cbiAgICAgIGlmICghY3VycmVudFZpZXdTdGF0ZSkge1xuICAgICAgICBsZXQgbmV3Vmlld1N0YXRlID0gbmV3IFNreURhdGFWaWV3U3RhdGUoeyB2aWV3SWQ6IHZpZXdDb25maWcuaWQgfSk7XG5cbiAgICAgICAgLy8gRW5zdXJlIHRoYXQgdGhlIHZpZXcgc3RhdGUncyBhdmFpbGFibGUgY29sdW1ucyBtYXRjaCB3aXRoIHRoZSB2aWV3IGNvbmZpZy4gQWxzbyxcbiAgICAgICAgLy8gYWRkIGNvbHVtbnMgdG8gdGhlIGBkaXNwbGF5ZWRDb2x1bW5JZHNgIGFzIGxvbmcgYXMgdGhleSBhcmUgbm90IGBpbml0aWFsSGlkZWBcbiAgICAgICAgaWYgKHZpZXdDb25maWcuY29sdW1uT3B0aW9ucykge1xuICAgICAgICAgIGNvbnN0IGNvbHVtbklkcyA9IHZpZXdDb25maWcuY29sdW1uT3B0aW9ucy5tYXAoY29sdW1uT3B0aW9ucyA9PiB7IHJldHVybiBjb2x1bW5PcHRpb25zLmlkOyB9KTtcbiAgICAgICAgICBjb25zdCBkaXNwbGF5ZWRDb2x1bW5JZHMgPSB2aWV3Q29uZmlnLmNvbHVtbk9wdGlvbnNcbiAgICAgICAgICAgIC5maWx0ZXIoY29sdW1uT3B0aW9uID0+IHsgcmV0dXJuICFjb2x1bW5PcHRpb24uaW5pdGlhbEhpZGU7IH0pXG4gICAgICAgICAgICAubWFwKGNvbHVtbk9wdGlvbiA9PiB7IHJldHVybiBjb2x1bW5PcHRpb24uaWQ7IH0pO1xuXG4gICAgICAgICAgbmV3Vmlld1N0YXRlLmNvbHVtbklkcyA9IGNvbHVtbklkcztcbiAgICAgICAgICBuZXdWaWV3U3RhdGUuZGlzcGxheWVkQ29sdW1uSWRzID0gZGlzcGxheWVkQ29sdW1uSWRzO1xuICAgICAgICB9XG4gICAgICAgIGNvbnN0IG5ld0RhdGFTdGF0ZSA9IGRhdGFTdGF0ZS5hZGRPclVwZGF0ZVZpZXcodmlld0NvbmZpZy5pZCwgbmV3Vmlld1N0YXRlKTtcblxuICAgICAgICB0aGlzLnVwZGF0ZURhdGFTdGF0ZShuZXdEYXRhU3RhdGUsIHRoaXMuaW5pdFNvdXJjZSk7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICBjb25zdCBjdXJyZW50QXZhaWxhYmxlQ29sdW1uSWRzID0gdmlld0NvbmZpZy5jb2x1bW5PcHRpb25zPy5tYXAoY29sdW1uT3B0aW9ucyA9PiB7IHJldHVybiBjb2x1bW5PcHRpb25zLmlkOyB9KTtcblxuICAgICAgICAvLyBFbnN1cmUgdGhhdCB0aGUgdmlldyBzdGF0ZSdzIGF2YWlsYWJsZSBjb2x1bW5zIG1hdGNoIHdpdGggdGhlIHZpZXcgY29uZmlnLiBBbHNvLFxuICAgICAgICAvLyBhZGQgbmV3IGNvbHVtbnMgdG8gdGhlIGBkaXNwbGF5ZWRDb2x1bW5JZHNgIGFzIGxvbmcgYXMgdGhleSBhcmUgbm90IGBpbml0aWFsSGlkZWAuXG4gICAgICAgIC8vIFdlIG9ubHkgYWRkIGNvbHVtbnMgdG8gYGRpc3BsYXllZENvbHVtbnNJZHNgIGlmIHdlIGhhZCBwcmV2aW91c2x5IHRyYWNrZWRcbiAgICAgICAgLy8gYGNvbHVtbklkc2AgdG8gYXZvaWQgYnJlYWtpbmcgY2hhbmdlcy5cbiAgICAgICAgaWYgKGN1cnJlbnRWaWV3U3RhdGUuY29sdW1uSWRzLmxlbmd0aCA+IDApIHtcbiAgICAgICAgICBsZXQgbmV3Q29sdW1uSWRzID0gY3VycmVudEF2YWlsYWJsZUNvbHVtbklkcy5maWx0ZXIoaWQgPT4gY3VycmVudFZpZXdTdGF0ZS5jb2x1bW5JZHMuaW5kZXhPZihpZCkgPCAwKTtcbiAgICAgICAgICBuZXdDb2x1bW5JZHMgPSBuZXdDb2x1bW5JZHMuZmlsdGVyKGNvbHVtbklkID0+IHtcbiAgICAgICAgICAgIHJldHVybiB2aWV3Q29uZmlnLmNvbHVtbk9wdGlvbnMuZmluZChjb2x1bW5PcHRpb24gPT4gY29sdW1uT3B0aW9uLmlkID09PSBjb2x1bW5JZCAmJiAhY29sdW1uT3B0aW9uLmluaXRpYWxIaWRlKTtcbiAgICAgICAgICB9KTtcblxuICAgICAgICAgIC8vIEFkZCB0aGUgY29sdW1uIElEcyB0aGF0IG5vdyBleGlzdCB0byB0aGUgZGF0YSBtYW5hZ2VyIHN0YXRlIGJvdGggYXMgYXZhaWxhYmxlXG4gICAgICAgICAgLy8gYW5kIGFzIHNob3duLlxuICAgICAgICAgIGN1cnJlbnRWaWV3U3RhdGUuZGlzcGxheWVkQ29sdW1uSWRzID0gY3VycmVudFZpZXdTdGF0ZS5kaXNwbGF5ZWRDb2x1bW5JZHMuY29uY2F0KG5ld0NvbHVtbklkcyk7XG4gICAgICAgIH1cbiAgICAgICAgLy8gQWRkIHRoZSBjb2x1bW4gSURzIHRoYXQgbm93IGV4aXN0IHRvIHRoZSBkYXRhIG1hbmFnZXIgc3RhdGUgYm90aCBhcyBhdmFpbGFibGVcbiAgICAgICAgLy8gYW5kIGFzIHNob3duLlxuICAgICAgICBjdXJyZW50Vmlld1N0YXRlLmNvbHVtbklkcyA9IGN1cnJlbnRBdmFpbGFibGVDb2x1bW5JZHM7XG5cbiAgICAgICAgY29uc3QgbmV3RGF0YVN0YXRlID0gZGF0YVN0YXRlLmFkZE9yVXBkYXRlVmlldyh2aWV3Q29uZmlnLmlkLCBjdXJyZW50Vmlld1N0YXRlKTtcblxuICAgICAgICB0aGlzLnVwZGF0ZURhdGFTdGF0ZShuZXdEYXRhU3RhdGUsIHRoaXMuaW5pdFNvdXJjZSk7XG4gICAgICB9XG5cbiAgICB9KS51bnN1YnNjcmliZSgpO1xuICB9XG5cbiAgLyoqXG4gICAqIFJldHVybnMgYW4gb2JzZXJ2YWJsZSBvZiBkYXRhIHN0YXRlIGNoYW5nZXMgdGhhdCB2aWV3cyBhbmQgb3RoZXIgZGF0YSBtYW5hZ2VyIGVudGl0aWVzIGNhbiBzdWJzY3JpYmUgdG8uXG4gICAqIEl0IGV4Y2x1ZGVzIHVwZGF0ZXMgb3JpZ2luYXRpbmcgZnJvbSB0aGUgcHJvdmlkZWQgc291cmNlLiBUaGlzIGFsbG93cyBzdWJzY3JpYmVycyB0byBvbmx5IHJlc3BvbmQgdG9cbiAgICogY2hhbmdlcyB0aGV5IGRpZCBub3QgY3JlYXRlIGFuZCBoZWxwcyBwcmV2ZW50IGluZmluaXRlIGxvb3BzIG9mIHVwZGF0ZXMgYW5kIHJlc3BvbnNlcy5cbiAgICogQHBhcmFtIHNvdXJjZUlkIFRoZSBJRCBvZiB0aGUgZW50aXR5IHN1YnNjcmliaW5nIHRvIGRhdGEgc3RhdGUgdXBkYXRlcy4gVGhpcyBjYW4gYmUgYW55IHZhbHVlIHlvdSBjaG9vc2VcbiAgICogYnV0IHNob3VsZCBiZSB1bmlxdWUgd2l0aGluIHRoZSBkYXRhIG1hbmFnZXIgaW5zdGFuY2UgYW5kIHNob3VsZCBhbHNvIGJlIHVzZWQgd2hlbiB0aGF0IGVudGl0eSB1cGRhdGVzIHRoZSBzdGF0ZS5cbiAgICovXG4gIHB1YmxpYyBnZXREYXRhU3RhdGVVcGRhdGVzKFxuICAgIHNvdXJjZUlkOiBzdHJpbmcsXG4gICAgdXBkYXRlRmlsdGVyPzogU2t5RGF0YU1hbmFnZXJTdGF0ZVVwZGF0ZUZpbHRlckFyZ3NcbiAgKTogT2JzZXJ2YWJsZTxTa3lEYXRhTWFuYWdlclN0YXRlPiB7XG4gICAgLy8gZmlsdGVyIG91dCBldmVudHMgZnJvbSB0aGUgcHJvdmlkZWQgc291cmNlIGFuZCBlbWl0IGp1c3QgdGhlIGRhdGFTdGF0ZVxuICAgIGlmICh1cGRhdGVGaWx0ZXIpIHtcbiAgICAgIHJldHVybiB0aGlzLmRhdGFTdGF0ZUNoYW5nZS5waXBlKFxuICAgICAgICBmaWx0ZXIoc3RhdGVDaGFuZ2UgPT4gc291cmNlSWQgIT09IHN0YXRlQ2hhbmdlLnNvdXJjZSksXG4gICAgICAgIG1hcChzdGF0ZUNoYW5nZSA9PiBzdGF0ZUNoYW5nZS5kYXRhU3RhdGUpLFxuICAgICAgICB1cGRhdGVGaWx0ZXIuY29tcGFyYXRvciA/XG4gICAgICAgICAgZGlzdGluY3RVbnRpbENoYW5nZWQodXBkYXRlRmlsdGVyLmNvbXBhcmF0b3IpIDpcbiAgICAgICAgICBkaXN0aW5jdFVudGlsQ2hhbmdlZCh0aGlzLmdldERlZmF1bHRTdGF0ZUNvbXBhcmF0b3IodXBkYXRlRmlsdGVyLnByb3BlcnRpZXMpKVxuICAgICAgKTtcbiAgICB9IGVsc2Uge1xuICAgICAgcmV0dXJuIHRoaXMuZGF0YVN0YXRlQ2hhbmdlLnBpcGUoXG4gICAgICAgIGZpbHRlcihzdGF0ZUNoYW5nZSA9PiBzb3VyY2VJZCAhPT0gc3RhdGVDaGFuZ2Uuc291cmNlKSxcbiAgICAgICAgbWFwKHN0YXRlQ2hhbmdlID0+IHN0YXRlQ2hhbmdlLmRhdGFTdGF0ZSlcbiAgICAgICk7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIFVwZGF0ZXMgdGhlIGRhdGEgc3RhdGUgYW5kIGVtaXRzIGEgbmV3IHZhbHVlIHRvIGVudGl0aWVzIHN1YnNjcmliZWQgdG8gZGF0YSBzdGF0ZSBjaGFuZ2VzLlxuICAgKiBAcGFyYW0gc3RhdGUgVGhlIG5ldyBgU2t5RGF0YU1hbmFnZXJTdGF0ZWAgdmFsdWUuXG4gICAqIEBwYXJhbSBzb3VyY2VJZCBUaGUgSUQgb2YgdGhlIGVudGl0eSB1cGRhdGluZyB0aGUgc3RhdGUuIFRoaXMgY2FuIGJlIGFueSB2YWx1ZSB5b3UgY2hvb3NlLFxuICAgKiBidXQgc2hvdWxkIGJlIHVuaXF1ZSB3aXRoaW4gdGhlIGRhdGEgbWFuYWdlciBpbnN0YW5jZSBhbmQgc2hvdWxkIGFsc28gYmUgdXNlZCB3aGVuIHRoYXQgZW50aXR5XG4gICAqIHN1YnNjcmliZXMgdG8gc3RhdGUgY2hhbmdlcyBmcm9tIGBnZXREYXRhU3RhdGVVcGRhdGVzYC5cbiAgICovXG4gIHB1YmxpYyB1cGRhdGVEYXRhU3RhdGUoc3RhdGU6IFNreURhdGFNYW5hZ2VyU3RhdGUsIHNvdXJjZUlkOiBzdHJpbmcpOiB2b2lkIHtcbiAgICBjb25zdCBuZXdTdGF0ZSA9IG5ldyBTa3lEYXRhTWFuYWdlclN0YXRlKHN0YXRlLmdldFN0YXRlT3B0aW9ucygpKTtcbiAgICBjb25zdCBuZXdTdGF0ZUNoYW5nZSA9IG5ldyBTa3lEYXRhTWFuYWdlclN0YXRlQ2hhbmdlKG5ld1N0YXRlLCBzb3VyY2VJZCk7XG5cbiAgICB0aGlzLmRhdGFTdGF0ZUNoYW5nZS5uZXh0KG5ld1N0YXRlQ2hhbmdlKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBSZXR1cm5zIHRoZSBjdXJyZW50IGBTa3lEYXRhTWFuYWdlckNvbmZpZ2AuXG4gICAqL1xuICBwdWJsaWMgZ2V0Q3VycmVudERhdGFNYW5hZ2VyQ29uZmlnKCk6IFNreURhdGFNYW5hZ2VyQ29uZmlnIHtcbiAgICByZXR1cm4gdGhpcy5kYXRhTWFuYWdlckNvbmZpZy52YWx1ZTtcbiAgfVxuXG4gIC8qKlxuICAgKiBSZXR1cm5zIGFuIG9ic2VydmFibGUgb2YgZGF0YSBtYW5hZ2VyIGNvbmZpZyBjaGFuZ2VzIHRoYXQgdmlld3MgYW5kIG90aGVyIGRhdGEgbWFuYWdlciBlbnRpdGllcyBjYW4gc3Vic2NyaWJlIHRvLlxuICAgKi9cbiAgcHVibGljIGdldERhdGFNYW5hZ2VyQ29uZmlnVXBkYXRlcygpOiBPYnNlcnZhYmxlPFNreURhdGFNYW5hZ2VyQ29uZmlnPiB7XG4gICAgcmV0dXJuIHRoaXMuZGF0YU1hbmFnZXJDb25maWc7XG4gIH1cblxuICAvKipcbiAgICogVXBkYXRlcyB0aGUgZGF0YSBtYW5hZ2VyIGNvbmZpZyBhbmQgZW1pdHMgYSBuZXcgdmFsdWUgdG8gZW50aXRpZXMgc3Vic2NyaWJlZCB0byBkYXRhIGNvbmZpZyBjaGFuZ2VzLlxuICAgKiBAcGFyYW0gdmFsdWUgVGhlIG5ldyBgU2t5RGF0YU1hbmFnZXJDb25maWdgIHZhbHVlLlxuICAgKi9cbiAgcHVibGljIHVwZGF0ZURhdGFNYW5hZ2VyQ29uZmlnKHZhbHVlOiBTa3lEYXRhTWFuYWdlckNvbmZpZyk6IHZvaWQge1xuICAgIHRoaXMuZGF0YU1hbmFnZXJDb25maWcubmV4dCh2YWx1ZSk7XG4gIH1cblxuICAvKipcbiAgICogUmV0dXJucyBhbiBvYnNlcnZhYmxlIG9mIGRhdGEgdmlldyBjb25maWcgY2hhbmdlcyB0aGF0IHZpZXdzIGFuZCBvdGhlciBkYXRhIG1hbmFnZXIgZW50aXRpZXMgY2FuIHN1YnNjcmliZSB0by5cbiAgICovXG4gIHB1YmxpYyBnZXREYXRhVmlld3NVcGRhdGVzKCk6IE9ic2VydmFibGU8U2t5RGF0YVZpZXdDb25maWdbXT4ge1xuICAgIHJldHVybiB0aGlzLnZpZXdzO1xuICB9XG5cbiAgLyoqXG4gICAqIFJldHVybnMgYW4gb2JzZXJ2YWJsZSBvZiB0aGUgYWN0aXZlIHZpZXcgSUQgdGhhdCB2aWV3cyBhbmQgb3RoZXIgZGF0YSBtYW5hZ2VyIGVudGl0aWVzIGNhbiBzdWJzY3JpYmUgdG8uXG4gICAqL1xuICBwdWJsaWMgZ2V0QWN0aXZlVmlld0lkVXBkYXRlcygpOiBPYnNlcnZhYmxlPHN0cmluZz4ge1xuICAgIHJldHVybiB0aGlzLmFjdGl2ZVZpZXdJZDtcbiAgfVxuXG4gIC8qKlxuICAgKiBVcGRhdGVzIHRoZSBhY3RpdmUgdmlldyBJRC4gVGhlIGRhdGEgbWFuYWdlciBjaGFuZ2VzIHRoZSBkaXNwbGF5ZWQgdmlldy5cbiAgICogQHBhcmFtIGlkIFRoZSBuZXcgYWN0aXZlIHZpZXcgSUQuXG4gICAqL1xuICBwdWJsaWMgdXBkYXRlQWN0aXZlVmlld0lkKGlkOiBzdHJpbmcpOiB2b2lkIHtcbiAgICB0aGlzLmFjdGl2ZVZpZXdJZC5uZXh0KGlkKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBSZXR1cm5zIHRoZSBgU2t5RGF0YVZpZXdDb25maWdgIGZvciB0aGUgZ2l2ZW4gdmlldyBJRC5cbiAgICogQHBhcmFtIHZpZXdJZCBUaGUgSUQgb2YgdGhlIHZpZXcgY29uZmlnIHRvIGdldC5cbiAgICovXG4gIHB1YmxpYyBnZXRWaWV3QnlJZCh2aWV3SWQ6IHN0cmluZyk6IFNreURhdGFWaWV3Q29uZmlnIHtcbiAgICBjb25zdCBjdXJyZW50Vmlld3M6IFNreURhdGFWaWV3Q29uZmlnW10gPSB0aGlzLnZpZXdzLnZhbHVlO1xuICAgIGNvbnN0IHZpZXdDb25maWc6IFNreURhdGFWaWV3Q29uZmlnID0gY3VycmVudFZpZXdzLmZpbmQodmlldyA9PiB2aWV3LmlkID09PSB2aWV3SWQpO1xuXG4gICAgcmV0dXJuIHZpZXdDb25maWc7XG4gIH1cblxuICAvKipcbiAgICogVXBkYXRlcyB0aGUgZ2l2ZW4gdmlldyBjb25maWcuIFRoZSByZWdpc3RlcmVkIHZpZXcgd2l0aCB0aGUgc2FtZSBJRCBpcyB1cGRhdGVkIHRvIHRoZVxuICAgKiBwcm92aWRlZCBjb25maWcsIHNvIGluY2x1ZGUgYWxsIHByb3BlcnRpZXMgcmVnYXJkbGVzcyBvZiB3aGV0aGVyIHRoZXkgY2hhbmdlZC4gSWYgdGhlXG4gICAqIHZpZXcgd2FzIG5vdCBpbml0aWFsaXplZCBhbHJlYWR5LCBubyB1cGRhdGUgaGFwcGVucy5cbiAgICogQHBhcmFtIHZpZXcgVGhlIG5ldyBgU2t5RGF0YVZpZXdDb25maWdgIGNvbnRhaW5pbmcgYWxsIHByb3BlcnRpZXMuXG4gICAqL1xuICBwdWJsaWMgdXBkYXRlVmlld0NvbmZpZyh2aWV3OiBTa3lEYXRhVmlld0NvbmZpZyk6IHZvaWQge1xuICAgIGxldCBjdXJyZW50Vmlld3M6IFNreURhdGFWaWV3Q29uZmlnW10gPSB0aGlzLnZpZXdzLnZhbHVlO1xuICAgIGNvbnN0IGV4aXN0aW5nVmlld0luZGV4ID0gY3VycmVudFZpZXdzLmZpbmRJbmRleChjdXJyZW50VmlldyA9PiBjdXJyZW50Vmlldy5pZCA9PT0gdmlldy5pZCk7XG5cbiAgICBpZiAoZXhpc3RpbmdWaWV3SW5kZXggPT09IC0xKSB7XG4gICAgICBjb25zb2xlLmVycm9yKCdBIHZpZXcgd2l0aCB0aGUgaWQge2lkfSBkb2VzIG5vdCBleGlzdC4nLCB2aWV3LmlkKTtcbiAgICB9IGVsc2Uge1xuXG4gICAgICBjdXJyZW50Vmlld3NbZXhpc3RpbmdWaWV3SW5kZXhdID0gdmlldztcbiAgICAgIHRoaXMudmlld3MubmV4dChjdXJyZW50Vmlld3MpO1xuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBAaW50ZXJuYWxcbiAgICovXG4gIHB1YmxpYyBzZXRWaWV3a2VlcGVyQ2xhc3Nlcyh2aWV3SWQ6IHN0cmluZywgY2xhc3Nlczogc3RyaW5nW10pOiB2b2lkIHtcbiAgICBjb25zdCB2aWV3a2VlcGVyQ2xhc3NlcyA9IHRoaXMudmlld2tlZXBlckNsYXNzZXMudmFsdWU7XG4gICAgdmlld2tlZXBlckNsYXNzZXNbdmlld0lkXSA9IGNsYXNzZXM7XG5cbiAgICB0aGlzLnZpZXdrZWVwZXJDbGFzc2VzLm5leHQodmlld2tlZXBlckNsYXNzZXMpO1xuICB9XG5cbiAgcHJpdmF0ZSBmaWx0ZXJEYXRhU3RhdGVQcm9wZXJ0aWVzKHN0YXRlOiBTa3lEYXRhTWFuYWdlclN0YXRlLCBwcm9wZXJ0aWVzOiBzdHJpbmdbXSk6IFNreURhdGFNYW5hZ2VyU3RhdGVPcHRpb25zIHtcbiAgICBjb25zdCBzdGF0ZVByb3BlcnRpZXMgPSBzdGF0ZS5nZXRTdGF0ZU9wdGlvbnMoKSBhcyB7IFtrZXk6IHN0cmluZ106IGFueTsgfTtcbiAgICBsZXQgZmlsdGVyZWRTdGF0ZVByb3BlcnRpZXM6IGFueSA9IHt9O1xuICAgIGZvciAobGV0IHByb3BlcnR5IG9mIHByb3BlcnRpZXMpIHtcbiAgICAgIC8qIGlzdGFuYnVsIGlnbm9yZSBlbHNlICovXG4gICAgICBpZiAoc3RhdGVQcm9wZXJ0aWVzLmhhc093blByb3BlcnR5KHByb3BlcnR5KSkge1xuICAgICAgICBmaWx0ZXJlZFN0YXRlUHJvcGVydGllc1twcm9wZXJ0eV0gPSBzdGF0ZVByb3BlcnRpZXNbcHJvcGVydHldO1xuICAgICAgfVxuICAgIH1cblxuICAgIHJldHVybiBmaWx0ZXJlZFN0YXRlUHJvcGVydGllcztcbiAgfVxuXG4gIHByaXZhdGUgZ2V0RGVmYXVsdFN0YXRlQ29tcGFyYXRvcihwcm9wZXJ0aWVzOiBzdHJpbmdbXSk6IChzdGF0ZTE6IFNreURhdGFNYW5hZ2VyU3RhdGUsIHN0YXRlMjogU2t5RGF0YU1hbmFnZXJTdGF0ZSkgPT4gYm9vbGVhbiB7XG4gICAgcmV0dXJuIChzdGF0ZTE6IFNreURhdGFNYW5hZ2VyU3RhdGUsIHN0YXRlMjogU2t5RGF0YU1hbmFnZXJTdGF0ZSk6IGJvb2xlYW4gPT4ge1xuICAgICAgY29uc3QgZmlsdGVyZWRTdGF0ZTEgPSB0aGlzLmZpbHRlckRhdGFTdGF0ZVByb3BlcnRpZXMoc3RhdGUxLCBwcm9wZXJ0aWVzKTtcbiAgICAgIGNvbnN0IGZpbHRlcmVkU3RhdGUyID0gdGhpcy5maWx0ZXJEYXRhU3RhdGVQcm9wZXJ0aWVzKHN0YXRlMiwgcHJvcGVydGllcyk7XG4gICAgICByZXR1cm4gSlNPTi5zdHJpbmdpZnkoZmlsdGVyZWRTdGF0ZTEpID09PSBKU09OLnN0cmluZ2lmeShmaWx0ZXJlZFN0YXRlMik7XG4gICAgfTtcbiAgfVxufVxuIl19

package/esm2015/modules/data-manager/data-view.component.js

@@ -35,9 +35,9 @@ export class SkyDataViewComponent {
         this._ngUnsubscribe.complete();
     }
 }
-SkyDataViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataViewComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.SkyDataManagerService }], target: i0.ɵɵFactoryTarget.Component });
-SkyDataViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", type: SkyDataViewComponent, selector: "sky-data-view", inputs: { viewId: "viewId" }, ngImport: i0, template: "<ng-container *ngIf=\"isActive\">\n  <ng-content></ng-content>\n</ng-container>\n", directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataViewComponent, decorators: [{
+SkyDataViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataViewComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.SkyDataManagerService }], target: i0.ɵɵFactoryTarget.Component });
+SkyDataViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", type: SkyDataViewComponent, selector: "sky-data-view", inputs: { viewId: "viewId" }, ngImport: i0, template: "<ng-container *ngIf=\"isActive\">\n  <ng-content></ng-content>\n</ng-container>\n", directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataViewComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-data-view',

package/esm2015/modules/shared/sky-data-manager-resources.module.js

@@ -20,14 +20,14 @@ export class SkyDataManagerResourcesProvider {
  */
 export class SkyDataManagerResourcesModule {
 }
-SkyDataManagerResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyDataManagerResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerResourcesModule, exports: [SkyI18nModule] });
-SkyDataManagerResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerResourcesModule, providers: [{
+SkyDataManagerResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyDataManagerResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerResourcesModule, exports: [SkyI18nModule] });
+SkyDataManagerResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerResourcesModule, providers: [{
             provide: SKY_LIB_RESOURCES_PROVIDERS,
             useClass: SkyDataManagerResourcesProvider,
             multi: true
         }], imports: [SkyI18nModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerResourcesModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerResourcesModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [SkyI18nModule],

package/fesm2015/skyux-data-manager.js

@@ -42,14 +42,14 @@ class SkyDataManagerResourcesProvider {
  */
 class SkyDataManagerResourcesModule {
 }
-SkyDataManagerResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyDataManagerResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerResourcesModule, exports: [SkyI18nModule] });
-SkyDataManagerResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerResourcesModule, providers: [{
+SkyDataManagerResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyDataManagerResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerResourcesModule, exports: [SkyI18nModule] });
+SkyDataManagerResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerResourcesModule, providers: [{
             provide: SKY_LIB_RESOURCES_PROVIDERS,
             useClass: SkyDataManagerResourcesProvider,
             multi: true
         }], imports: [SkyI18nModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerResourcesModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerResourcesModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [SkyI18nModule],
@@ -385,9 +385,9 @@ class SkyDataManagerService {
         };
     }
 }
-SkyDataManagerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerService, deps: [{ token: i1.SkyUIConfigService }], target: i0.ɵɵFactoryTarget.Injectable });
-SkyDataManagerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerService, decorators: [{
+SkyDataManagerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerService, deps: [{ token: i1.SkyUIConfigService }], target: i0.ɵɵFactoryTarget.Injectable });
+SkyDataManagerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerService, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return [{ type: i1.SkyUIConfigService }]; } });
 
@@ -465,9 +465,9 @@ class SkyDataManagerComponent {
         this.ngUnsubscribe.complete();
     }
 }
-SkyDataManagerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: SkyDataManagerService }], target: i0.ɵɵFactoryTarget.Component });
-SkyDataManagerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", type: SkyDataManagerComponent, selector: "sky-data-manager", ngImport: i0, template: "<div\n  *ngIf=\"isInitialized\"\n  class=\"sky-data-manager\"\n  [skyBackToTop]=\"backToTopOptions\"\n  [skyBackToTopMessageStream]=\"backToTopController\"\n  [skyViewkeeper]=\"currentViewkeeperClasses\"\n  #dataManager\n>\n  <ng-content></ng-content>\n</div>\n", directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.λ7, selector: "[skyBackToTop]", inputs: ["skyBackToTop", "skyBackToTopMessageStream"] }, { type: i1.λ3, selector: "[skyViewkeeper]", inputs: ["skyViewkeeper"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerComponent, decorators: [{
+SkyDataManagerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: SkyDataManagerService }], target: i0.ɵɵFactoryTarget.Component });
+SkyDataManagerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", type: SkyDataManagerComponent, selector: "sky-data-manager", ngImport: i0, template: "<div\n  *ngIf=\"isInitialized\"\n  class=\"sky-data-manager\"\n  [skyBackToTop]=\"backToTopOptions\"\n  [skyBackToTopMessageStream]=\"backToTopController\"\n  [skyViewkeeper]=\"currentViewkeeperClasses\"\n  #dataManager\n>\n  <ng-content></ng-content>\n</div>\n", directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.λ7, selector: "[skyBackToTop]", inputs: ["skyBackToTop", "skyBackToTopMessageStream"] }, { type: i1.λ3, selector: "[skyViewkeeper]", inputs: ["skyViewkeeper"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-data-manager',
@@ -487,9 +487,9 @@ class SkyDataManagerFilterModalContext {
  */
 class SkyDataManagerColumnPickerService {
 }
-SkyDataManagerColumnPickerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerColumnPickerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-SkyDataManagerColumnPickerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerColumnPickerService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerColumnPickerService, decorators: [{
+SkyDataManagerColumnPickerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerColumnPickerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+SkyDataManagerColumnPickerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerColumnPickerService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerColumnPickerService, decorators: [{
             type: Injectable
         }] });
 
@@ -637,9 +637,9 @@ class SkyDataManagerToolbarComponent {
         this.dataManagerService.updateDataState(this.dataState, this._source);
     }
 }
-SkyDataManagerToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerToolbarComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: SkyDataManagerService }, { token: i3.SkyModalService }, { token: SkyDataManagerColumnPickerService }], target: i0.ɵɵFactoryTarget.Component });
-SkyDataManagerToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", type: SkyDataManagerToolbarComponent, selector: "sky-data-manager-toolbar", ngImport: i0, template: "<div class=\"sky-data-manager-toolbar\">\n<sky-toolbar>\n  <sky-toolbar-section>\n\n    <ng-content select=\"sky-data-manager-toolbar-primary-item\"></ng-content>\n\n    <sky-toolbar-item *ngIf=\"activeView?.filterButtonEnabled\">\n      <sky-filter-button\n        [showButtonText]=\"activeView?.showFilterButtonText\"\n        (filterButtonClick)=\"filterButtonClicked()\"\n      >\n      </sky-filter-button>\n    </sky-toolbar-item>\n\n    <sky-toolbar-item *ngIf=\"activeView?.sortEnabled\">\n      <sky-sort [showButtonText]=\"activeView?.showSortButtonText\">\n        <sky-sort-item\n          *ngFor=\"let item of dataManagerConfig?.sortOptions\"\n          [active]=\"activeSortOptionId && activeSortOptionId === item.id\"\n          (itemSelect)=\"sortSelected(item)\"\n        >\n          {{item.label}}\n        </sky-sort-item>\n      </sky-sort>\n    </sky-toolbar-item>\n\n    <sky-toolbar-item *ngIf=\"activeView?.columnPickerEnabled\">\n      <button\n        class=\"sky-btn sky-btn-default sky-col-picker-btn\"\n        type=\"button\"\n        [attr.aria-label]=\"'skyux_data_manager_columns_button_title' | skyLibResources\"\n        [attr.title]=\"'skyux_data_manager_columns_button_title' | skyLibResources\"\n        (click)=\"openColumnPicker()\"\n      >\n        <sky-icon\n          icon=\"columns\"\n        ></sky-icon>\n        <span\n          class=\"sky-column-selector-action-btn-text\"\n        >\n          {{'skyux_data_manager_columns_button_title' | skyLibResources}}\n        </span>\n      </button>\n    </sky-toolbar-item>\n\n    <ng-content select=\"sky-data-manager-toolbar-left-item\"></ng-content>\n\n    <sky-toolbar-item *ngIf=\"activeView?.searchEnabled\">\n      <sky-search\n        [expandMode]=\"activeView?.searchExpandMode\"\n        [placeholderText]=\"activeView?.searchPlaceholderText\"\n        [searchText]=\"dataState?.searchText\"\n        (searchApply)=\"searchApplied($event)\"\n      >\n      </sky-search>\n    </sky-toolbar-item>\n\n    <sky-toolbar-view-actions>\n      <ng-content select=\"sky-data-manager-toolbar-right-item\"></ng-content>\n      <sky-radio-group *ngIf=\"activeView && views && views.length > 1\"\n        [ariaLabel]=\"'data view switcher'\"\n        class=\"sky-switch-icon-group\"\n      >\n        <sky-radio *ngFor=\"let view of views\"\n          [attr.name]=\"view.name\"\n          [attr.aria-label]=\"view.name\"\n          [icon]=\"view.icon\"\n          [value]=\"view.id\"\n          [label]=\"view.name\"\n          [(ngModel)]=\"activeView.id\"\n          (change)=\"onViewChange(view.id)\"\n        >\n        </sky-radio>\n      </sky-radio-group>\n    </sky-toolbar-view-actions>\n  </sky-toolbar-section>\n  <ng-content select=\"sky-data-manager-toolbar-section\"></ng-content>\n</sky-toolbar\n>\n\n<sky-toolbar *ngIf=\"activeView?.multiselectToolbarEnabled\"\n  class=\"sky-data-manager-multiselect-toolbar\"\n>\n  <sky-toolbar-section>\n    <sky-toolbar-item>\n      <button\n      class=\"sky-btn sky-btn-link sky-data-manager-select-all-btn\"\n      type=\"button\"\n      (click)=\"selectAll()\"\n      >\n        {{'skyux_data_manager_select_all_button_title' | skyLibResources}}\n      </button>\n    </sky-toolbar-item>\n    <sky-toolbar-item>\n      <button\n        class=\"sky-btn sky-btn-link sky-data-manager-clear-all-btn\"\n        type=\"button\"\n        (click)=\"clearAll()\"\n      >\n        {{'skyux_data_manager_clear_all_button_title' | skyLibResources}}\n      </button>\n    </sky-toolbar-item>\n    <sky-toolbar-view-actions>\n      <sky-checkbox\n        [checked]=\"onlyShowSelected\"\n        (change)=\"onOnlyShowSelected($event)\"\n      >\n        <sky-checkbox-label>\n          {{'skyux_data_manager_show_selected_option_title' | skyLibResources}}\n        </sky-checkbox-label>\n      </sky-checkbox>\n    </sky-toolbar-view-actions>\n  </sky-toolbar-section>\n</sky-toolbar>\n</div>\n", styles: [":host .sky-col-picker-btn .sky-column-selector-action-btn-text{display:none}:host-context(.sky-responsive-container-xs) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-sm) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-md) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-lg) .sky-col-picker-btn .sky-column-selector-action-btn-text{display:none}@media (min-width: 768px){:host .sky-col-picker-btn .sky-column-selector-action-btn-text{display:inline}}:host-context(.sky-responsive-container-sm) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-md) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-lg) .sky-col-picker-btn .sky-column-selector-action-btn-text{display:inline}\n"], components: [{ type: i4.λ37, selector: "sky-toolbar" }, { type: i4.λ38, selector: "sky-toolbar-section" }, { type: i4.λ39, selector: "sky-toolbar-item" }, { type: i8.λ1, selector: "sky-filter-button", inputs: ["filterButtonId", "ariaControls", "ariaExpanded", "active", "disabled", "showButtonText"], outputs: ["filterButtonClick"] }, { type: i8.λ14, selector: "sky-sort", inputs: ["showButtonText"] }, { type: i8.λ13, selector: "sky-sort-item", inputs: ["active"], outputs: ["itemSelect"] }, { type: i6.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { type: i7.SkySearchComponent, selector: "sky-search", inputs: ["searchText", "expandMode", "debounceTime", "disabled", "placeholderText"], outputs: ["searchApply", "searchChange", "searchClear"] }, { type: i4.λ40, selector: "sky-toolbar-view-actions" }, { type: i8$1.λ11, selector: "sky-radio-group", inputs: ["ariaLabelledBy", "ariaLabel", "disabled", "name", "required", "value", "tabIndex"] }, { type: i8$1.λ13, selector: "sky-radio", inputs: ["checked", "disabled", "id", "label", "labelledBy", "name", "tabindex", "value", "icon", "radioType"], outputs: ["change", "checkedChange", "disabledChange"] }, { type: i8$1.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "icon", "checkboxType", "checked", "required"], outputs: ["change", "checkedChange", "disabledChange"] }, { type: i8$1.λ4, selector: "sky-checkbox-label" }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i10.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "skyLibResources": i4$1.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerToolbarComponent, decorators: [{
+SkyDataManagerToolbarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerToolbarComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: SkyDataManagerService }, { token: i3.SkyModalService }, { token: SkyDataManagerColumnPickerService }], target: i0.ɵɵFactoryTarget.Component });
+SkyDataManagerToolbarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", type: SkyDataManagerToolbarComponent, selector: "sky-data-manager-toolbar", ngImport: i0, template: "<div class=\"sky-data-manager-toolbar\">\n<sky-toolbar>\n  <sky-toolbar-section>\n\n    <ng-content select=\"sky-data-manager-toolbar-primary-item\"></ng-content>\n\n    <sky-toolbar-item *ngIf=\"activeView?.filterButtonEnabled\">\n      <sky-filter-button\n        [showButtonText]=\"activeView?.showFilterButtonText\"\n        (filterButtonClick)=\"filterButtonClicked()\"\n      >\n      </sky-filter-button>\n    </sky-toolbar-item>\n\n    <sky-toolbar-item *ngIf=\"activeView?.sortEnabled\">\n      <sky-sort [showButtonText]=\"activeView?.showSortButtonText\">\n        <sky-sort-item\n          *ngFor=\"let item of dataManagerConfig?.sortOptions\"\n          [active]=\"activeSortOptionId && activeSortOptionId === item.id\"\n          (itemSelect)=\"sortSelected(item)\"\n        >\n          {{item.label}}\n        </sky-sort-item>\n      </sky-sort>\n    </sky-toolbar-item>\n\n    <sky-toolbar-item *ngIf=\"activeView?.columnPickerEnabled\">\n      <button\n        class=\"sky-btn sky-btn-default sky-col-picker-btn\"\n        type=\"button\"\n        [attr.aria-label]=\"'skyux_data_manager_columns_button_title' | skyLibResources\"\n        [attr.title]=\"'skyux_data_manager_columns_button_title' | skyLibResources\"\n        (click)=\"openColumnPicker()\"\n      >\n        <sky-icon\n          icon=\"columns\"\n        ></sky-icon>\n        <span\n          class=\"sky-column-selector-action-btn-text\"\n        >\n          {{'skyux_data_manager_columns_button_title' | skyLibResources}}\n        </span>\n      </button>\n    </sky-toolbar-item>\n\n    <ng-content select=\"sky-data-manager-toolbar-left-item\"></ng-content>\n\n    <sky-toolbar-item *ngIf=\"activeView?.searchEnabled\">\n      <sky-search\n        [expandMode]=\"activeView?.searchExpandMode\"\n        [placeholderText]=\"activeView?.searchPlaceholderText\"\n        [searchText]=\"dataState?.searchText\"\n        (searchApply)=\"searchApplied($event)\"\n      >\n      </sky-search>\n    </sky-toolbar-item>\n\n    <sky-toolbar-view-actions>\n      <ng-content select=\"sky-data-manager-toolbar-right-item\"></ng-content>\n      <sky-radio-group *ngIf=\"activeView && views && views.length > 1\"\n        [ariaLabel]=\"'data view switcher'\"\n        class=\"sky-switch-icon-group\"\n      >\n        <sky-radio *ngFor=\"let view of views\"\n          [attr.name]=\"view.name\"\n          [attr.aria-label]=\"view.name\"\n          [icon]=\"view.icon\"\n          [value]=\"view.id\"\n          [label]=\"view.name\"\n          [(ngModel)]=\"activeView.id\"\n          (change)=\"onViewChange(view.id)\"\n        >\n        </sky-radio>\n      </sky-radio-group>\n    </sky-toolbar-view-actions>\n  </sky-toolbar-section>\n  <ng-content select=\"sky-data-manager-toolbar-section\"></ng-content>\n</sky-toolbar\n>\n\n<sky-toolbar *ngIf=\"activeView?.multiselectToolbarEnabled\"\n  class=\"sky-data-manager-multiselect-toolbar\"\n>\n  <sky-toolbar-section>\n    <sky-toolbar-item>\n      <button\n      class=\"sky-btn sky-btn-link sky-data-manager-select-all-btn\"\n      type=\"button\"\n      (click)=\"selectAll()\"\n      >\n        {{'skyux_data_manager_select_all_button_title' | skyLibResources}}\n      </button>\n    </sky-toolbar-item>\n    <sky-toolbar-item>\n      <button\n        class=\"sky-btn sky-btn-link sky-data-manager-clear-all-btn\"\n        type=\"button\"\n        (click)=\"clearAll()\"\n      >\n        {{'skyux_data_manager_clear_all_button_title' | skyLibResources}}\n      </button>\n    </sky-toolbar-item>\n    <sky-toolbar-view-actions>\n      <sky-checkbox\n        [checked]=\"onlyShowSelected\"\n        (change)=\"onOnlyShowSelected($event)\"\n      >\n        <sky-checkbox-label>\n          {{'skyux_data_manager_show_selected_option_title' | skyLibResources}}\n        </sky-checkbox-label>\n      </sky-checkbox>\n    </sky-toolbar-view-actions>\n  </sky-toolbar-section>\n</sky-toolbar>\n</div>\n", styles: [":host .sky-col-picker-btn .sky-column-selector-action-btn-text{display:none}:host-context(.sky-responsive-container-xs) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-sm) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-md) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-lg) .sky-col-picker-btn .sky-column-selector-action-btn-text{display:none}@media (min-width: 768px){:host .sky-col-picker-btn .sky-column-selector-action-btn-text{display:inline}}:host-context(.sky-responsive-container-sm) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-md) .sky-col-picker-btn .sky-column-selector-action-btn-text,:host-context(.sky-responsive-container-lg) .sky-col-picker-btn .sky-column-selector-action-btn-text{display:inline}\n"], components: [{ type: i4.λ37, selector: "sky-toolbar" }, { type: i4.λ38, selector: "sky-toolbar-section" }, { type: i4.λ39, selector: "sky-toolbar-item" }, { type: i8.λ1, selector: "sky-filter-button", inputs: ["filterButtonId", "ariaControls", "ariaExpanded", "active", "disabled", "showButtonText"], outputs: ["filterButtonClick"] }, { type: i8.λ14, selector: "sky-sort", inputs: ["showButtonText"] }, { type: i8.λ13, selector: "sky-sort-item", inputs: ["active"], outputs: ["itemSelect"] }, { type: i6.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { type: i7.SkySearchComponent, selector: "sky-search", inputs: ["searchText", "expandMode", "debounceTime", "disabled", "placeholderText"], outputs: ["searchApply", "searchChange", "searchClear"] }, { type: i4.λ40, selector: "sky-toolbar-view-actions" }, { type: i8$1.λ11, selector: "sky-radio-group", inputs: ["ariaLabelledBy", "ariaLabel", "disabled", "name", "required", "value", "tabIndex"] }, { type: i8$1.λ13, selector: "sky-radio", inputs: ["checked", "disabled", "id", "label", "labelledBy", "name", "tabindex", "value", "icon", "radioType"], outputs: ["change", "checkedChange", "disabledChange"] }, { type: i8$1.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "icon", "checkboxType", "checked", "required"], outputs: ["change", "checkedChange", "disabledChange"] }, { type: i8$1.λ4, selector: "sky-checkbox-label" }], directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i10.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i10.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "skyLibResources": i4$1.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerToolbarComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-data-manager-toolbar',
@@ -680,9 +680,9 @@ class SkyDataViewComponent {
         this._ngUnsubscribe.complete();
     }
 }
-SkyDataViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataViewComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: SkyDataManagerService }], target: i0.ɵɵFactoryTarget.Component });
-SkyDataViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", type: SkyDataViewComponent, selector: "sky-data-view", inputs: { viewId: "viewId" }, ngImport: i0, template: "<ng-container *ngIf=\"isActive\">\n  <ng-content></ng-content>\n</ng-container>\n", directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataViewComponent, decorators: [{
+SkyDataViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataViewComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: SkyDataManagerService }], target: i0.ɵɵFactoryTarget.Component });
+SkyDataViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", type: SkyDataViewComponent, selector: "sky-data-view", inputs: { viewId: "viewId" }, ngImport: i0, template: "<ng-container *ngIf=\"isActive\">\n  <ng-content></ng-content>\n</ng-container>\n", directives: [{ type: i9.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataViewComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-data-view',
@@ -819,9 +819,9 @@ class SkyDataManagerColumnPickerComponent {
         return formattedColumnOptions;
     }
 }
-SkyDataManagerColumnPickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerColumnPickerComponent, deps: [{ token: SkyDataManagerColumnPickerContext }, { token: SkyDataManagerService }, { token: i3.SkyModalInstance }, { token: i4$1.SkyLibResourcesService }], target: i0.ɵɵFactoryTarget.Component });
-SkyDataManagerColumnPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", type: SkyDataManagerColumnPickerComponent, selector: "sky-data-manager-column-picker", providers: [SkyDataManagerService], ngImport: i0, template: "\n<sky-modal>\n  <sky-modal-header>\n    {{'skyux_data_manager_column_picker_title' | skyLibResources}}\n  </sky-modal-header>\n  <sky-modal-content\n    class=\"sky-data-manager-column-picker-content\"\n  >\n    <sky-data-manager>\n      <sky-data-manager-toolbar>\n      </sky-data-manager-toolbar>\n\n      <sky-data-view\n      [viewId]=\"viewConfig.id\"\n      >\n        <sky-repeater\n          expandMode=\"none\"\n        >\n          <sky-repeater-item\n            *ngFor=\"let column of displayedColumnData\"\n            [selectable]=\"true\"\n            [(isSelected)]=\"column.isSelected\"\n          >\n            <sky-repeater-item-title>\n              {{column.label}}\n            </sky-repeater-item-title>\n            <sky-repeater-item-content>\n              {{column.description}}\n            </sky-repeater-item-content>\n          </sky-repeater-item>\n        </sky-repeater>\n      </sky-data-view>\n    </sky-data-manager>\n  </sky-modal-content>\n  <sky-modal-footer>\n    <button\n      sky-cmp-id=\"apply-changes\"\n      class=\"sky-btn sky-btn-primary\"\n      (click)=\"applyChanges()\"\n    >\n      {{'skyux_data_manager_apply_changes_button_title' | skyLibResources}}\n    </button>\n    <button\n      sky-cmp-id=\"cancel\"\n      class=\"sky-btn sky-btn-link\"\n      (click)=\"cancelChanges()\"\n    >\n      {{'skyux_data_manager_cancel_button_title' | skyLibResources}}\n    </button>\n  </sky-modal-footer>\n</sky-modal>\n", styles: [".sky-data-manager-column-picker-content sky-repeater-item-content{margin-top:5px}\n"], components: [{ type: i3.λ5, selector: "sky-modal", inputs: ["ariaRole", "tiledBody"] }, { type: i3.λ4, selector: "sky-modal-header" }, { type: i3.λ2, selector: "sky-modal-content" }, { type: SkyDataManagerComponent, selector: "sky-data-manager" }, { type: SkyDataManagerToolbarComponent, selector: "sky-data-manager-toolbar" }, { type: SkyDataViewComponent, selector: "sky-data-view", inputs: ["viewId"] }, { type: i8.λ11, selector: "sky-repeater", inputs: ["activeIndex", "ariaLabel", "reorderable", "expandMode"], outputs: ["activeIndexChange", "orderChange"] }, { type: i8.λ10, selector: "sky-repeater-item", inputs: ["inlineFormConfig", "inlineFormTemplate", "isExpanded", "isSelected", "reorderable", "selectable", "showInlineForm", "tag"], outputs: ["collapse", "expand", "inlineFormClose", "isSelectedChange"] }, { type: i8.λ12, selector: "sky-repeater-item-title" }, { type: i8.λ8, selector: "sky-repeater-item-content" }, { type: i3.λ3, selector: "sky-modal-footer" }], directives: [{ type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "skyLibResources": i4$1.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerColumnPickerComponent, decorators: [{
+SkyDataManagerColumnPickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerColumnPickerComponent, deps: [{ token: SkyDataManagerColumnPickerContext }, { token: SkyDataManagerService }, { token: i3.SkyModalInstance }, { token: i4$1.SkyLibResourcesService }], target: i0.ɵɵFactoryTarget.Component });
+SkyDataManagerColumnPickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", type: SkyDataManagerColumnPickerComponent, selector: "sky-data-manager-column-picker", providers: [SkyDataManagerService], ngImport: i0, template: "\n<sky-modal>\n  <sky-modal-header>\n    {{'skyux_data_manager_column_picker_title' | skyLibResources}}\n  </sky-modal-header>\n  <sky-modal-content\n    class=\"sky-data-manager-column-picker-content\"\n  >\n    <sky-data-manager>\n      <sky-data-manager-toolbar>\n      </sky-data-manager-toolbar>\n\n      <sky-data-view\n      [viewId]=\"viewConfig.id\"\n      >\n        <sky-repeater\n          expandMode=\"none\"\n        >\n          <sky-repeater-item\n            *ngFor=\"let column of displayedColumnData\"\n            [selectable]=\"true\"\n            [(isSelected)]=\"column.isSelected\"\n          >\n            <sky-repeater-item-title>\n              {{column.label}}\n            </sky-repeater-item-title>\n            <sky-repeater-item-content>\n              {{column.description}}\n            </sky-repeater-item-content>\n          </sky-repeater-item>\n        </sky-repeater>\n      </sky-data-view>\n    </sky-data-manager>\n  </sky-modal-content>\n  <sky-modal-footer>\n    <button\n      sky-cmp-id=\"apply-changes\"\n      class=\"sky-btn sky-btn-primary\"\n      (click)=\"applyChanges()\"\n    >\n      {{'skyux_data_manager_apply_changes_button_title' | skyLibResources}}\n    </button>\n    <button\n      sky-cmp-id=\"cancel\"\n      class=\"sky-btn sky-btn-link\"\n      (click)=\"cancelChanges()\"\n    >\n      {{'skyux_data_manager_cancel_button_title' | skyLibResources}}\n    </button>\n  </sky-modal-footer>\n</sky-modal>\n", styles: [".sky-data-manager-column-picker-content sky-repeater-item-content{margin-top:5px}\n"], components: [{ type: i3.λ5, selector: "sky-modal", inputs: ["ariaRole", "tiledBody"] }, { type: i3.λ4, selector: "sky-modal-header" }, { type: i3.λ2, selector: "sky-modal-content" }, { type: SkyDataManagerComponent, selector: "sky-data-manager" }, { type: SkyDataManagerToolbarComponent, selector: "sky-data-manager-toolbar" }, { type: SkyDataViewComponent, selector: "sky-data-view", inputs: ["viewId"] }, { type: i8.λ11, selector: "sky-repeater", inputs: ["activeIndex", "ariaLabel", "reorderable", "expandMode"], outputs: ["activeIndexChange", "orderChange"] }, { type: i8.λ10, selector: "sky-repeater-item", inputs: ["inlineFormConfig", "inlineFormTemplate", "isExpanded", "isSelected", "reorderable", "selectable", "showInlineForm", "tag"], outputs: ["collapse", "expand", "inlineFormClose", "isSelectedChange"] }, { type: i8.λ12, selector: "sky-repeater-item-title" }, { type: i8.λ8, selector: "sky-repeater-item-content" }, { type: i3.λ3, selector: "sky-modal-footer" }], directives: [{ type: i9.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], pipes: { "skyLibResources": i4$1.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerColumnPickerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-data-manager-column-picker',
@@ -839,9 +839,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImpor
  */
 class SkyDataManagerToolbarLeftItemComponent {
 }
-SkyDataManagerToolbarLeftItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerToolbarLeftItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyDataManagerToolbarLeftItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", type: SkyDataManagerToolbarLeftItemComponent, selector: "sky-data-manager-toolbar-left-item", ngImport: i0, template: "<sky-toolbar-item>\n  <ng-content></ng-content>\n</sky-toolbar-item>\n", components: [{ type: i4.λ39, selector: "sky-toolbar-item" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerToolbarLeftItemComponent, decorators: [{
+SkyDataManagerToolbarLeftItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerToolbarLeftItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyDataManagerToolbarLeftItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", type: SkyDataManagerToolbarLeftItemComponent, selector: "sky-data-manager-toolbar-left-item", ngImport: i0, template: "<sky-toolbar-item>\n  <ng-content></ng-content>\n</sky-toolbar-item>\n", components: [{ type: i4.λ39, selector: "sky-toolbar-item" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerToolbarLeftItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-data-manager-toolbar-left-item',
@@ -856,9 +856,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImpor
  */
 class SkyDataManagerToolbarPrimaryItemComponent {
 }
-SkyDataManagerToolbarPrimaryItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerToolbarPrimaryItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyDataManagerToolbarPrimaryItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", type: SkyDataManagerToolbarPrimaryItemComponent, selector: "sky-data-manager-toolbar-primary-item", ngImport: i0, template: "<sky-toolbar-item>\n  <ng-content></ng-content>\n</sky-toolbar-item>\n", components: [{ type: i4.λ39, selector: "sky-toolbar-item" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerToolbarPrimaryItemComponent, decorators: [{
+SkyDataManagerToolbarPrimaryItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerToolbarPrimaryItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyDataManagerToolbarPrimaryItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", type: SkyDataManagerToolbarPrimaryItemComponent, selector: "sky-data-manager-toolbar-primary-item", ngImport: i0, template: "<sky-toolbar-item>\n  <ng-content></ng-content>\n</sky-toolbar-item>\n", components: [{ type: i4.λ39, selector: "sky-toolbar-item" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerToolbarPrimaryItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-data-manager-toolbar-primary-item',
@@ -874,9 +874,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImpor
  */
 class SkyDataManagerToolbarRightItemComponent {
 }
-SkyDataManagerToolbarRightItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerToolbarRightItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyDataManagerToolbarRightItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", type: SkyDataManagerToolbarRightItemComponent, selector: "sky-data-manager-toolbar-right-item", ngImport: i0, template: "<ng-content></ng-content>\n" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerToolbarRightItemComponent, decorators: [{
+SkyDataManagerToolbarRightItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerToolbarRightItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyDataManagerToolbarRightItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", type: SkyDataManagerToolbarRightItemComponent, selector: "sky-data-manager-toolbar-right-item", ngImport: i0, template: "<ng-content></ng-content>\n" });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerToolbarRightItemComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-data-manager-toolbar-right-item',
@@ -891,9 +891,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImpor
  */
 class SkyDataManagerToolbarSectionComponent {
 }
-SkyDataManagerToolbarSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerToolbarSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyDataManagerToolbarSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.7", type: SkyDataManagerToolbarSectionComponent, selector: "sky-data-manager-toolbar-section", ngImport: i0, template: "<sky-toolbar-section>\n  <ng-content></ng-content>\n</sky-toolbar-section>\n", components: [{ type: i4.λ38, selector: "sky-toolbar-section" }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerToolbarSectionComponent, decorators: [{
+SkyDataManagerToolbarSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerToolbarSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyDataManagerToolbarSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.8", type: SkyDataManagerToolbarSectionComponent, selector: "sky-data-manager-toolbar-section", ngImport: i0, template: "<sky-toolbar-section>\n  <ng-content></ng-content>\n</sky-toolbar-section>\n", components: [{ type: i4.λ38, selector: "sky-toolbar-section" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerToolbarSectionComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-data-manager-toolbar-section',
@@ -906,16 +906,16 @@ class SkyDataManagerColumnPickerImplService {
         return SkyDataManagerColumnPickerComponent;
     }
 }
-SkyDataManagerColumnPickerImplService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerColumnPickerImplService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-SkyDataManagerColumnPickerImplService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerColumnPickerImplService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerColumnPickerImplService, decorators: [{
+SkyDataManagerColumnPickerImplService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerColumnPickerImplService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+SkyDataManagerColumnPickerImplService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerColumnPickerImplService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerColumnPickerImplService, decorators: [{
             type: Injectable
         }] });
 
 class SkyDataManagerModule {
 }
-SkyDataManagerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyDataManagerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerModule, declarations: [SkyDataManagerColumnPickerComponent,
+SkyDataManagerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyDataManagerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerModule, declarations: [SkyDataManagerColumnPickerComponent,
         SkyDataManagerComponent,
         SkyDataManagerToolbarLeftItemComponent,
         SkyDataManagerToolbarPrimaryItemComponent,
@@ -943,7 +943,7 @@ SkyDataManagerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", ve
         SkyDataManagerToolbarSectionComponent,
         SkyDataManagerToolbarComponent,
         SkyDataViewComponent] });
-SkyDataManagerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerModule, providers: [
+SkyDataManagerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerModule, providers: [
         {
             provide: SkyDataManagerColumnPickerService,
             useClass: SkyDataManagerColumnPickerImplService
@@ -964,7 +964,7 @@ SkyDataManagerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", ve
             SkyToolbarModule,
             SkyViewkeeperModule
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.7", ngImport: i0, type: SkyDataManagerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.8", ngImport: i0, type: SkyDataManagerModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@skyux/data-manager",
-  "version": "5.0.0-beta.7",
+  "version": "5.0.0",
   "peerDependencies": {
-    "@angular/common": "^12.2.7",
-    "@angular/core": "^12.2.7",
-    "@skyux/forms": "^5.0.0-beta.5",
-    "@skyux/indicators": "^5.0.0-beta.4",
-    "@skyux/layout": "^5.0.0-beta.7",
-    "@skyux/lists": "^5.0.0-beta.3",
-    "@skyux/lookup": "^5.0.0-beta.2",
-    "@skyux/modals": "^5.0.0-beta.6",
-    "@skyux/i18n": "^5.0.0-beta.7"
+    "@angular/common": "^12.2.8",
+    "@angular/core": "^12.2.8",
+    "@skyux/forms": "^5.0.0",
+    "@skyux/indicators": "^5.0.0",
+    "@skyux/layout": "^5.0.0",
+    "@skyux/lists": "^5.0.0",
+    "@skyux/lookup": "^5.0.0",
+    "@skyux/modals": "^5.0.0",
+    "@skyux/i18n": "^5.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1"