@skyux/grids 12.23.0 → 13.0.0-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/skyux-grids.mjs +21 -21
- package/fesm2022/skyux-grids.mjs.map +1 -1
- package/index.d.ts +584 -17
- package/package.json +13 -13
- package/lib/modules/grid/grid-adapter.service.d.ts +0 -17
- package/lib/modules/grid/grid-cell.component.d.ts +0 -19
- package/lib/modules/grid/grid-column.component.d.ts +0 -99
- package/lib/modules/grid/grid-column.model.d.ts +0 -25
- package/lib/modules/grid/grid.component.d.ts +0 -254
- package/lib/modules/grid/grid.module.d.ts +0 -23
- package/lib/modules/grid/types/grid-column-alignment.d.ts +0 -5
- package/lib/modules/grid/types/grid-column-description-model-change.d.ts +0 -9
- package/lib/modules/grid/types/grid-column-heading-model-change.d.ts +0 -9
- package/lib/modules/grid/types/grid-column-inline-help-popover-model-change.d.ts +0 -9
- package/lib/modules/grid/types/grid-column-width-model-change.d.ts +0 -17
- package/lib/modules/grid/types/grid-message-type.d.ts +0 -21
- package/lib/modules/grid/types/grid-message.d.ts +0 -21
- package/lib/modules/grid/types/grid-row-delete-cancel-args.d.ts +0 -7
- package/lib/modules/grid/types/grid-row-delete-config.d.ts +0 -8
- package/lib/modules/grid/types/grid-row-delete-confirm-args.d.ts +0 -7
- package/lib/modules/grid/types/grid-row-delete-contents.d.ts +0 -10
- package/lib/modules/grid/types/grid-selected-rows-model-change.d.ts +0 -16
- package/lib/modules/grid/types/grid-selected-rows-source.d.ts +0 -11
- package/lib/modules/grid/types/grid-ui-config.d.ts +0 -7
- package/lib/modules/shared/sky-grids-resources.module.d.ts +0 -10
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import { OnInit, TemplateRef } from '@angular/core';
|
|
2
|
-
import { ListItemModel } from '@skyux/list-builder-common';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
/**
|
|
5
|
-
* @internal
|
|
6
|
-
* @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
|
|
7
|
-
*/
|
|
8
|
-
export declare class SkyGridCellComponent implements OnInit {
|
|
9
|
-
item: ListItemModel;
|
|
10
|
-
columnId: string;
|
|
11
|
-
template: TemplateRef<unknown>;
|
|
12
|
-
fieldSelector: string;
|
|
13
|
-
private container;
|
|
14
|
-
ngOnInit(): void;
|
|
15
|
-
get row(): any;
|
|
16
|
-
get value(): any;
|
|
17
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyGridCellComponent, never>;
|
|
18
|
-
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>;
|
|
19
|
-
}
|
|
@@ -1,99 +0,0 @@
|
|
|
1
|
-
import { EventEmitter, OnChanges, SimpleChanges, TemplateRef } from '@angular/core';
|
|
2
|
-
import { SkyGridColumnAlignment } from './types/grid-column-alignment';
|
|
3
|
-
import { SkyGridColumnDescriptionModelChange } from './types/grid-column-description-model-change';
|
|
4
|
-
import { SkyGridColumnHeadingModelChange } from './types/grid-column-heading-model-change';
|
|
5
|
-
import { SkyGridColumnInlineHelpPopoverModelChange } from './types/grid-column-inline-help-popover-model-change';
|
|
6
|
-
import * as i0 from "@angular/core";
|
|
7
|
-
/**
|
|
8
|
-
* Specifies the column information.
|
|
9
|
-
* @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
|
|
10
|
-
*/
|
|
11
|
-
export declare class SkyGridColumnComponent implements OnChanges {
|
|
12
|
-
/**
|
|
13
|
-
* The horizontal alignment of the column's data and header.
|
|
14
|
-
* Options include: `"left"`, `"center"`, and `"right"`.
|
|
15
|
-
* @default "left"
|
|
16
|
-
*/
|
|
17
|
-
alignment: SkyGridColumnAlignment;
|
|
18
|
-
/**
|
|
19
|
-
* The description for the column.
|
|
20
|
-
*/
|
|
21
|
-
description: string;
|
|
22
|
-
/**
|
|
23
|
-
* Whether to disable the highlighting of search text in the column.
|
|
24
|
-
* @default false
|
|
25
|
-
*/
|
|
26
|
-
excludeFromHighlighting: boolean;
|
|
27
|
-
/**
|
|
28
|
-
* The property to retrieve cell information from an entry on the grid `data` array.
|
|
29
|
-
* You must provide either the `id` or `field` property for every column,
|
|
30
|
-
* but do not provide both. If `id` does not exist on a column, then `field` is the entry
|
|
31
|
-
* for the grid `selectedColumnIds` array.
|
|
32
|
-
*/
|
|
33
|
-
field: string;
|
|
34
|
-
/**
|
|
35
|
-
* Text to display in the column header.
|
|
36
|
-
*/
|
|
37
|
-
heading: string;
|
|
38
|
-
/**
|
|
39
|
-
* Whether the column is initially hidden when grid `selectedColumnIds` are not provided.
|
|
40
|
-
* @default false
|
|
41
|
-
*/
|
|
42
|
-
hidden: boolean;
|
|
43
|
-
/**
|
|
44
|
-
* The unique ID for the column. You must provide either the `id` or `field` property
|
|
45
|
-
* for every column, but do not provide both. If `field` does not exist on a column,
|
|
46
|
-
* then the `id` property retrieves cell information from an entry on the grid `data` array.
|
|
47
|
-
*/
|
|
48
|
-
id: string;
|
|
49
|
-
/**
|
|
50
|
-
* The template to display inside an inline help popup for this column.
|
|
51
|
-
*/
|
|
52
|
-
inlineHelpPopover: any;
|
|
53
|
-
/**
|
|
54
|
-
* Whether the column sorts the grid when users click the column header.
|
|
55
|
-
* @default true
|
|
56
|
-
*/
|
|
57
|
-
isSortable: boolean;
|
|
58
|
-
/**
|
|
59
|
-
* Whether the column is locked. The intent is to display locked columns first
|
|
60
|
-
* on the left side of the grid. If set to `true`, then users cannot drag the column
|
|
61
|
-
* to another position and or drag other columns before the locked column.
|
|
62
|
-
* @default false
|
|
63
|
-
*/
|
|
64
|
-
locked: boolean;
|
|
65
|
-
/**
|
|
66
|
-
* The search function to apply for the specific column. By default,
|
|
67
|
-
* the column executes a string compare on the column data.
|
|
68
|
-
* @default (value, searchText) => value.toString().toLowerCase().indexOf(searchText) !== -1
|
|
69
|
-
*/
|
|
70
|
-
searchFunction: (value: any, searchText: string) => boolean;
|
|
71
|
-
/**
|
|
72
|
-
* @internal
|
|
73
|
-
*/
|
|
74
|
-
type: string;
|
|
75
|
-
/**
|
|
76
|
-
* The template for a column. This can be assigned as a reference
|
|
77
|
-
* to the `template` attribute, or it can be assigned as a child of the `template` element
|
|
78
|
-
* inside the `sky-grid-column` component. The template has access to the `value` variable,
|
|
79
|
-
* which contains the value passed to the column, and the `row` variable, which contains
|
|
80
|
-
* the entire row data.
|
|
81
|
-
*/
|
|
82
|
-
templateInput: TemplateRef<unknown>;
|
|
83
|
-
/**
|
|
84
|
-
* The width of the column in pixels.
|
|
85
|
-
* If undefined, the column width is evenly distributed.
|
|
86
|
-
*/
|
|
87
|
-
width: number;
|
|
88
|
-
descriptionChanges: EventEmitter<string>;
|
|
89
|
-
descriptionModelChanges: EventEmitter<SkyGridColumnDescriptionModelChange>;
|
|
90
|
-
headingChanges: EventEmitter<string>;
|
|
91
|
-
headingModelChanges: EventEmitter<SkyGridColumnHeadingModelChange>;
|
|
92
|
-
inlineHelpPopoverModelChanges: EventEmitter<SkyGridColumnInlineHelpPopoverModelChange>;
|
|
93
|
-
private templates;
|
|
94
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
95
|
-
get template(): TemplateRef<unknown>;
|
|
96
|
-
private search;
|
|
97
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyGridColumnComponent, never>;
|
|
98
|
-
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>;
|
|
99
|
-
}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { TemplateRef } from '@angular/core';
|
|
2
|
-
import { SkyGridColumnAlignment } from './types/grid-column-alignment';
|
|
3
|
-
/**
|
|
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
|
|
5
|
-
*/
|
|
6
|
-
export declare class SkyGridColumnModel {
|
|
7
|
-
template: TemplateRef<unknown>;
|
|
8
|
-
id: string;
|
|
9
|
-
field: string;
|
|
10
|
-
heading: string;
|
|
11
|
-
inlineHelpPopover: any;
|
|
12
|
-
type: string;
|
|
13
|
-
width: number;
|
|
14
|
-
hidden: boolean;
|
|
15
|
-
locked: boolean;
|
|
16
|
-
description: string;
|
|
17
|
-
isSortable: boolean;
|
|
18
|
-
excludeFromHighlighting: boolean;
|
|
19
|
-
/**
|
|
20
|
-
* The horizontal alignment of the column's data and header.
|
|
21
|
-
*/
|
|
22
|
-
alignment: SkyGridColumnAlignment;
|
|
23
|
-
searchFunction: (data: any, searchText: string) => boolean;
|
|
24
|
-
constructor(template: TemplateRef<unknown>, data?: any);
|
|
25
|
-
}
|
|
@@ -1,254 +0,0 @@
|
|
|
1
|
-
import { AfterContentInit, AfterViewInit, ChangeDetectorRef, EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
|
|
2
|
-
import { SkyAffixService, SkyAppWindowRef, SkyLogService, SkyOverlayService, SkyUIConfigService } from '@skyux/core';
|
|
3
|
-
import { ListItemModel, ListSortFieldSelectorModel } from '@skyux/list-builder-common';
|
|
4
|
-
import { DragulaService } from 'ng2-dragula';
|
|
5
|
-
import { BehaviorSubject, Observable, Subject } from 'rxjs';
|
|
6
|
-
import { SkyGridAdapterService } from './grid-adapter.service';
|
|
7
|
-
import { SkyGridColumnModel } from './grid-column.model';
|
|
8
|
-
import { SkyGridColumnDescriptionModelChange } from './types/grid-column-description-model-change';
|
|
9
|
-
import { SkyGridColumnHeadingModelChange } from './types/grid-column-heading-model-change';
|
|
10
|
-
import { SkyGridColumnInlineHelpPopoverModelChange } from './types/grid-column-inline-help-popover-model-change';
|
|
11
|
-
import { SkyGridColumnWidthModelChange } from './types/grid-column-width-model-change';
|
|
12
|
-
import { SkyGridMessage } from './types/grid-message';
|
|
13
|
-
import { SkyGridRowDeleteCancelArgs } from './types/grid-row-delete-cancel-args';
|
|
14
|
-
import { SkyGridRowDeleteConfig } from './types/grid-row-delete-config';
|
|
15
|
-
import { SkyGridRowDeleteConfirmArgs } from './types/grid-row-delete-confirm-args';
|
|
16
|
-
import { SkyGridSelectedRowsModelChange } from './types/grid-selected-rows-model-change';
|
|
17
|
-
import * as i0 from "@angular/core";
|
|
18
|
-
/**
|
|
19
|
-
* @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
|
|
20
|
-
*/
|
|
21
|
-
export declare class SkyGridComponent implements OnInit, AfterContentInit, AfterViewInit, OnChanges, OnDestroy {
|
|
22
|
-
#private;
|
|
23
|
-
private affixService;
|
|
24
|
-
private changeDetector;
|
|
25
|
-
private dragulaService;
|
|
26
|
-
private gridAdapter;
|
|
27
|
-
private overlayService;
|
|
28
|
-
private skyWindow;
|
|
29
|
-
private uiConfigService;
|
|
30
|
-
/**
|
|
31
|
-
* Columns and column properties for the grid.
|
|
32
|
-
*/
|
|
33
|
-
set columns(newColumns: SkyGridColumnModel[]);
|
|
34
|
-
get columns(): SkyGridColumnModel[];
|
|
35
|
-
/**
|
|
36
|
-
* The data for the grid. Each item requires an `id` and a property that maps
|
|
37
|
-
* to the `field` or `id` property of each column in the grid.
|
|
38
|
-
*/
|
|
39
|
-
data: any[];
|
|
40
|
-
/**
|
|
41
|
-
* Whether to enable the multiselect feature to display a column of
|
|
42
|
-
* checkboxes on the left side of the grid. You can specify a unique ID with
|
|
43
|
-
* the `multiselectRowId` property, but multiselect defaults to the `id` property on
|
|
44
|
-
* the `data` object.
|
|
45
|
-
* @default false
|
|
46
|
-
*/
|
|
47
|
-
enableMultiselect: boolean;
|
|
48
|
-
/**
|
|
49
|
-
* How the grid fits to its parent. The valid options are `width`,
|
|
50
|
-
* which fits the grid to the parent's full width, and `scroll`, which allows the grid
|
|
51
|
-
* to exceed the parent's width. If the grid does not have enough columns to fill
|
|
52
|
-
* the parent's width, it always stretches to the parent's full width.
|
|
53
|
-
* @default "width"
|
|
54
|
-
*/
|
|
55
|
-
fit: string;
|
|
56
|
-
/**
|
|
57
|
-
* Whether to display a toolbar with the grid.
|
|
58
|
-
*/
|
|
59
|
-
hasToolbar: boolean;
|
|
60
|
-
/**
|
|
61
|
-
* The height of the grid.
|
|
62
|
-
*/
|
|
63
|
-
height: number;
|
|
64
|
-
/**
|
|
65
|
-
* Text to highlight within the grid.
|
|
66
|
-
* Typically, this property is used in conjunction with search.
|
|
67
|
-
*/
|
|
68
|
-
highlightText: string;
|
|
69
|
-
/**
|
|
70
|
-
* The observable to send commands to the grid.
|
|
71
|
-
*/
|
|
72
|
-
messageStream: Subject<SkyGridMessage>;
|
|
73
|
-
/**
|
|
74
|
-
* The unique ID that matches a property on the `data` object.
|
|
75
|
-
* By default, this property uses the `id` property.
|
|
76
|
-
*/
|
|
77
|
-
multiselectRowId: string;
|
|
78
|
-
/**
|
|
79
|
-
* The ID of the row to highlight. The ID matches the `id` property
|
|
80
|
-
* of the `data` object. Typically, this property is used in conjunction with
|
|
81
|
-
* the flyout component to indicate the currently selected row.
|
|
82
|
-
*/
|
|
83
|
-
rowHighlightedId: string;
|
|
84
|
-
/**
|
|
85
|
-
* The columns to display in the grid based on the `id` or `field` properties
|
|
86
|
-
* of the columns. If no columns are specified, then the grid displays all columns.
|
|
87
|
-
*/
|
|
88
|
-
set selectedColumnIds(value: string[]);
|
|
89
|
-
get selectedColumnIds(): string[];
|
|
90
|
-
/**
|
|
91
|
-
* The set of IDs for the rows to select in a multiselect grid.
|
|
92
|
-
* The IDs match the `id` properties of the `data` objects.
|
|
93
|
-
* Rows with IDs that are not included are de-selected in the grid.
|
|
94
|
-
*/
|
|
95
|
-
set selectedRowIds(value: string[]);
|
|
96
|
-
get selectedRowIds(): string[];
|
|
97
|
-
/**
|
|
98
|
-
* The unique key for the UI Config Service to retrieve stored settings from a database.
|
|
99
|
-
* The UI Config Service saves configuration settings for users and returns
|
|
100
|
-
* `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).
|
|
101
|
-
*/
|
|
102
|
-
settingsKey: string;
|
|
103
|
-
/**
|
|
104
|
-
* Displays a caret in the column that was used to sort the grid. This is particularly useful
|
|
105
|
-
* when you programmatically sort data and want to visually indicate how the grid was sorted.
|
|
106
|
-
* This property accepts a `ListSortFieldSelectorModel` value with the following properties:
|
|
107
|
-
* - `fieldSelector` Represents the current sort field. This property accepts `string` values.
|
|
108
|
-
* - `descending` Indicates whether to sort in descending order. The caret that visually
|
|
109
|
-
* indicates the sort order points down for descending order and up for ascending order.
|
|
110
|
-
* This property accepts `boolean` values. Default is `false`.
|
|
111
|
-
*/
|
|
112
|
-
sortField: ListSortFieldSelectorModel;
|
|
113
|
-
/**
|
|
114
|
-
* The width of the grid in pixels.
|
|
115
|
-
*/
|
|
116
|
-
width: number;
|
|
117
|
-
/**
|
|
118
|
-
* Fires when the width of a column changes.
|
|
119
|
-
*/
|
|
120
|
-
columnWidthChange: EventEmitter<SkyGridColumnWidthModelChange[]>;
|
|
121
|
-
/**
|
|
122
|
-
* Fires when the selection of multiselect checkboxes changes.
|
|
123
|
-
* Emits an array of IDs for the selected rows based on the `multiselectRowId` property
|
|
124
|
-
* that the consumer provides.
|
|
125
|
-
*/
|
|
126
|
-
multiselectSelectionChange: EventEmitter<SkyGridSelectedRowsModelChange>;
|
|
127
|
-
/**
|
|
128
|
-
* @internal
|
|
129
|
-
*/
|
|
130
|
-
rowDeleteCancel: EventEmitter<SkyGridRowDeleteCancelArgs>;
|
|
131
|
-
/**
|
|
132
|
-
* @internal
|
|
133
|
-
*/
|
|
134
|
-
rowDeleteConfirm: EventEmitter<SkyGridRowDeleteConfirmArgs>;
|
|
135
|
-
/**
|
|
136
|
-
* Fires when the columns to display in the grid change or when the order of the columns changes.
|
|
137
|
-
* The event emits an array of IDs for the displayed columns that reflects the column order.
|
|
138
|
-
*/
|
|
139
|
-
selectedColumnIdsChange: EventEmitter<string[]>;
|
|
140
|
-
/**
|
|
141
|
-
* Fires when the active sort field changes.
|
|
142
|
-
*/
|
|
143
|
-
sortFieldChange: EventEmitter<ListSortFieldSelectorModel>;
|
|
144
|
-
columnResizeStep: number;
|
|
145
|
-
currentSortField: BehaviorSubject<ListSortFieldSelectorModel>;
|
|
146
|
-
displayedColumns: SkyGridColumnModel[];
|
|
147
|
-
dragulaGroupName: string;
|
|
148
|
-
gridId: number;
|
|
149
|
-
rowDeleteConfigs: SkyGridRowDeleteConfig[];
|
|
150
|
-
items: any[];
|
|
151
|
-
maxColWidth: number;
|
|
152
|
-
minColWidth: number;
|
|
153
|
-
showResizeBar: boolean;
|
|
154
|
-
showTopScroll: boolean;
|
|
155
|
-
get tableWidth(): any;
|
|
156
|
-
private columnComponents;
|
|
157
|
-
private columnElementRefs;
|
|
158
|
-
private columnRangeInputElementRefs;
|
|
159
|
-
private inlineDeleteRefs;
|
|
160
|
-
private inlineDeleteTemplateRef;
|
|
161
|
-
private tableContainerElementRef;
|
|
162
|
-
private tableElementRef;
|
|
163
|
-
private topScrollContainerElementRef;
|
|
164
|
-
private resizeBar;
|
|
165
|
-
private activeResizeColumnIndex;
|
|
166
|
-
private isDraggingResizeHandle;
|
|
167
|
-
private isResized;
|
|
168
|
-
private ngUnsubscribe;
|
|
169
|
-
private rowDeleteContents;
|
|
170
|
-
private startColumnWidth;
|
|
171
|
-
private subscriptions;
|
|
172
|
-
private scrollTriggered;
|
|
173
|
-
private selectedColumnIdsSet;
|
|
174
|
-
private xPosStart;
|
|
175
|
-
private _columns;
|
|
176
|
-
private _selectedColumnIds;
|
|
177
|
-
private _selectedRowIds;
|
|
178
|
-
constructor(affixService: SkyAffixService, changeDetector: ChangeDetectorRef, dragulaService: DragulaService, gridAdapter: SkyGridAdapterService, overlayService: SkyOverlayService, skyWindow: SkyAppWindowRef, uiConfigService: SkyUIConfigService, logger: SkyLogService);
|
|
179
|
-
ngOnInit(): void;
|
|
180
|
-
ngAfterContentInit(): void;
|
|
181
|
-
ngAfterViewInit(): void;
|
|
182
|
-
ngOnChanges(changes: SimpleChanges): void;
|
|
183
|
-
ngOnDestroy(): void;
|
|
184
|
-
onWindowResize(): void;
|
|
185
|
-
getTopScrollWidth(): string;
|
|
186
|
-
getTableClassNames(): string;
|
|
187
|
-
getTableHeaderClassNames(column: SkyGridColumnModel): string;
|
|
188
|
-
getCaretIconNames(column: SkyGridColumnModel): string;
|
|
189
|
-
onKeydown(event: KeyboardEvent, column: SkyGridColumnModel): void;
|
|
190
|
-
sortByColumn(column: SkyGridColumnModel): void;
|
|
191
|
-
getSortDirection(columnField: string): Observable<string>;
|
|
192
|
-
getAriaSortDirection(column: SkyGridColumnModel): Observable<string>;
|
|
193
|
-
getCaretVisibility(columnField: string): Observable<string>;
|
|
194
|
-
getHelpInlineClass(columnField: string): Observable<boolean>;
|
|
195
|
-
onMultiselectCheckboxChange(): void;
|
|
196
|
-
updateColumnHeading(change: SkyGridColumnHeadingModelChange): void;
|
|
197
|
-
updateInlineHelpPopover(change: SkyGridColumnInlineHelpPopoverModelChange): void;
|
|
198
|
-
updateColumnDescription(change: SkyGridColumnDescriptionModelChange): void;
|
|
199
|
-
onResizeColumnStart(event: {
|
|
200
|
-
stopPropagation: () => void;
|
|
201
|
-
preventDefault: () => void;
|
|
202
|
-
pageX?: number;
|
|
203
|
-
}): void;
|
|
204
|
-
onKeydownResizeCol(event: KeyboardEvent): void;
|
|
205
|
-
onInputChangeResizeCol(event: Event): void;
|
|
206
|
-
onResizeHandleMove(event: MouseEvent): void;
|
|
207
|
-
onResizeHandleBlur(): void;
|
|
208
|
-
onResizeHandleFocus(event: FocusEvent): void;
|
|
209
|
-
onResizeHandleRelease(event: MouseEvent): void;
|
|
210
|
-
onRowClick(event: any, selectedItem: ListItemModel): void;
|
|
211
|
-
isRowHighlighted(id: string): boolean;
|
|
212
|
-
getRowHeight(index: number): string;
|
|
213
|
-
cancelRowDelete(id: string): void;
|
|
214
|
-
confirmRowDelete(id: string): void;
|
|
215
|
-
getRowDeleteItem(id: string): SkyGridRowDeleteConfig;
|
|
216
|
-
onTouchMove(event: any): void;
|
|
217
|
-
onTopScroll(event: any): void;
|
|
218
|
-
onGridScroll(event: any): void;
|
|
219
|
-
private checkUserColumnWidthsForScroll;
|
|
220
|
-
private multiselectSelectAll;
|
|
221
|
-
private multiselectClearAll;
|
|
222
|
-
private handleIncomingMessages;
|
|
223
|
-
private onHeaderDrop;
|
|
224
|
-
private setDisplayedColumns;
|
|
225
|
-
private transformData;
|
|
226
|
-
private getGridDataWithSelectedRows;
|
|
227
|
-
private applySelectedRows;
|
|
228
|
-
private setSortHeaders;
|
|
229
|
-
private getColumnsFromComponent;
|
|
230
|
-
private updateColumns;
|
|
231
|
-
private resizeColumnByIndex;
|
|
232
|
-
private initColumnWidths;
|
|
233
|
-
private transferColumnWidths;
|
|
234
|
-
private getColumnWidthModelChange;
|
|
235
|
-
private updateMaxRange;
|
|
236
|
-
private initializeResizeColumn;
|
|
237
|
-
private resetTableWidth;
|
|
238
|
-
private getRangeInputByIndex;
|
|
239
|
-
private getColumnModelByIndex;
|
|
240
|
-
private getMaxRangeByIndex;
|
|
241
|
-
private getLastDisplayedColumn;
|
|
242
|
-
private addDelimiter;
|
|
243
|
-
private destroyRowDelete;
|
|
244
|
-
private emitSelectedRows;
|
|
245
|
-
private getSelectedRows;
|
|
246
|
-
private isInteractiveElement;
|
|
247
|
-
private setResizeBarPosition;
|
|
248
|
-
private applyUserConfig;
|
|
249
|
-
private setUserConfig;
|
|
250
|
-
private initColumns;
|
|
251
|
-
private arraysEqual;
|
|
252
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyGridComponent, never>;
|
|
253
|
-
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>;
|
|
254
|
-
}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "./grid.component";
|
|
3
|
-
import * as i2 from "./grid-column.component";
|
|
4
|
-
import * as i3 from "./grid-cell.component";
|
|
5
|
-
import * as i4 from "@angular/common";
|
|
6
|
-
import * as i5 from "ng2-dragula";
|
|
7
|
-
import * as i6 from "@angular/forms";
|
|
8
|
-
import * as i7 from "@skyux/core";
|
|
9
|
-
import * as i8 from "@skyux/forms";
|
|
10
|
-
import * as i9 from "../shared/sky-grids-resources.module";
|
|
11
|
-
import * as i10 from "@skyux/help-inline";
|
|
12
|
-
import * as i11 from "@skyux/icon";
|
|
13
|
-
import * as i12 from "@skyux/layout";
|
|
14
|
-
import * as i13 from "@skyux/popovers";
|
|
15
|
-
import * as i14 from "@skyux/indicators";
|
|
16
|
-
/**
|
|
17
|
-
* @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
|
|
18
|
-
*/
|
|
19
|
-
export declare class SkyGridModule {
|
|
20
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyGridModule, never>;
|
|
21
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<SkyGridModule, [typeof i1.SkyGridComponent, typeof i2.SkyGridColumnComponent, typeof i3.SkyGridCellComponent], [typeof i4.CommonModule, typeof i5.DragulaModule, typeof i6.FormsModule, typeof i7.SkyAffixModule, typeof i8.SkyCheckboxModule, typeof i9.SkyGridsResourcesModule, typeof i10.SkyHelpInlineModule, typeof i11.SkyIconModule, typeof i12.SkyInlineDeleteModule, typeof i13.SkyPopoverModule, typeof i14.SkyTextHighlightModule], [typeof i1.SkyGridComponent, typeof i2.SkyGridColumnComponent]>;
|
|
22
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<SkyGridModule>;
|
|
23
|
-
}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Represents the horizontal alignment of the column's data and header.
|
|
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
|
|
4
|
-
*/
|
|
5
|
-
export type SkyGridColumnAlignment = 'left' | 'center' | 'right';
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @internal
|
|
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
|
|
4
|
-
*/
|
|
5
|
-
export interface SkyGridColumnDescriptionModelChange {
|
|
6
|
-
value?: string;
|
|
7
|
-
id?: string;
|
|
8
|
-
field?: string;
|
|
9
|
-
}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @internal
|
|
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
|
|
4
|
-
*/
|
|
5
|
-
export interface SkyGridColumnHeadingModelChange {
|
|
6
|
-
value?: string;
|
|
7
|
-
id?: string;
|
|
8
|
-
field?: string;
|
|
9
|
-
}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @internal
|
|
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
|
|
4
|
-
*/
|
|
5
|
-
export interface SkyGridColumnInlineHelpPopoverModelChange {
|
|
6
|
-
value?: any;
|
|
7
|
-
id?: string;
|
|
8
|
-
field?: string;
|
|
9
|
-
}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @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
|
|
3
|
-
*/
|
|
4
|
-
export interface SkyGridColumnWidthModelChange {
|
|
5
|
-
/**
|
|
6
|
-
* The ID of the column.
|
|
7
|
-
*/
|
|
8
|
-
id?: string;
|
|
9
|
-
/**
|
|
10
|
-
* The field of the column.
|
|
11
|
-
*/
|
|
12
|
-
field?: string;
|
|
13
|
-
/**
|
|
14
|
-
* The width of the column in pixels.
|
|
15
|
-
*/
|
|
16
|
-
width: number;
|
|
17
|
-
}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @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
|
|
3
|
-
*/
|
|
4
|
-
export declare enum SkyGridMessageType {
|
|
5
|
-
/**
|
|
6
|
-
* Selects the multiselect checkboxes for all rows in the grid.
|
|
7
|
-
*/
|
|
8
|
-
SelectAll = 0,
|
|
9
|
-
/**
|
|
10
|
-
* Clears the multiselect checkboxes for all rows in the grid.
|
|
11
|
-
*/
|
|
12
|
-
ClearAll = 1,
|
|
13
|
-
/**
|
|
14
|
-
* @internal
|
|
15
|
-
*/
|
|
16
|
-
PromptDeleteRow = 2,
|
|
17
|
-
/**
|
|
18
|
-
* @internal
|
|
19
|
-
*/
|
|
20
|
-
AbortDeleteRow = 3
|
|
21
|
-
}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { SkyGridMessageType } from './grid-message-type';
|
|
2
|
-
/**
|
|
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
|
|
4
|
-
*/
|
|
5
|
-
export interface SkyGridMessage {
|
|
6
|
-
/**
|
|
7
|
-
* The type of message being sent.
|
|
8
|
-
*/
|
|
9
|
-
type: SkyGridMessageType;
|
|
10
|
-
/**
|
|
11
|
-
* @internal
|
|
12
|
-
*/
|
|
13
|
-
data?: {
|
|
14
|
-
abortDeleteRow?: {
|
|
15
|
-
id: string;
|
|
16
|
-
};
|
|
17
|
-
promptDeleteRow?: {
|
|
18
|
-
id: string;
|
|
19
|
-
};
|
|
20
|
-
};
|
|
21
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @internal
|
|
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
|
|
4
|
-
*/
|
|
5
|
-
export interface SkyGridRowDeleteCancelArgs {
|
|
6
|
-
id: string;
|
|
7
|
-
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @internal
|
|
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
|
|
4
|
-
*/
|
|
5
|
-
export interface SkyGridRowDeleteConfig {
|
|
6
|
-
id: string;
|
|
7
|
-
pending: boolean;
|
|
8
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @internal
|
|
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
|
|
4
|
-
*/
|
|
5
|
-
export interface SkyGridRowDeleteConfirmArgs {
|
|
6
|
-
id: string;
|
|
7
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { SkyAffixer, SkyOverlayInstance } from '@skyux/core';
|
|
2
|
-
/**
|
|
3
|
-
* Model for tracking the affixer and overlay of a row delete's inline delete.
|
|
4
|
-
* @internal
|
|
5
|
-
* @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
|
|
6
|
-
*/
|
|
7
|
-
export interface SkyGridRowDeleteContents {
|
|
8
|
-
affixer: SkyAffixer;
|
|
9
|
-
overlay: SkyOverlayInstance;
|
|
10
|
-
}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { SkyGridSelectedRowsSource } from './grid-selected-rows-source';
|
|
2
|
-
/**
|
|
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
|
|
4
|
-
*/
|
|
5
|
-
export interface SkyGridSelectedRowsModelChange {
|
|
6
|
-
/**
|
|
7
|
-
* The IDs of the rows that are selected.
|
|
8
|
-
*/
|
|
9
|
-
selectedRowIds?: string[];
|
|
10
|
-
/**
|
|
11
|
-
* @internal
|
|
12
|
-
* Defines the source of the change. This will typically be used to determine
|
|
13
|
-
* if the change came from user interaction or a programmatic source.
|
|
14
|
-
*/
|
|
15
|
-
source?: SkyGridSelectedRowsSource;
|
|
16
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @internal
|
|
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
|
|
4
|
-
*/
|
|
5
|
-
export declare enum SkyGridSelectedRowsSource {
|
|
6
|
-
CheckboxChange = 0,
|
|
7
|
-
ClearAll = 1,
|
|
8
|
-
RowClick = 2,
|
|
9
|
-
SelectAll = 3,
|
|
10
|
-
SelectedRowIdsChange = 4
|
|
11
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @internal
|
|
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
|
|
4
|
-
*/
|
|
5
|
-
export interface SkyGridUIConfig {
|
|
6
|
-
selectedColumnIds?: string[];
|
|
7
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "@skyux/i18n";
|
|
3
|
-
/**
|
|
4
|
-
* Import into any component library module that needs to use resource strings.
|
|
5
|
-
*/
|
|
6
|
-
export declare class SkyGridsResourcesModule {
|
|
7
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<SkyGridsResourcesModule, never>;
|
|
8
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<SkyGridsResourcesModule, never, never, [typeof i1.SkyI18nModule]>;
|
|
9
|
-
static ɵinj: i0.ɵɵInjectorDeclaration<SkyGridsResourcesModule>;
|
|
10
|
-
}
|