@skyux/grids 7.4.2 → 7.6.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/documentation.json +35 -35
- package/esm2020/lib/modules/grid/grid-column.component.mjs +4 -4
- package/esm2020/lib/modules/grid/grid.component.mjs +12 -12
- package/esm2020/lib/modules/grid/types/grid-column-width-model-change.mjs +1 -1
- package/esm2020/lib/modules/grid/types/grid-message.mjs +1 -1
- package/esm2020/lib/modules/grid/types/grid-selected-rows-model-change.mjs +1 -1
- package/fesm2015/skyux-grids.mjs +14 -14
- package/fesm2015/skyux-grids.mjs.map +1 -1
- package/fesm2020/skyux-grids.mjs +14 -14
- package/fesm2020/skyux-grids.mjs.map +1 -1
- package/lib/modules/grid/grid-column.component.d.ts +13 -13
- package/lib/modules/grid/grid.component.d.ts +15 -15
- package/lib/modules/grid/types/grid-column-width-model-change.d.ts +3 -3
- package/lib/modules/grid/types/grid-message.d.ts +1 -1
- package/lib/modules/grid/types/grid-selected-rows-model-change.d.ts +1 -1
- package/package.json +8 -8
package/fesm2020/skyux-grids.mjs
CHANGED
|
@@ -110,18 +110,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.11", ngImpo
|
|
|
110
110
|
class SkyGridColumnComponent {
|
|
111
111
|
constructor() {
|
|
112
112
|
/**
|
|
113
|
-
*
|
|
113
|
+
* The horizontal alignment of the column's data and header.
|
|
114
114
|
* Options include: `"left"`, `"center"`, and `"right"`.
|
|
115
115
|
* @default "left"
|
|
116
116
|
*/
|
|
117
117
|
this.alignment = 'left';
|
|
118
118
|
/**
|
|
119
|
-
*
|
|
119
|
+
* Whether the column sorts the grid when users click the column header.
|
|
120
120
|
* @default true
|
|
121
121
|
*/
|
|
122
122
|
this.isSortable = true;
|
|
123
123
|
/**
|
|
124
|
-
*
|
|
124
|
+
* The search function to apply for the specific column. By default,
|
|
125
125
|
* the column executes a string compare on the column data.
|
|
126
126
|
* @default (value, searchText) => value.toString().toLowerCase().indexOf(searchText) !== -1
|
|
127
127
|
*/
|
|
@@ -378,7 +378,7 @@ class SkyGridComponent {
|
|
|
378
378
|
this.skyWindow = skyWindow;
|
|
379
379
|
this.uiConfigService = uiConfigService;
|
|
380
380
|
/**
|
|
381
|
-
*
|
|
381
|
+
* Whether to enable the multiselect feature to display a column of
|
|
382
382
|
* checkboxes on the left side of the grid. You can specify a unique ID with
|
|
383
383
|
* the `multiselectRowId` property, but multiselect defaults to the `id` property on
|
|
384
384
|
* the `data` object.
|
|
@@ -386,7 +386,7 @@ class SkyGridComponent {
|
|
|
386
386
|
*/
|
|
387
387
|
this.enableMultiselect = false;
|
|
388
388
|
/**
|
|
389
|
-
*
|
|
389
|
+
* How the grid fits to its parent. The valid options are `width`,
|
|
390
390
|
* which fits the grid to the parent's full width, and `scroll`, which allows the grid
|
|
391
391
|
* to exceed the parent's width. If the grid does not have enough columns to fill
|
|
392
392
|
* the parent's width, it always stretches to the parent's full width.
|
|
@@ -394,11 +394,11 @@ class SkyGridComponent {
|
|
|
394
394
|
*/
|
|
395
395
|
this.fit = 'width';
|
|
396
396
|
/**
|
|
397
|
-
*
|
|
397
|
+
* Whether to display a toolbar with the grid.
|
|
398
398
|
*/
|
|
399
399
|
this.hasToolbar = false;
|
|
400
400
|
/**
|
|
401
|
-
*
|
|
401
|
+
* The observable to send commands to the grid.
|
|
402
402
|
*/
|
|
403
403
|
this.messageStream = new Subject();
|
|
404
404
|
/**
|
|
@@ -456,7 +456,7 @@ class SkyGridComponent {
|
|
|
456
456
|
this.dragulaGroupName = `sky-grids-group-${this.gridId}`;
|
|
457
457
|
}
|
|
458
458
|
/**
|
|
459
|
-
*
|
|
459
|
+
* Columns and column properties for the grid.
|
|
460
460
|
*/
|
|
461
461
|
set columns(newColumns) {
|
|
462
462
|
const oldColumns = this.columns;
|
|
@@ -472,7 +472,7 @@ class SkyGridComponent {
|
|
|
472
472
|
return this._columns;
|
|
473
473
|
}
|
|
474
474
|
/**
|
|
475
|
-
*
|
|
475
|
+
* The columns to display in the grid based on the `id` or `field` properties
|
|
476
476
|
* of the columns. If no columns are specified, then the grid displays all columns.
|
|
477
477
|
*/
|
|
478
478
|
set selectedColumnIds(value) {
|
|
@@ -501,7 +501,7 @@ class SkyGridComponent {
|
|
|
501
501
|
return this._selectedColumnIds;
|
|
502
502
|
}
|
|
503
503
|
/**
|
|
504
|
-
*
|
|
504
|
+
* The set of IDs for the rows to select in a multiselect grid.
|
|
505
505
|
* The IDs match the `id` properties of the `data` objects.
|
|
506
506
|
* Rows with IDs that are not included are de-selected in the grid.
|
|
507
507
|
*/
|
|
@@ -608,14 +608,14 @@ class SkyGridComponent {
|
|
|
608
608
|
if (this.hasToolbar) {
|
|
609
609
|
classNames.push('sky-grid-has-toolbar');
|
|
610
610
|
}
|
|
611
|
-
return this.
|
|
611
|
+
return this.addDelimiter(classNames, ' ');
|
|
612
612
|
}
|
|
613
613
|
getTableHeaderClassNames(column) {
|
|
614
614
|
const classNames = [];
|
|
615
615
|
if (column && column.locked) {
|
|
616
616
|
classNames.push('sky-grid-header-locked');
|
|
617
617
|
}
|
|
618
|
-
return this.
|
|
618
|
+
return this.addDelimiter(classNames, ' ');
|
|
619
619
|
}
|
|
620
620
|
getCaretIconNames(column) {
|
|
621
621
|
const iconNames = [];
|
|
@@ -627,7 +627,7 @@ class SkyGridComponent {
|
|
|
627
627
|
iconNames.push('caret-down');
|
|
628
628
|
}
|
|
629
629
|
});
|
|
630
|
-
return this.
|
|
630
|
+
return this.addDelimiter(iconNames, ' ');
|
|
631
631
|
}
|
|
632
632
|
onKeydown(event, column) {
|
|
633
633
|
const key = event.key.toLowerCase();
|
|
@@ -1178,7 +1178,7 @@ class SkyGridComponent {
|
|
|
1178
1178
|
getLastDisplayedColumn() {
|
|
1179
1179
|
return this.getColumnModelByIndex(this.displayedColumns.length - 1);
|
|
1180
1180
|
}
|
|
1181
|
-
|
|
1181
|
+
addDelimiter(text, delimiter) {
|
|
1182
1182
|
return text.filter((val) => val).join(delimiter);
|
|
1183
1183
|
}
|
|
1184
1184
|
destroyRowDelete(id) {
|