@skyux/data-manager 12.4.0 → 12.5.0

package/fesm2022/skyux-data-manager.mjs

@@ -122,11 +122,11 @@ SkyLibResourcesService.addResources(RESOURCES);
  * Import into any component library module that needs to use resource strings.
  */
 class SkyDataManagerResourcesModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyDataManagerResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.1", ngImport: i0, type: SkyDataManagerResourcesModule, exports: [SkyI18nModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyDataManagerResourcesModule, imports: [SkyI18nModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyDataManagerResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.7", ngImport: i0, type: SkyDataManagerResourcesModule, exports: [SkyI18nModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyDataManagerResourcesModule, imports: [SkyI18nModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyDataManagerResourcesModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyDataManagerResourcesModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [SkyI18nModule],
@@ -164,10 +164,10 @@ class SkyDataManagerColumnPickerContext {
  * https://angular.io/errors/NG3003
  */
 class SkyDataManagerColumnPickerService {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyDataManagerColumnPickerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyDataManagerColumnPickerService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyDataManagerColumnPickerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyDataManagerColumnPickerService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyDataManagerColumnPickerService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyDataManagerColumnPickerService, decorators: [{
             type: Injectable
         }] });
 
@@ -584,10 +584,10 @@ class SkyDataManagerService {
             return JSON.stringify(filteredState1) === JSON.stringify(filteredState2);
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyDataManagerService, deps: [{ token: i1.SkyUIConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyDataManagerService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyDataManagerService, deps: [{ token: i1.SkyUIConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyDataManagerService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyDataManagerService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyDataManagerService, decorators: [{
             type: Injectable
         }], ctorParameters: () => [{ type: i1.SkyUIConfigService }] });
 
@@ -770,10 +770,10 @@ class SkyDataManagerToolbarComponent {
             this.#dataManagerService.updateDataState(this.dataState, this.#_source);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyDataManagerToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: SkyDataManagerToolbarComponent, isStandalone: true, selector: "sky-data-manager-toolbar", ngImport: i0, template: "<div class=\"sky-data-manager-toolbar\">\n  <sky-toolbar [listDescriptor]=\"dataManagerConfig?.listDescriptor\">\n    <sky-toolbar-section>\n      <ng-content select=\"sky-data-manager-toolbar-primary-item\" />\n\n      @if (activeView?.filterButtonEnabled) {\n        <sky-toolbar-item class=\"sky-data-manager-filter\">\n          <sky-filter-button\n            [showButtonText]=\"activeView?.showFilterButtonText\"\n            (filterButtonClick)=\"filterButtonClicked()\"\n          />\n        </sky-toolbar-item>\n      }\n\n      @if (activeView?.sortEnabled) {\n        <sky-toolbar-item class=\"sky-data-manager-sort\">\n          <sky-sort [showButtonText]=\"activeView?.showSortButtonText\">\n            @for (item of dataManagerConfig?.sortOptions; track item) {\n              <sky-sort-item\n                [active]=\"!!(dataState?.activeSortOption?.id === item.id)\"\n                (itemSelect)=\"sortSelected(item)\"\n              >\n                {{ item.label }}\n              </sky-sort-item>\n            }\n          </sky-sort>\n        </sky-toolbar-item>\n      }\n\n      @if (activeView?.columnPickerEnabled) {\n        <sky-toolbar-item>\n          <button\n            class=\"sky-btn sky-btn-default sky-col-picker-btn\"\n            type=\"button\"\n            [attr.aria-label]=\"\n              dataManagerConfig?.listDescriptor\n                ? ('skyux_data_manager_columns_button_aria_label'\n                  | skyLibResources: dataManagerConfig?.listDescriptor)\n                : ('skyux_data_manager_columns_button_title' | skyLibResources)\n            \"\n            [attr.title]=\"\n              'skyux_data_manager_columns_button_title' | skyLibResources\n            \"\n            (click)=\"openColumnPicker()\"\n          >\n            <sky-icon iconName=\"layout-column-three\" />\n            <span class=\"sky-column-selector-action-btn-text\">\n              {{ 'skyux_data_manager_columns_button_title' | skyLibResources }}\n            </span>\n          </button>\n        </sky-toolbar-item>\n      }\n\n      <ng-content select=\"sky-data-manager-toolbar-left-item\" />\n\n      @if (activeView?.searchEnabled) {\n        <sky-toolbar-item class=\"sky-data-manager-search\">\n          <sky-search\n            [expandMode]=\"activeView?.searchExpandMode\"\n            [placeholderText]=\"activeView?.searchPlaceholderText\"\n            [searchText]=\"dataState?.searchText\"\n            (searchApply)=\"searchApplied($event)\"\n          />\n        </sky-toolbar-item>\n      }\n\n      <sky-toolbar-view-actions>\n        <ng-content select=\"sky-data-manager-toolbar-right-item\" />\n        @if (activeView && views && views.length > 1) {\n          <sky-radio-group\n            class=\"sky-switch-icon-group\"\n            [ariaLabel]=\"'data view switcher'\"\n            [(ngModel)]=\"activeView.id\"\n          >\n            @for (view of views; track view.id) {\n              @if (view.iconName) {\n                <sky-radio\n                  [attr.aria-label]=\"view.name\"\n                  [iconName]=\"view.iconName\"\n                  [value]=\"view.id\"\n                  [label]=\"view.name\"\n                  (change)=\"onViewChange(view.id)\"\n                />\n              } @else {\n                <sky-radio\n                  [attr.aria-label]=\"view.name\"\n                  [icon]=\"view.icon\"\n                  [value]=\"view.id\"\n                  [label]=\"view.name\"\n                  (change)=\"onViewChange(view.id)\"\n                />\n              }\n            }\n          </sky-radio-group>\n        }\n      </sky-toolbar-view-actions>\n    </sky-toolbar-section>\n    <ng-content select=\"sky-data-manager-toolbar-section\" />\n  </sky-toolbar>\n\n  @if (activeView?.multiselectToolbarEnabled) {\n    <sky-toolbar class=\"sky-data-manager-multiselect-toolbar\">\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            [attr.aria-label]=\"\n              dataManagerConfig?.listDescriptor\n                ? ('skyux_data_manager_select_all_button_aria_label'\n                  | skyLibResources: dataManagerConfig?.listDescriptor)\n                : undefined\n            \"\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            [attr.aria-label]=\"\n              dataManagerConfig?.listDescriptor\n                ? ('skyux_data_manager_clear_all_button_aria_label'\n                  | skyLibResources: dataManagerConfig?.listDescriptor)\n                : undefined\n            \"\n            (click)=\"clearAll()\"\n          >\n            {{ 'skyux_data_manager_clear_all_button_title' | skyLibResources }}\n          </button>\n        </sky-toolbar-item>\n        <sky-toolbar-view-actions class=\"sky-data-manager-only-show-selected\">\n          <sky-checkbox\n            [checked]=\"onlyShowSelected\"\n            [label]=\"\n              dataManagerConfig?.listDescriptor\n                ? ('skyux_data_manager_show_selected_option_aria_label'\n                  | skyLibResources: dataManagerConfig?.listDescriptor)\n                : undefined\n            \"\n            (change)=\"onOnlyShowSelected($event)\"\n          >\n            <sky-checkbox-label>\n              {{\n                'skyux_data_manager_show_selected_option_title'\n                  | skyLibResources\n              }}\n            </sky-checkbox-label>\n          </sky-checkbox>\n        </sky-toolbar-view-actions>\n      </sky-toolbar-section>\n    </sky-toolbar>\n  }\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"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: SkyCheckboxModule }, { kind: "component", type: i2.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "helpPopoverContent", "helpPopoverTitle", "icon", "iconName", "checkboxType", "checked", "indeterminate", "required", "labelText", "labelHidden", "hintText", "stacked", "helpKey"], outputs: ["change", "checkedChange", "disabledChange", "indeterminateChange"] }, { kind: "component", type: i2.λ4, selector: "sky-checkbox-label" }, { kind: "ngmodule", type: SkyDataManagerResourcesModule }, { kind: "pipe", type: i3.SkyLibResourcesPipe, name: "skyLibResources" }, { kind: "ngmodule", type: SkyIconModule }, { kind: "component", type: i4.λ1, selector: "sky-icon", inputs: ["icon", "iconName", "iconType", "size", "fixedWidth", "variant", "iconSize"] }, { kind: "ngmodule", type: SkyFilterModule }, { kind: "component", type: i3$1.λ1, selector: "sky-filter-button", inputs: ["filterButtonId", "ariaControls", "ariaExpanded", "ariaLabel", "active", "disabled", "showButtonText"], outputs: ["filterButtonClick"] }, { kind: "ngmodule", type: SkyRadioModule }, { kind: "component", type: i2.λ13, selector: "sky-radio", inputs: ["checked", "disabled", "id", "label", "labelledBy", "name", "tabindex", "value", "helpPopoverContent", "helpPopoverTitle", "icon", "iconName", "radioType", "labelText", "labelHidden", "hintText", "helpKey"], outputs: ["change", "checkedChange", "disabledChange"] }, { kind: "component", type: i2.λ11, selector: "sky-radio-group", inputs: ["ariaLabelledBy", "ariaLabel", "disabled", "headingLevel", "headingStyle", "name", "required", "stacked", "value", "tabIndex", "headingText", "headingHidden", "hintText", "helpPopoverContent", "helpPopoverTitle", "helpKey"] }, { kind: "ngmodule", type: SkySearchModule }, { kind: "component", type: i6.SkySearchComponent, selector: "sky-search", inputs: ["ariaLabel", "ariaLabelledBy", "searchText", "expandMode", "debounceTime", "disabled", "placeholderText"], outputs: ["searchApply", "searchChange", "searchClear"] }, { kind: "ngmodule", type: SkySortModule }, { kind: "component", type: i3$1.λ14, selector: "sky-sort", inputs: ["ariaLabel", "showButtonText"] }, { kind: "component", type: i3$1.λ13, selector: "sky-sort-item", inputs: ["active"], outputs: ["itemSelect"] }, { kind: "ngmodule", type: SkyToolbarModule }, { kind: "component", type: i7.λ37, selector: "sky-toolbar", inputs: ["listDescriptor"] }, { kind: "component", type: i7.λ39, selector: "sky-toolbar-item" }, { kind: "component", type: i7.λ38, selector: "sky-toolbar-section" }, { kind: "component", type: i7.λ40, selector: "sky-toolbar-view-actions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyDataManagerToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: SkyDataManagerToolbarComponent, isStandalone: true, selector: "sky-data-manager-toolbar", ngImport: i0, template: "<div class=\"sky-data-manager-toolbar\">\n  <sky-toolbar [listDescriptor]=\"dataManagerConfig?.listDescriptor\">\n    <sky-toolbar-section>\n      <ng-content select=\"sky-data-manager-toolbar-primary-item\" />\n\n      @if (activeView?.filterButtonEnabled) {\n        <sky-toolbar-item class=\"sky-data-manager-filter\">\n          <sky-filter-button\n            [showButtonText]=\"activeView?.showFilterButtonText\"\n            (filterButtonClick)=\"filterButtonClicked()\"\n          />\n        </sky-toolbar-item>\n      }\n\n      @if (activeView?.sortEnabled) {\n        <sky-toolbar-item class=\"sky-data-manager-sort\">\n          <sky-sort [showButtonText]=\"activeView?.showSortButtonText\">\n            @for (item of dataManagerConfig?.sortOptions; track item) {\n              <sky-sort-item\n                [active]=\"!!(dataState?.activeSortOption?.id === item.id)\"\n                (itemSelect)=\"sortSelected(item)\"\n              >\n                {{ item.label }}\n              </sky-sort-item>\n            }\n          </sky-sort>\n        </sky-toolbar-item>\n      }\n\n      @if (activeView?.columnPickerEnabled) {\n        <sky-toolbar-item>\n          <button\n            class=\"sky-btn sky-btn-default sky-col-picker-btn\"\n            type=\"button\"\n            [attr.aria-label]=\"\n              dataManagerConfig?.listDescriptor\n                ? ('skyux_data_manager_columns_button_aria_label'\n                  | skyLibResources: dataManagerConfig?.listDescriptor)\n                : ('skyux_data_manager_columns_button_title' | skyLibResources)\n            \"\n            [attr.title]=\"\n              'skyux_data_manager_columns_button_title' | skyLibResources\n            \"\n            (click)=\"openColumnPicker()\"\n          >\n            <sky-icon iconName=\"layout-column-three\" />\n            <span class=\"sky-column-selector-action-btn-text\">\n              {{ 'skyux_data_manager_columns_button_title' | skyLibResources }}\n            </span>\n          </button>\n        </sky-toolbar-item>\n      }\n\n      <ng-content select=\"sky-data-manager-toolbar-left-item\" />\n\n      @if (activeView?.searchEnabled) {\n        <sky-toolbar-item class=\"sky-data-manager-search\">\n          <sky-search\n            [expandMode]=\"activeView?.searchExpandMode\"\n            [placeholderText]=\"activeView?.searchPlaceholderText\"\n            [searchText]=\"dataState?.searchText\"\n            (searchApply)=\"searchApplied($event)\"\n          />\n        </sky-toolbar-item>\n      }\n\n      <sky-toolbar-view-actions>\n        <ng-content select=\"sky-data-manager-toolbar-right-item\" />\n        @if (activeView && views && views.length > 1) {\n          <sky-radio-group\n            class=\"sky-switch-icon-group\"\n            [ariaLabel]=\"'data view switcher'\"\n            [(ngModel)]=\"activeView.id\"\n          >\n            @for (view of views; track view.id) {\n              @if (view.iconName) {\n                <sky-radio\n                  [attr.aria-label]=\"view.name\"\n                  [iconName]=\"view.iconName\"\n                  [value]=\"view.id\"\n                  [label]=\"view.name\"\n                  (change)=\"onViewChange(view.id)\"\n                />\n              } @else {\n                <sky-radio\n                  [attr.aria-label]=\"view.name\"\n                  [icon]=\"view.icon\"\n                  [value]=\"view.id\"\n                  [label]=\"view.name\"\n                  (change)=\"onViewChange(view.id)\"\n                />\n              }\n            }\n          </sky-radio-group>\n        }\n      </sky-toolbar-view-actions>\n    </sky-toolbar-section>\n    <ng-content select=\"sky-data-manager-toolbar-section\" />\n  </sky-toolbar>\n\n  @if (activeView?.multiselectToolbarEnabled) {\n    <sky-toolbar class=\"sky-data-manager-multiselect-toolbar\">\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            [attr.aria-label]=\"\n              dataManagerConfig?.listDescriptor\n                ? ('skyux_data_manager_select_all_button_aria_label'\n                  | skyLibResources: dataManagerConfig?.listDescriptor)\n                : undefined\n            \"\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            [attr.aria-label]=\"\n              dataManagerConfig?.listDescriptor\n                ? ('skyux_data_manager_clear_all_button_aria_label'\n                  | skyLibResources: dataManagerConfig?.listDescriptor)\n                : undefined\n            \"\n            (click)=\"clearAll()\"\n          >\n            {{ 'skyux_data_manager_clear_all_button_title' | skyLibResources }}\n          </button>\n        </sky-toolbar-item>\n        <sky-toolbar-view-actions class=\"sky-data-manager-only-show-selected\">\n          <sky-checkbox\n            [checked]=\"onlyShowSelected\"\n            [label]=\"\n              dataManagerConfig?.listDescriptor\n                ? ('skyux_data_manager_show_selected_option_aria_label'\n                  | skyLibResources: dataManagerConfig?.listDescriptor)\n                : undefined\n            \"\n            (change)=\"onOnlyShowSelected($event)\"\n          >\n            <sky-checkbox-label>\n              {{\n                'skyux_data_manager_show_selected_option_title'\n                  | skyLibResources\n              }}\n            </sky-checkbox-label>\n          </sky-checkbox>\n        </sky-toolbar-view-actions>\n      </sky-toolbar-section>\n    </sky-toolbar>\n  }\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"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: SkyCheckboxModule }, { kind: "component", type: i2.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "helpPopoverContent", "helpPopoverTitle", "icon", "iconName", "checkboxType", "checked", "indeterminate", "required", "labelText", "labelHidden", "hintText", "stacked", "helpKey"], outputs: ["change", "checkedChange", "disabledChange", "indeterminateChange"] }, { kind: "component", type: i2.λ4, selector: "sky-checkbox-label" }, { kind: "ngmodule", type: SkyDataManagerResourcesModule }, { kind: "pipe", type: i3.SkyLibResourcesPipe, name: "skyLibResources" }, { kind: "ngmodule", type: SkyIconModule }, { kind: "component", type: i4.λ1, selector: "sky-icon", inputs: ["icon", "iconName", "iconType", "size", "fixedWidth", "variant", "iconSize"] }, { kind: "ngmodule", type: SkyFilterModule }, { kind: "component", type: i3$1.λ1, selector: "sky-filter-button", inputs: ["filterButtonId", "ariaControls", "ariaExpanded", "ariaLabel", "active", "disabled", "showButtonText"], outputs: ["filterButtonClick"] }, { kind: "ngmodule", type: SkyRadioModule }, { kind: "component", type: i2.λ13, selector: "sky-radio", inputs: ["checked", "disabled", "id", "label", "labelledBy", "name", "tabindex", "value", "helpPopoverContent", "helpPopoverTitle", "icon", "iconName", "radioType", "labelText", "labelHidden", "hintText", "helpKey"], outputs: ["change", "checkedChange", "disabledChange"] }, { kind: "component", type: i2.λ11, selector: "sky-radio-group", inputs: ["ariaLabelledBy", "ariaLabel", "disabled", "headingLevel", "headingStyle", "name", "required", "stacked", "value", "tabIndex", "headingText", "headingHidden", "hintText", "helpPopoverContent", "helpPopoverTitle", "helpKey"] }, { kind: "ngmodule", type: SkySearchModule }, { kind: "component", type: i6.SkySearchComponent, selector: "sky-search", inputs: ["ariaLabel", "ariaLabelledBy", "searchText", "expandMode", "debounceTime", "disabled", "placeholderText"], outputs: ["searchApply", "searchChange", "searchClear"] }, { kind: "ngmodule", type: SkySortModule }, { kind: "component", type: i3$1.λ14, selector: "sky-sort", inputs: ["ariaLabel", "showButtonText"] }, { kind: "component", type: i3$1.λ13, selector: "sky-sort-item", inputs: ["active"], outputs: ["itemSelect"] }, { kind: "ngmodule", type: SkyToolbarModule }, { kind: "component", type: i7.λ37, selector: "sky-toolbar", inputs: ["listDescriptor"] }, { kind: "component", type: i7.λ39, selector: "sky-toolbar-item" }, { kind: "component", type: i7.λ38, selector: "sky-toolbar-section" }, { kind: "component", type: i7.λ40, selector: "sky-toolbar-view-actions" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyDataManagerToolbarComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyDataManagerToolbarComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sky-data-manager-toolbar', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         FormsModule,
@@ -888,10 +888,10 @@ class SkyDataManagerComponent {
             this.#liveAnnouncer.announce(internationalizedString);
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyDataManagerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: SkyDataManagerComponent, isStandalone: true, selector: "sky-data-manager", ngImport: i0, template: "@if (isInitialized) {\n  <div\n    #dataManager\n    class=\"sky-data-manager\"\n    [skyBackToTop]=\"backToTopOptions\"\n    [skyBackToTopMessageStream]=\"backToTopController\"\n    [skyViewkeeper]=\"currentViewkeeperClasses\"\n  >\n    <ng-content />\n  </div>\n}\n", dependencies: [{ kind: "ngmodule", type: SkyBackToTopModule }, { kind: "directive", type: i7.λ7, selector: "[skyBackToTop]", inputs: ["skyBackToTop", "skyBackToTopMessageStream"] }, { kind: "ngmodule", type: SkyViewkeeperModule }, { kind: "directive", type: i1.λ3, selector: "[skyViewkeeper]", inputs: ["skyViewkeeper"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyDataManagerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: SkyDataManagerComponent, isStandalone: true, selector: "sky-data-manager", ngImport: i0, template: "@if (isInitialized) {\n  <div\n    #dataManager\n    class=\"sky-data-manager\"\n    [skyBackToTop]=\"backToTopOptions\"\n    [skyBackToTopMessageStream]=\"backToTopController\"\n    [skyViewkeeper]=\"currentViewkeeperClasses\"\n  >\n    <ng-content />\n  </div>\n}\n", dependencies: [{ kind: "ngmodule", type: SkyBackToTopModule }, { kind: "directive", type: i7.λ7, selector: "[skyBackToTop]", inputs: ["skyBackToTop", "skyBackToTopMessageStream"] }, { kind: "ngmodule", type: SkyViewkeeperModule }, { kind: "directive", type: i1.λ3, selector: "[skyViewkeeper]", inputs: ["skyViewkeeper"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyDataManagerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyDataManagerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sky-data-manager', changeDetection: ChangeDetectionStrategy.OnPush, imports: [SkyBackToTopModule, SkyViewkeeperModule], template: "@if (isInitialized) {\n  <div\n    #dataManager\n    class=\"sky-data-manager\"\n    [skyBackToTop]=\"backToTopOptions\"\n    [skyBackToTopMessageStream]=\"backToTopController\"\n    [skyViewkeeper]=\"currentViewkeeperClasses\"\n  >\n    <ng-content />\n  </div>\n}\n" }]
         }] });
@@ -966,10 +966,10 @@ class SkyDataViewComponent {
             }
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyDataViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: SkyDataViewComponent, isStandalone: true, selector: "sky-data-view", inputs: { viewId: "viewId" }, host: { properties: { "attr.data-view-id": "this.dataViewId" } }, hostDirectives: [{ directive: i1.SkyResponsiveHostDirective }, { directive: i2$1.SkyTextHighlightDirective }], ngImport: i0, template: "@if (isActive) {\n  <ng-content />\n}\n", styles: [":host{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyDataViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: SkyDataViewComponent, isStandalone: true, selector: "sky-data-view", inputs: { viewId: "viewId" }, host: { properties: { "attr.data-view-id": "this.dataViewId" } }, hostDirectives: [{ directive: i1.SkyResponsiveHostDirective }, { directive: i2$1.SkyTextHighlightDirective }], ngImport: i0, template: "@if (isActive) {\n  <ng-content />\n}\n", styles: [":host{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyDataViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyDataViewComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'sky-data-view', changeDetection: ChangeDetectionStrategy.OnPush, hostDirectives: [SkyResponsiveHostDirective, SkyTextHighlightDirective], template: "@if (isActive) {\n  <ng-content />\n}\n", styles: [":host{display:block}\n"] }]
         }], propDecorators: { viewId: [{
@@ -1115,10 +1115,10 @@ class SkyDataManagerColumnPickerComponent {
         }
         return formattedColumnOptions;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyDataManagerColumnPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.1", type: SkyDataManagerColumnPickerComponent, isStandalone: true, selector: "sky-data-manager-column-picker", providers: [SkyDataManagerService], ngImport: i0, template: "<sky-modal class=\"sky-data-manager-column-picker\">\n  <sky-modal-header>\n    {{ 'skyux_data_manager_column_picker_title' | skyLibResources }}\n  </sky-modal-header>\n  <sky-modal-content class=\"sky-data-manager-column-picker-content\">\n    <sky-data-manager>\n      <sky-data-manager-toolbar />\n\n      <sky-data-view [viewId]=\"viewConfig.id\">\n        <sky-repeater expandMode=\"none\">\n          @for (column of displayedColumnData; track column) {\n            <sky-repeater-item\n              [selectable]=\"true\"\n              [(isSelected)]=\"column.isSelected\"\n              (isSelectedChange)=\"onIsSelectedChange()\"\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          }\n        </sky-repeater>\n      </sky-data-view>\n    </sky-data-manager>\n  </sky-modal-content>\n  <sky-modal-footer>\n    @if (!isAnyDisplayedColumnSelected) {\n      <div class=\"sky-data-manager-column-picker-footer-stacked-indicator\">\n        <sky-status-indicator descriptionType=\"error\" indicatorType=\"danger\">\n          {{\n            'skyux_data_manager_select_column_status_indicator_title'\n              | skyLibResources\n          }}\n        </sky-status-indicator>\n      </div>\n    }\n    <button\n      sky-cmp-id=\"apply-changes\"\n      class=\"sky-btn sky-btn-primary sky-data-manager-column-picker-apply-btn\"\n      type=\"button\"\n      [disabled]=\"!isAnyDisplayedColumnSelected\"\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 sky-data-manager-column-picker-cancel-btn\"\n      type=\"button\"\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}.sky-data-manager-column-picker-footer-stacked-indicator{margin:0 5px 10px 0}\n"], dependencies: [{ kind: "component", type: SkyDataManagerComponent, selector: "sky-data-manager" }, { kind: "ngmodule", type: SkyDataManagerResourcesModule }, { kind: "pipe", type: i3.SkyLibResourcesPipe, name: "skyLibResources" }, { kind: "component", type: SkyDataManagerToolbarComponent, selector: "sky-data-manager-toolbar" }, { kind: "component", type: SkyDataViewComponent, selector: "sky-data-view", inputs: ["viewId"] }, { kind: "ngmodule", type: SkyModalModule }, { kind: "component", type: i2$2.λ5, selector: "sky-modal", inputs: ["formErrors", "headingText", "helpKey", "helpPopoverContent", "helpPopoverTitle", "ariaRole", "tiledBody", "ariaDescribedBy", "ariaLabelledBy", "layout"] }, { kind: "component", type: i2$2.λ2, selector: "sky-modal-content" }, { kind: "component", type: i2$2.λ3, selector: "sky-modal-footer" }, { kind: "component", type: i2$2.λ4, selector: "sky-modal-header" }, { kind: "ngmodule", type: SkyRepeaterModule }, { kind: "component", type: i3$1.λ11, selector: "sky-repeater", inputs: ["activeIndex", "ariaLabel", "reorderable", "expandMode"], outputs: ["activeIndexChange", "orderChange"] }, { kind: "component", type: i3$1.λ10, selector: "sky-repeater-item", inputs: ["disabled", "itemName", "inlineFormConfig", "inlineFormTemplate", "isExpanded", "isSelected", "reorderable", "selectable", "showInlineForm", "tag"], outputs: ["collapse", "expand", "inlineFormClose", "isSelectedChange"] }, { kind: "component", type: i3$1.λ8, selector: "sky-repeater-item-content" }, { kind: "component", type: i3$1.λ12, selector: "sky-repeater-item-title" }, { kind: "ngmodule", type: SkyStatusIndicatorModule }, { kind: "component", type: i2$1.λ10, selector: "sky-status-indicator", inputs: ["indicatorType", "descriptionType", "customDescription", "helpPopoverContent", "helpPopoverTitle", "helpKey"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyDataManagerColumnPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.7", type: SkyDataManagerColumnPickerComponent, isStandalone: true, selector: "sky-data-manager-column-picker", providers: [SkyDataManagerService], ngImport: i0, template: "<sky-modal class=\"sky-data-manager-column-picker\">\n  <sky-modal-header>\n    {{ 'skyux_data_manager_column_picker_title' | skyLibResources }}\n  </sky-modal-header>\n  <sky-modal-content class=\"sky-data-manager-column-picker-content\">\n    <sky-data-manager>\n      <sky-data-manager-toolbar />\n\n      <sky-data-view [viewId]=\"viewConfig.id\">\n        <sky-repeater expandMode=\"none\">\n          @for (column of displayedColumnData; track column) {\n            <sky-repeater-item\n              [selectable]=\"true\"\n              [(isSelected)]=\"column.isSelected\"\n              (isSelectedChange)=\"onIsSelectedChange()\"\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          }\n        </sky-repeater>\n      </sky-data-view>\n    </sky-data-manager>\n  </sky-modal-content>\n  <sky-modal-footer>\n    @if (!isAnyDisplayedColumnSelected) {\n      <div class=\"sky-data-manager-column-picker-footer-stacked-indicator\">\n        <sky-status-indicator descriptionType=\"error\" indicatorType=\"danger\">\n          {{\n            'skyux_data_manager_select_column_status_indicator_title'\n              | skyLibResources\n          }}\n        </sky-status-indicator>\n      </div>\n    }\n    <button\n      sky-cmp-id=\"apply-changes\"\n      class=\"sky-btn sky-btn-primary sky-data-manager-column-picker-apply-btn\"\n      type=\"button\"\n      [disabled]=\"!isAnyDisplayedColumnSelected\"\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 sky-data-manager-column-picker-cancel-btn\"\n      type=\"button\"\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}.sky-data-manager-column-picker-footer-stacked-indicator{margin:0 5px 10px 0}\n"], dependencies: [{ kind: "component", type: SkyDataManagerComponent, selector: "sky-data-manager" }, { kind: "ngmodule", type: SkyDataManagerResourcesModule }, { kind: "pipe", type: i3.SkyLibResourcesPipe, name: "skyLibResources" }, { kind: "component", type: SkyDataManagerToolbarComponent, selector: "sky-data-manager-toolbar" }, { kind: "component", type: SkyDataViewComponent, selector: "sky-data-view", inputs: ["viewId"] }, { kind: "ngmodule", type: SkyModalModule }, { kind: "component", type: i2$2.λ5, selector: "sky-modal", inputs: ["formErrors", "headingText", "helpKey", "helpPopoverContent", "helpPopoverTitle", "ariaRole", "tiledBody", "ariaDescribedBy", "ariaLabelledBy", "layout"] }, { kind: "component", type: i2$2.λ2, selector: "sky-modal-content" }, { kind: "component", type: i2$2.λ3, selector: "sky-modal-footer" }, { kind: "component", type: i2$2.λ4, selector: "sky-modal-header" }, { kind: "ngmodule", type: SkyRepeaterModule }, { kind: "component", type: i3$1.λ11, selector: "sky-repeater", inputs: ["activeIndex", "ariaLabel", "reorderable", "expandMode"], outputs: ["activeIndexChange", "orderChange"] }, { kind: "component", type: i3$1.λ10, selector: "sky-repeater-item", inputs: ["disabled", "itemName", "inlineFormConfig", "inlineFormTemplate", "isExpanded", "isSelected", "reorderable", "selectable", "showInlineForm", "tag"], outputs: ["collapse", "expand", "inlineFormClose", "isSelectedChange"] }, { kind: "component", type: i3$1.λ8, selector: "sky-repeater-item-content" }, { kind: "component", type: i3$1.λ12, selector: "sky-repeater-item-title" }, { kind: "ngmodule", type: SkyStatusIndicatorModule }, { kind: "component", type: i2$1.λ10, selector: "sky-status-indicator", inputs: ["indicatorType", "descriptionType", "customDescription", "helpPopoverContent", "helpPopoverTitle", "helpKey"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyDataManagerColumnPickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyDataManagerColumnPickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sky-data-manager-column-picker', providers: [SkyDataManagerService], changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         SkyDataManagerComponent,
@@ -1135,10 +1135,10 @@ class SkyDataManagerColumnPickerImplService {
     getComponentType() {
         return SkyDataManagerColumnPickerComponent;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyDataManagerColumnPickerImplService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyDataManagerColumnPickerImplService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyDataManagerColumnPickerImplService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyDataManagerColumnPickerImplService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyDataManagerColumnPickerImplService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyDataManagerColumnPickerImplService, decorators: [{
             type: Injectable
         }] });
 
@@ -1155,10 +1155,10 @@ const SKY_DATA_MANAGER_COLUMN_PICKER_PROVIDERS = [
  * wrapped in its own `sky-data-manager-toolbar-left-item`. The items render in the order they are in in the template.
  */
 class SkyDataManagerToolbarLeftItemComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyDataManagerToolbarLeftItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: SkyDataManagerToolbarLeftItemComponent, isStandalone: true, selector: "sky-data-manager-toolbar-left-item", ngImport: i0, template: "<sky-toolbar-item>\n  <ng-content />\n</sky-toolbar-item>\n", dependencies: [{ kind: "ngmodule", type: SkyToolbarModule }, { kind: "component", type: i7.λ39, selector: "sky-toolbar-item" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyDataManagerToolbarLeftItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: SkyDataManagerToolbarLeftItemComponent, isStandalone: true, selector: "sky-data-manager-toolbar-left-item", ngImport: i0, template: "<sky-toolbar-item>\n  <ng-content />\n</sky-toolbar-item>\n", dependencies: [{ kind: "ngmodule", type: SkyToolbarModule }, { kind: "component", type: i7.λ39, selector: "sky-toolbar-item" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyDataManagerToolbarLeftItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyDataManagerToolbarLeftItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sky-data-manager-toolbar-left-item', imports: [SkyToolbarModule], template: "<sky-toolbar-item>\n  <ng-content />\n</sky-toolbar-item>\n" }]
         }] });
@@ -1169,10 +1169,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
  * wrapped in its own `sky-data-manager-toolbar-primary-item`. The items render in the order they are in in the template.
  */
 class SkyDataManagerToolbarPrimaryItemComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyDataManagerToolbarPrimaryItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: SkyDataManagerToolbarPrimaryItemComponent, isStandalone: true, selector: "sky-data-manager-toolbar-primary-item", ngImport: i0, template: "<sky-toolbar-item>\n  <ng-content />\n</sky-toolbar-item>\n", dependencies: [{ kind: "ngmodule", type: SkyToolbarModule }, { kind: "component", type: i7.λ39, selector: "sky-toolbar-item" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyDataManagerToolbarPrimaryItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: SkyDataManagerToolbarPrimaryItemComponent, isStandalone: true, selector: "sky-data-manager-toolbar-primary-item", ngImport: i0, template: "<sky-toolbar-item>\n  <ng-content />\n</sky-toolbar-item>\n", dependencies: [{ kind: "ngmodule", type: SkyToolbarModule }, { kind: "component", type: i7.λ39, selector: "sky-toolbar-item" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyDataManagerToolbarPrimaryItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyDataManagerToolbarPrimaryItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sky-data-manager-toolbar-primary-item', imports: [SkyToolbarModule], template: "<sky-toolbar-item>\n  <ng-content />\n</sky-toolbar-item>\n" }]
         }] });
@@ -1184,10 +1184,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
  * `sky-data-manager-toolbar-right-item`. The items render in the order they are in in the template.
  */
 class SkyDataManagerToolbarRightItemComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyDataManagerToolbarRightItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: SkyDataManagerToolbarRightItemComponent, isStandalone: true, selector: "sky-data-manager-toolbar-right-item", ngImport: i0, template: "<ng-content />\n" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyDataManagerToolbarRightItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: SkyDataManagerToolbarRightItemComponent, isStandalone: true, selector: "sky-data-manager-toolbar-right-item", ngImport: i0, template: "<ng-content />\n" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyDataManagerToolbarRightItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyDataManagerToolbarRightItemComponent, decorators: [{
             type: Component,
             args: [{ standalone: true, selector: 'sky-data-manager-toolbar-right-item', template: "<ng-content />\n" }]
         }] });
@@ -1198,17 +1198,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImpor
  * toolbar (if present).
  */
 class SkyDataManagerToolbarSectionComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyDataManagerToolbarSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.1", type: SkyDataManagerToolbarSectionComponent, isStandalone: true, selector: "sky-data-manager-toolbar-section", ngImport: i0, template: "<sky-toolbar-section>\n  <ng-content />\n</sky-toolbar-section>\n", dependencies: [{ kind: "ngmodule", type: SkyToolbarModule }, { kind: "component", type: i7.λ38, selector: "sky-toolbar-section" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyDataManagerToolbarSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: SkyDataManagerToolbarSectionComponent, isStandalone: true, selector: "sky-data-manager-toolbar-section", ngImport: i0, template: "<sky-toolbar-section>\n  <ng-content />\n</sky-toolbar-section>\n", dependencies: [{ kind: "ngmodule", type: SkyToolbarModule }, { kind: "component", type: i7.λ38, selector: "sky-toolbar-section" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyDataManagerToolbarSectionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyDataManagerToolbarSectionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sky-data-manager-toolbar-section', imports: [SkyToolbarModule], template: "<sky-toolbar-section>\n  <ng-content />\n</sky-toolbar-section>\n" }]
         }] });
 
 class SkyDataManagerModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyDataManagerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.1", ngImport: i0, type: SkyDataManagerModule, imports: [SkyDataManagerComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyDataManagerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.7", ngImport: i0, type: SkyDataManagerModule, imports: [SkyDataManagerComponent,
             SkyDataManagerToolbarComponent,
             SkyDataManagerToolbarLeftItemComponent,
             SkyDataManagerToolbarPrimaryItemComponent,
@@ -1221,13 +1221,13 @@ class SkyDataManagerModule {
             SkyDataManagerToolbarRightItemComponent,
             SkyDataManagerToolbarSectionComponent,
             SkyDataViewComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyDataManagerModule, providers: [SKY_DATA_MANAGER_COLUMN_PICKER_PROVIDERS], imports: [SkyDataManagerComponent,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyDataManagerModule, providers: [SKY_DATA_MANAGER_COLUMN_PICKER_PROVIDERS], imports: [SkyDataManagerComponent,
             SkyDataManagerToolbarComponent,
             SkyDataManagerToolbarLeftItemComponent,
             SkyDataManagerToolbarPrimaryItemComponent,
             SkyDataManagerToolbarSectionComponent] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.1", ngImport: i0, type: SkyDataManagerModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: SkyDataManagerModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/data-manager",
-  "version": "12.4.0",
+  "version": "12.5.0",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",
@@ -16,19 +16,19 @@
   },
   "homepage": "https://github.com/blackbaud/skyux#readme",
   "peerDependencies": {
-    "@angular/cdk": "^19.2.2",
-    "@angular/common": "^19.2.1",
-    "@angular/core": "^19.2.1",
-    "@angular/forms": "^19.2.1",
-    "@skyux/core": "12.4.0",
-    "@skyux/forms": "12.4.0",
-    "@skyux/i18n": "12.4.0",
-    "@skyux/icon": "12.4.0",
-    "@skyux/indicators": "12.4.0",
-    "@skyux/layout": "12.4.0",
-    "@skyux/lists": "12.4.0",
-    "@skyux/lookup": "12.4.0",
-    "@skyux/modals": "12.4.0"
+    "@angular/cdk": "^19.2.10",
+    "@angular/common": "^19.2.7",
+    "@angular/core": "^19.2.7",
+    "@angular/forms": "^19.2.7",
+    "@skyux/core": "12.5.0",
+    "@skyux/forms": "12.5.0",
+    "@skyux/i18n": "12.5.0",
+    "@skyux/icon": "12.5.0",
+    "@skyux/indicators": "12.5.0",
+    "@skyux/layout": "12.5.0",
+    "@skyux/lists": "12.5.0",
+    "@skyux/lookup": "12.5.0",
+    "@skyux/modals": "12.5.0"
   },
   "dependencies": {
     "tslib": "^2.8.1"