@skyux/grids 12.23.0 → 13.0.0-alpha.0

package/index.d.ts

@@ -1,17 +1,584 @@
-export { SkyGridColumnModel } from './lib/modules/grid/grid-column.model';
-export { SkyGridModule } from './lib/modules/grid/grid.module';
-export { SkyGridColumnAlignment } from './lib/modules/grid/types/grid-column-alignment';
-export { SkyGridColumnDescriptionModelChange } from './lib/modules/grid/types/grid-column-description-model-change';
-export { SkyGridColumnHeadingModelChange } from './lib/modules/grid/types/grid-column-heading-model-change';
-export { SkyGridColumnInlineHelpPopoverModelChange } from './lib/modules/grid/types/grid-column-inline-help-popover-model-change';
-export { SkyGridColumnWidthModelChange } from './lib/modules/grid/types/grid-column-width-model-change';
-export { SkyGridMessage } from './lib/modules/grid/types/grid-message';
-export { SkyGridMessageType } from './lib/modules/grid/types/grid-message-type';
-export { SkyGridRowDeleteCancelArgs } from './lib/modules/grid/types/grid-row-delete-cancel-args';
-export { SkyGridRowDeleteConfig } from './lib/modules/grid/types/grid-row-delete-config';
-export { SkyGridRowDeleteConfirmArgs } from './lib/modules/grid/types/grid-row-delete-confirm-args';
-export { SkyGridSelectedRowsModelChange } from './lib/modules/grid/types/grid-selected-rows-model-change';
-export { SkyGridSelectedRowsSource } from './lib/modules/grid/types/grid-selected-rows-source';
-export { SkyGridUIConfig } from './lib/modules/grid/types/grid-ui-config';
-export { SkyGridColumnComponent } from './lib/modules/grid/grid-column.component';
-export { SkyGridComponent } from './lib/modules/grid/grid.component';
+import * as i0 from '@angular/core';
+import { TemplateRef, RendererFactory2, ElementRef, OnInit, AfterContentInit, AfterViewInit, OnChanges, OnDestroy, EventEmitter, ChangeDetectorRef, SimpleChanges } from '@angular/core';
+import * as i7 from '@skyux/core';
+import { SkyAffixService, SkyOverlayService, SkyAppWindowRef, SkyUIConfigService, SkyLogService } from '@skyux/core';
+import { ListSortFieldSelectorModel, ListItemModel } from '@skyux/list-builder-common';
+import * as i5 from 'ng2-dragula';
+import { DragulaService } from 'ng2-dragula';
+import { Subject, BehaviorSubject, Observable } from 'rxjs';
+import * as i4 from '@angular/common';
+import * as i6 from '@angular/forms';
+import * as i8 from '@skyux/forms';
+import * as i1 from '@skyux/i18n';
+import * as i10 from '@skyux/help-inline';
+import * as i11 from '@skyux/icon';
+import * as i12 from '@skyux/layout';
+import * as i13 from '@skyux/popovers';
+import * as i14 from '@skyux/indicators';
+
+/**
+ * Represents the horizontal alignment of the column's data and header.
+ * @deprecated `SkyGridComponent` and its features are deprecated. We recommend using the data grid instead. For more information, see https://developer.blackbaud.com/skyux/components/data-grid
+ */
+type SkyGridColumnAlignment = 'left' | 'center' | 'right';
+
+/**
+ * @deprecated `SkyGridComponent` and its features are deprecated. We recommend using the data grid instead. For more information, see https://developer.blackbaud.com/skyux/components/data-grid
+ */
+declare class SkyGridColumnModel {
+    template: TemplateRef<unknown>;
+    id: string;
+    field: string;
+    heading: string;
+    inlineHelpPopover: any;
+    type: string;
+    width: number;
+    hidden: boolean;
+    locked: boolean;
+    description: string;
+    isSortable: boolean;
+    excludeFromHighlighting: boolean;
+    /**
+     * The horizontal alignment of the column's data and header.
+     */
+    alignment: SkyGridColumnAlignment;
+    searchFunction: (data: any, searchText: string) => boolean;
+    constructor(template: TemplateRef<unknown>, data?: any);
+}
+
+/**
+ * @internal
+ */
+declare class SkyGridAdapterService {
+    private rendererFactory;
+    private renderer;
+    constructor(rendererFactory: RendererFactory2);
+    initializeDragAndDrop(dragulaGroupName: string, dragulaService: DragulaService, dropCallback: (newColumnIds: string[]) => void): void;
+    getRowHeight(el: ElementRef, index: number): string;
+    setStyle(el: ElementRef, style: string, value: string): void;
+    private isLeftOfLocked;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyGridAdapterService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SkyGridAdapterService>;
+}
+
+/**
+ * @internal
+ * @deprecated `SkyGridComponent` and its features are deprecated. We recommend using the data grid instead. For more information, see https://developer.blackbaud.com/skyux/components/data-grid
+ */
+interface SkyGridColumnDescriptionModelChange {
+    value?: string;
+    id?: string;
+    field?: string;
+}
+
+/**
+ * @internal
+ * @deprecated `SkyGridComponent` and its features are deprecated. We recommend using the data grid instead. For more information, see https://developer.blackbaud.com/skyux/components/data-grid
+ */
+interface SkyGridColumnHeadingModelChange {
+    value?: string;
+    id?: string;
+    field?: string;
+}
+
+/**
+ * @internal
+ * @deprecated `SkyGridComponent` and its features are deprecated. We recommend using the data grid instead. For more information, see https://developer.blackbaud.com/skyux/components/data-grid
+ */
+interface SkyGridColumnInlineHelpPopoverModelChange {
+    value?: any;
+    id?: string;
+    field?: string;
+}
+
+/**
+ * @deprecated `SkyGridComponent` and its features are deprecated. We recommend using the data grid instead. For more information, see https://developer.blackbaud.com/skyux/components/data-grid
+ */
+interface SkyGridColumnWidthModelChange {
+    /**
+     * The ID of the column.
+     */
+    id?: string;
+    /**
+     * The field of the column.
+     */
+    field?: string;
+    /**
+     * The width of the column in pixels.
+     */
+    width: number;
+}
+
+/**
+ * @deprecated `SkyGridComponent` and its features are deprecated. We recommend using the data grid instead. For more information, see https://developer.blackbaud.com/skyux/components/data-grid
+ */
+declare enum SkyGridMessageType {
+    /**
+     * Selects the multiselect checkboxes for all rows in the grid.
+     */
+    SelectAll = 0,
+    /**
+     * Clears the multiselect checkboxes for all rows in the grid.
+     */
+    ClearAll = 1,
+    /**
+     * @internal
+     */
+    PromptDeleteRow = 2,
+    /**
+     * @internal
+     */
+    AbortDeleteRow = 3
+}
+
+/**
+ * @deprecated `SkyGridComponent` and its features are deprecated. We recommend using the data grid instead. For more information, see https://developer.blackbaud.com/skyux/components/data-grid
+ */
+interface SkyGridMessage {
+    /**
+     * The type of message being sent.
+     */
+    type: SkyGridMessageType;
+    /**
+     * @internal
+     */
+    data?: {
+        abortDeleteRow?: {
+            id: string;
+        };
+        promptDeleteRow?: {
+            id: string;
+        };
+    };
+}
+
+/**
+ * @internal
+ * @deprecated `SkyGridComponent` and its features are deprecated. We recommend using the data grid instead. For more information, see https://developer.blackbaud.com/skyux/components/data-grid
+ */
+interface SkyGridRowDeleteCancelArgs {
+    id: string;
+}
+
+/**
+ * @internal
+ * @deprecated `SkyGridComponent` and its features are deprecated. We recommend using the data grid instead. For more information, see https://developer.blackbaud.com/skyux/components/data-grid
+ */
+interface SkyGridRowDeleteConfig {
+    id: string;
+    pending: boolean;
+}
+
+/**
+ * @internal
+ * @deprecated `SkyGridComponent` and its features are deprecated. We recommend using the data grid instead. For more information, see https://developer.blackbaud.com/skyux/components/data-grid
+ */
+interface SkyGridRowDeleteConfirmArgs {
+    id: string;
+}
+
+/**
+ * @internal
+ * @deprecated `SkyGridComponent` and its features are deprecated. We recommend using the data grid instead. For more information, see https://developer.blackbaud.com/skyux/components/data-grid
+ */
+declare enum SkyGridSelectedRowsSource {
+    CheckboxChange = 0,
+    ClearAll = 1,
+    RowClick = 2,
+    SelectAll = 3,
+    SelectedRowIdsChange = 4
+}
+
+/**
+ * @deprecated `SkyGridComponent` and its features are deprecated. We recommend using the data grid instead. For more information, see https://developer.blackbaud.com/skyux/components/data-grid
+ */
+interface SkyGridSelectedRowsModelChange {
+    /**
+     * The IDs of the rows that are selected.
+     */
+    selectedRowIds?: string[];
+    /**
+     * @internal
+     * Defines the source of the change. This will typically be used to determine
+     * if the change came from user interaction or a programmatic source.
+     */
+    source?: SkyGridSelectedRowsSource;
+}
+
+/**
+ * @deprecated `SkyGridComponent` and its features are deprecated. We recommend using the data grid instead. For more information, see https://developer.blackbaud.com/skyux/components/data-grid
+ */
+declare class SkyGridComponent implements OnInit, AfterContentInit, AfterViewInit, OnChanges, OnDestroy {
+    #private;
+    private affixService;
+    private changeDetector;
+    private dragulaService;
+    private gridAdapter;
+    private overlayService;
+    private skyWindow;
+    private uiConfigService;
+    /**
+     * Columns and column properties for the grid.
+     */
+    set columns(newColumns: SkyGridColumnModel[]);
+    get columns(): SkyGridColumnModel[];
+    /**
+     * The data for the grid. Each item requires an `id` and a property that maps
+     * to the `field` or `id` property of each column in the grid.
+     */
+    data: any[];
+    /**
+     * Whether to enable the multiselect feature to display a column of
+     * checkboxes on the left side of the grid. You can specify a unique ID with
+     * the `multiselectRowId` property, but multiselect defaults to the `id` property on
+     * the `data` object.
+     * @default false
+     */
+    enableMultiselect: boolean;
+    /**
+     * How the grid fits to its parent. The valid options are `width`,
+     * which fits the grid to the parent's full width, and `scroll`, which allows the grid
+     * to exceed the parent's width. If the grid does not have enough columns to fill
+     * the parent's width, it always stretches to the parent's full width.
+     * @default "width"
+     */
+    fit: string;
+    /**
+     * Whether to display a toolbar with the grid.
+     */
+    hasToolbar: boolean;
+    /**
+     * The height of the grid.
+     */
+    height: number;
+    /**
+     * Text to highlight within the grid.
+     * Typically, this property is used in conjunction with search.
+     */
+    highlightText: string;
+    /**
+     * The observable to send commands to the grid.
+     */
+    messageStream: Subject<SkyGridMessage>;
+    /**
+     * The unique ID that matches a property on the `data` object.
+     * By default, this property uses the `id` property.
+     */
+    multiselectRowId: string;
+    /**
+     * The ID of the row to highlight. The ID matches the `id` property
+     * of the `data` object. Typically, this property is used in conjunction with
+     * the flyout component to indicate the currently selected row.
+     */
+    rowHighlightedId: string;
+    /**
+     * The columns to display in the grid based on the `id` or `field` properties
+     * of the columns. If no columns are specified, then the grid displays all columns.
+     */
+    set selectedColumnIds(value: string[]);
+    get selectedColumnIds(): string[];
+    /**
+     * The set of IDs for the rows to select in a multiselect grid.
+     * The IDs match the `id` properties of the `data` objects.
+     * Rows with IDs that are not included are de-selected in the grid.
+     */
+    set selectedRowIds(value: string[]);
+    get selectedRowIds(): string[];
+    /**
+     * The unique key for the UI Config Service to retrieve stored settings from a database.
+     * The UI Config Service saves configuration settings for users and returns
+     * `selectedColumnIds` to preserve the columns to display and the preferred column order. You  must provide `id` values for your `sky-grid-column` elements because the UI Config Service depends on those values to organize columns based on user settings. For more information about the UI Config Service, see [the sticky settings documentation](https://developer.blackbaud.com/skyux/learn/develop/sticky-settings).
+     */
+    settingsKey: string;
+    /**
+     * Displays a caret in the column that was used to sort the grid. This is particularly useful
+     * when you programmatically sort data and want to visually indicate how the grid was sorted.
+     * This property accepts a `ListSortFieldSelectorModel` value with the following properties:
+     * - `fieldSelector` Represents the current sort field. This property accepts `string` values.
+     * - `descending` Indicates whether to sort in descending order. The caret that visually
+     * indicates the sort order points down for descending order and up for ascending order.
+     * This property accepts `boolean` values. Default is `false`.
+     */
+    sortField: ListSortFieldSelectorModel;
+    /**
+     * The width of the grid in pixels.
+     */
+    width: number;
+    /**
+     * Fires when the width of a column changes.
+     */
+    columnWidthChange: EventEmitter<SkyGridColumnWidthModelChange[]>;
+    /**
+     * Fires when the selection of multiselect checkboxes changes.
+     * Emits an array of IDs for the selected rows based on the `multiselectRowId` property
+     * that the consumer provides.
+     */
+    multiselectSelectionChange: EventEmitter<SkyGridSelectedRowsModelChange>;
+    /**
+     * @internal
+     */
+    rowDeleteCancel: EventEmitter<SkyGridRowDeleteCancelArgs>;
+    /**
+     * @internal
+     */
+    rowDeleteConfirm: EventEmitter<SkyGridRowDeleteConfirmArgs>;
+    /**
+     * Fires when the columns to display in the grid change or when the order of the columns changes.
+     * The event emits an array of IDs for the displayed columns that reflects the column order.
+     */
+    selectedColumnIdsChange: EventEmitter<string[]>;
+    /**
+     * Fires when the active sort field changes.
+     */
+    sortFieldChange: EventEmitter<ListSortFieldSelectorModel>;
+    columnResizeStep: number;
+    currentSortField: BehaviorSubject<ListSortFieldSelectorModel>;
+    displayedColumns: SkyGridColumnModel[];
+    dragulaGroupName: string;
+    gridId: number;
+    rowDeleteConfigs: SkyGridRowDeleteConfig[];
+    items: any[];
+    maxColWidth: number;
+    minColWidth: number;
+    showResizeBar: boolean;
+    showTopScroll: boolean;
+    get tableWidth(): any;
+    private columnComponents;
+    private columnElementRefs;
+    private columnRangeInputElementRefs;
+    private inlineDeleteRefs;
+    private inlineDeleteTemplateRef;
+    private tableContainerElementRef;
+    private tableElementRef;
+    private topScrollContainerElementRef;
+    private resizeBar;
+    private activeResizeColumnIndex;
+    private isDraggingResizeHandle;
+    private isResized;
+    private ngUnsubscribe;
+    private rowDeleteContents;
+    private startColumnWidth;
+    private subscriptions;
+    private scrollTriggered;
+    private selectedColumnIdsSet;
+    private xPosStart;
+    private _columns;
+    private _selectedColumnIds;
+    private _selectedRowIds;
+    constructor(affixService: SkyAffixService, changeDetector: ChangeDetectorRef, dragulaService: DragulaService, gridAdapter: SkyGridAdapterService, overlayService: SkyOverlayService, skyWindow: SkyAppWindowRef, uiConfigService: SkyUIConfigService, logger: SkyLogService);
+    ngOnInit(): void;
+    ngAfterContentInit(): void;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    onWindowResize(): void;
+    getTopScrollWidth(): string;
+    getTableClassNames(): string;
+    getTableHeaderClassNames(column: SkyGridColumnModel): string;
+    getCaretIconNames(column: SkyGridColumnModel): string;
+    onKeydown(event: KeyboardEvent, column: SkyGridColumnModel): void;
+    sortByColumn(column: SkyGridColumnModel): void;
+    getSortDirection(columnField: string): Observable<string>;
+    getAriaSortDirection(column: SkyGridColumnModel): Observable<string>;
+    getCaretVisibility(columnField: string): Observable<string>;
+    getHelpInlineClass(columnField: string): Observable<boolean>;
+    onMultiselectCheckboxChange(): void;
+    updateColumnHeading(change: SkyGridColumnHeadingModelChange): void;
+    updateInlineHelpPopover(change: SkyGridColumnInlineHelpPopoverModelChange): void;
+    updateColumnDescription(change: SkyGridColumnDescriptionModelChange): void;
+    onResizeColumnStart(event: {
+        stopPropagation: () => void;
+        preventDefault: () => void;
+        pageX?: number;
+    }): void;
+    onKeydownResizeCol(event: KeyboardEvent): void;
+    onInputChangeResizeCol(event: Event): void;
+    onResizeHandleMove(event: MouseEvent): void;
+    onResizeHandleBlur(): void;
+    onResizeHandleFocus(event: FocusEvent): void;
+    onResizeHandleRelease(event: MouseEvent): void;
+    onRowClick(event: any, selectedItem: ListItemModel): void;
+    isRowHighlighted(id: string): boolean;
+    getRowHeight(index: number): string;
+    cancelRowDelete(id: string): void;
+    confirmRowDelete(id: string): void;
+    getRowDeleteItem(id: string): SkyGridRowDeleteConfig;
+    onTouchMove(event: any): void;
+    onTopScroll(event: any): void;
+    onGridScroll(event: any): void;
+    private checkUserColumnWidthsForScroll;
+    private multiselectSelectAll;
+    private multiselectClearAll;
+    private handleIncomingMessages;
+    private onHeaderDrop;
+    private setDisplayedColumns;
+    private transformData;
+    private getGridDataWithSelectedRows;
+    private applySelectedRows;
+    private setSortHeaders;
+    private getColumnsFromComponent;
+    private updateColumns;
+    private resizeColumnByIndex;
+    private initColumnWidths;
+    private transferColumnWidths;
+    private getColumnWidthModelChange;
+    private updateMaxRange;
+    private initializeResizeColumn;
+    private resetTableWidth;
+    private getRangeInputByIndex;
+    private getColumnModelByIndex;
+    private getMaxRangeByIndex;
+    private getLastDisplayedColumn;
+    private addDelimiter;
+    private destroyRowDelete;
+    private emitSelectedRows;
+    private getSelectedRows;
+    private isInteractiveElement;
+    private setResizeBarPosition;
+    private applyUserConfig;
+    private setUserConfig;
+    private initColumns;
+    private arraysEqual;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyGridComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyGridComponent, "sky-grid", never, { "columns": { "alias": "columns"; "required": false; }; "data": { "alias": "data"; "required": false; }; "enableMultiselect": { "alias": "enableMultiselect"; "required": false; }; "fit": { "alias": "fit"; "required": false; }; "hasToolbar": { "alias": "hasToolbar"; "required": false; }; "height": { "alias": "height"; "required": false; }; "highlightText": { "alias": "highlightText"; "required": false; }; "messageStream": { "alias": "messageStream"; "required": false; }; "multiselectRowId": { "alias": "multiselectRowId"; "required": false; }; "rowHighlightedId": { "alias": "rowHighlightedId"; "required": false; }; "selectedColumnIds": { "alias": "selectedColumnIds"; "required": false; }; "selectedRowIds": { "alias": "selectedRowIds"; "required": false; }; "settingsKey": { "alias": "settingsKey"; "required": false; }; "sortField": { "alias": "sortField"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "columnWidthChange": "columnWidthChange"; "multiselectSelectionChange": "multiselectSelectionChange"; "rowDeleteCancel": "rowDeleteCancel"; "rowDeleteConfirm": "rowDeleteConfirm"; "selectedColumnIdsChange": "selectedColumnIdsChange"; "sortFieldChange": "sortFieldChange"; }, ["columnComponents"], never, false, never>;
+}
+
+/**
+ * Specifies the column information.
+ * @deprecated `SkyGridComponent` and its features are deprecated. We recommend using the data grid instead. For more information, see https://developer.blackbaud.com/skyux/components/data-grid
+ */
+declare class SkyGridColumnComponent implements OnChanges {
+    /**
+     * The horizontal alignment of the column's data and header.
+     * Options include: `"left"`, `"center"`, and `"right"`.
+     * @default "left"
+     */
+    alignment: SkyGridColumnAlignment;
+    /**
+     * The description for the column.
+     */
+    description: string;
+    /**
+     * Whether to disable the highlighting of search text in the column.
+     * @default false
+     */
+    excludeFromHighlighting: boolean;
+    /**
+     * The property to retrieve cell information from an entry on the grid `data` array.
+     * You must provide either the `id` or `field` property for every column,
+     * but do not provide both. If `id` does not exist on a column, then `field` is the entry
+     * for the grid `selectedColumnIds` array.
+     */
+    field: string;
+    /**
+     * Text to display in the column header.
+     */
+    heading: string;
+    /**
+     * Whether the column is initially hidden when grid `selectedColumnIds` are not provided.
+     * @default false
+     */
+    hidden: boolean;
+    /**
+     * The unique ID for the column. You must provide either the `id` or `field` property
+     * for every column, but do not provide both. If `field` does not exist on a column,
+     * then the `id` property retrieves cell information from an entry on the grid `data` array.
+     */
+    id: string;
+    /**
+     * The template to display inside an inline help popup for this column.
+     */
+    inlineHelpPopover: any;
+    /**
+     * Whether the column sorts the grid when users click the column header.
+     * @default true
+     */
+    isSortable: boolean;
+    /**
+     * Whether the column is locked. The intent is to display locked columns first
+     * on the left side of the grid. If set to `true`, then users cannot drag the column
+     * to another position and or drag other columns before the locked column.
+     * @default false
+     */
+    locked: boolean;
+    /**
+     * The search function to apply for the specific column. By default,
+     * the column executes a string compare on the column data.
+     * @default (value, searchText) => value.toString().toLowerCase().indexOf(searchText) !== -1
+     */
+    searchFunction: (value: any, searchText: string) => boolean;
+    /**
+     * @internal
+     */
+    type: string;
+    /**
+     * The template for a column. This can be assigned as a reference
+     * to the `template` attribute, or it can be assigned as a child of the `template` element
+     * inside the `sky-grid-column` component. The template has access to the `value` variable,
+     * which contains the value passed to the column, and the `row` variable, which contains
+     * the entire row data.
+     */
+    templateInput: TemplateRef<unknown>;
+    /**
+     * The width of the column in pixels.
+     * If undefined, the column width is evenly distributed.
+     */
+    width: number;
+    descriptionChanges: EventEmitter<string>;
+    descriptionModelChanges: EventEmitter<SkyGridColumnDescriptionModelChange>;
+    headingChanges: EventEmitter<string>;
+    headingModelChanges: EventEmitter<SkyGridColumnHeadingModelChange>;
+    inlineHelpPopoverModelChanges: EventEmitter<SkyGridColumnInlineHelpPopoverModelChange>;
+    private templates;
+    ngOnChanges(changes: SimpleChanges): void;
+    get template(): TemplateRef<unknown>;
+    private search;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyGridColumnComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyGridColumnComponent, "sky-grid-column", never, { "alignment": { "alias": "alignment"; "required": false; }; "description": { "alias": "description"; "required": false; }; "excludeFromHighlighting": { "alias": "excludeFromHighlighting"; "required": false; }; "field": { "alias": "field"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "hidden": { "alias": "hidden"; "required": false; }; "id": { "alias": "id"; "required": false; }; "inlineHelpPopover": { "alias": "inlineHelpPopover"; "required": false; }; "isSortable": { "alias": "isSortable"; "required": false; }; "locked": { "alias": "locked"; "required": false; }; "searchFunction": { "alias": "search"; "required": false; }; "type": { "alias": "type"; "required": false; }; "templateInput": { "alias": "template"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, ["templates"], ["*"], false, never>;
+}
+
+/**
+ * @internal
+ * @deprecated `SkyGridComponent` and its features are deprecated. We recommend using the data grid instead. For more information, see https://developer.blackbaud.com/skyux/components/data-grid
+ */
+declare class SkyGridCellComponent implements OnInit {
+    item: ListItemModel;
+    columnId: string;
+    template: TemplateRef<unknown>;
+    fieldSelector: string;
+    private container;
+    ngOnInit(): void;
+    get row(): any;
+    get value(): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyGridCellComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyGridCellComponent, "sky-grid-cell", never, { "item": { "alias": "item"; "required": false; }; "columnId": { "alias": "columnId"; "required": false; }; "template": { "alias": "template"; "required": false; }; "fieldSelector": { "alias": "fieldSelector"; "required": false; }; }, {}, never, never, false, never>;
+}
+
+/**
+ * Import into any component library module that needs to use resource strings.
+ */
+declare class SkyGridsResourcesModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyGridsResourcesModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyGridsResourcesModule, never, never, [typeof i1.SkyI18nModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SkyGridsResourcesModule>;
+}
+
+/**
+ * @deprecated `SkyGridComponent` and its features are deprecated. We recommend using the data grid instead. For more information, see https://developer.blackbaud.com/skyux/components/data-grid
+ */
+declare class SkyGridModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyGridModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyGridModule, [typeof SkyGridComponent, typeof SkyGridColumnComponent, typeof SkyGridCellComponent], [typeof i4.CommonModule, typeof i5.DragulaModule, typeof i6.FormsModule, typeof i7.SkyAffixModule, typeof i8.SkyCheckboxModule, typeof SkyGridsResourcesModule, typeof i10.SkyHelpInlineModule, typeof i11.SkyIconModule, typeof i12.SkyInlineDeleteModule, typeof i13.SkyPopoverModule, typeof i14.SkyTextHighlightModule], [typeof SkyGridComponent, typeof SkyGridColumnComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SkyGridModule>;
+}
+
+/**
+ * @internal
+ * @deprecated `SkyGridComponent` and its features are deprecated. We recommend using the data grid instead. For more information, see https://developer.blackbaud.com/skyux/components/data-grid
+ */
+interface SkyGridUIConfig {
+    selectedColumnIds?: string[];
+}
+
+export { SkyGridColumnComponent, SkyGridColumnModel, SkyGridComponent, SkyGridMessageType, SkyGridModule, SkyGridSelectedRowsSource };
+export type { SkyGridColumnAlignment, SkyGridColumnDescriptionModelChange, SkyGridColumnHeadingModelChange, SkyGridColumnInlineHelpPopoverModelChange, SkyGridColumnWidthModelChange, SkyGridMessage, SkyGridRowDeleteCancelArgs, SkyGridRowDeleteConfig, SkyGridRowDeleteConfirmArgs, SkyGridSelectedRowsModelChange, SkyGridUIConfig };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/grids",
-  "version": "12.23.0",
+  "version": "13.0.0-alpha.0",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",
@@ -16,18 +16,18 @@
   },
   "homepage": "https://github.com/blackbaud/skyux#readme",
   "peerDependencies": {
-    "@angular/common": "^19.2.14",
-    "@angular/core": "^19.2.14",
-    "@angular/forms": "^19.2.14",
-    "@skyux/core": "12.23.0",
-    "@skyux/forms": "12.23.0",
-    "@skyux/help-inline": "12.23.0",
-    "@skyux/i18n": "12.23.0",
-    "@skyux/icon": "12.23.0",
-    "@skyux/indicators": "12.23.0",
-    "@skyux/layout": "12.23.0",
-    "@skyux/list-builder-common": "12.23.0",
-    "@skyux/popovers": "12.23.0"
+    "@angular/common": "^20.0.5",
+    "@angular/core": "^20.0.5",
+    "@angular/forms": "^20.0.5",
+    "@skyux/core": "13.0.0-alpha.0",
+    "@skyux/forms": "13.0.0-alpha.0",
+    "@skyux/help-inline": "13.0.0-alpha.0",
+    "@skyux/i18n": "13.0.0-alpha.0",
+    "@skyux/icon": "13.0.0-alpha.0",
+    "@skyux/indicators": "13.0.0-alpha.0",
+    "@skyux/layout": "13.0.0-alpha.0",
+    "@skyux/list-builder-common": "13.0.0-alpha.0",
+    "@skyux/popovers": "13.0.0-alpha.0"
   },
   "dependencies": {
     "@types/dragula": "2.1.36",

package/lib/modules/grid/grid-adapter.service.d.ts

@@ -1,17 +0,0 @@
-import { ElementRef, RendererFactory2 } from '@angular/core';
-import { DragulaService } from 'ng2-dragula';
-import * as i0 from "@angular/core";
-/**
- * @internal
- */
-export declare class SkyGridAdapterService {
-    private rendererFactory;
-    private renderer;
-    constructor(rendererFactory: RendererFactory2);
-    initializeDragAndDrop(dragulaGroupName: string, dragulaService: DragulaService, dropCallback: (newColumnIds: string[]) => void): void;
-    getRowHeight(el: ElementRef, index: number): string;
-    setStyle(el: ElementRef, style: string, value: string): void;
-    private isLeftOfLocked;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SkyGridAdapterService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<SkyGridAdapterService>;
-}