@progress/kendo-angular-grid 22.1.0-develop.18 → 22.1.0-develop.19
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/columns/column-base.d.ts
CHANGED
|
@@ -85,6 +85,13 @@ export declare class ColumnBase implements AfterViewInit {
|
|
|
85
85
|
* @default true
|
|
86
86
|
*/
|
|
87
87
|
reorderable: boolean;
|
|
88
|
+
/**
|
|
89
|
+
* Sets the distance in pixels by which the column width is adjusted during keyboard navigation resizing.
|
|
90
|
+
* Used when resizing columns with `Alt/Option + Left/Right Arrow` keyboard shortcuts.
|
|
91
|
+
*
|
|
92
|
+
* @default 10
|
|
93
|
+
*/
|
|
94
|
+
resizeStep: number;
|
|
88
95
|
/**
|
|
89
96
|
* Sets the minimum width (in pixels) for resizing the column by using the UI ([see example]({% slug resizing_columns_grid %}#toc-limiting-the-resizing)).
|
|
90
97
|
* The `autoFitColumn` and `autoFitColumns` methods have higher priority.
|
|
@@ -304,5 +311,5 @@ export declare class ColumnBase implements AfterViewInit {
|
|
|
304
311
|
constructor(parent?: ColumnBase, idService?: IdService);
|
|
305
312
|
ngAfterViewInit(): void;
|
|
306
313
|
static ɵfac: i0.ɵɵFactoryDeclaration<ColumnBase, never>;
|
|
307
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ColumnBase, "kendo-grid-column-base", never, { "resizable": { "alias": "resizable"; "required": false; }; "reorderable": { "alias": "reorderable"; "required": false; }; "minResizableWidth": { "alias": "minResizableWidth"; "required": false; }; "maxResizableWidth": { "alias": "maxResizableWidth"; "required": false; }; "title": { "alias": "title"; "required": false; }; "width": { "alias": "width"; "required": false; }; "autoSize": { "alias": "autoSize"; "required": false; }; "locked": { "alias": "locked"; "required": false; }; "sticky": { "alias": "sticky"; "required": false; }; "hidden": { "alias": "hidden"; "required": false; }; "media": { "alias": "media"; "required": false; }; "lockable": { "alias": "lockable"; "required": false; }; "stickable": { "alias": "stickable"; "required": false; }; "columnMenu": { "alias": "columnMenu"; "required": false; }; "includeInChooser": { "alias": "includeInChooser"; "required": false; }; "tableCellsRole": { "alias": "tableCellsRole"; "required": false; }; "style": { "alias": "style"; "required": false; }; "headerStyle": { "alias": "headerStyle"; "required": false; }; "filterStyle": { "alias": "filterStyle"; "required": false; }; "footerStyle": { "alias": "footerStyle"; "required": false; }; "cssClass": { "alias": "class"; "required": false; }; "headerClass": { "alias": "headerClass"; "required": false; }; "filterClass": { "alias": "filterClass"; "required": false; }; "footerClass": { "alias": "footerClass"; "required": false; }; "cellRowspan": { "alias": "cellRowspan"; "required": false; }; }, {}, ["footerTemplate", "headerTemplates", "columnMenuTemplates"], never, true, never>;
|
|
314
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ColumnBase, "kendo-grid-column-base", never, { "resizable": { "alias": "resizable"; "required": false; }; "reorderable": { "alias": "reorderable"; "required": false; }; "resizeStep": { "alias": "resizeStep"; "required": false; }; "minResizableWidth": { "alias": "minResizableWidth"; "required": false; }; "maxResizableWidth": { "alias": "maxResizableWidth"; "required": false; }; "title": { "alias": "title"; "required": false; }; "width": { "alias": "width"; "required": false; }; "autoSize": { "alias": "autoSize"; "required": false; }; "locked": { "alias": "locked"; "required": false; }; "sticky": { "alias": "sticky"; "required": false; }; "hidden": { "alias": "hidden"; "required": false; }; "media": { "alias": "media"; "required": false; }; "lockable": { "alias": "lockable"; "required": false; }; "stickable": { "alias": "stickable"; "required": false; }; "columnMenu": { "alias": "columnMenu"; "required": false; }; "includeInChooser": { "alias": "includeInChooser"; "required": false; }; "tableCellsRole": { "alias": "tableCellsRole"; "required": false; }; "style": { "alias": "style"; "required": false; }; "headerStyle": { "alias": "headerStyle"; "required": false; }; "filterStyle": { "alias": "filterStyle"; "required": false; }; "footerStyle": { "alias": "footerStyle"; "required": false; }; "cssClass": { "alias": "class"; "required": false; }; "headerClass": { "alias": "headerClass"; "required": false; }; "filterClass": { "alias": "filterClass"; "required": false; }; "footerClass": { "alias": "footerClass"; "required": false; }; "cellRowspan": { "alias": "cellRowspan"; "required": false; }; }, {}, ["footerTemplate", "headerTemplates", "columnMenuTemplates"], never, true, never>;
|
|
308
315
|
}
|
package/common/size-options.d.ts
CHANGED
|
@@ -2302,6 +2302,13 @@ class ColumnBase {
|
|
|
2302
2302
|
* @default true
|
|
2303
2303
|
*/
|
|
2304
2304
|
reorderable = true;
|
|
2305
|
+
/**
|
|
2306
|
+
* Sets the distance in pixels by which the column width is adjusted during keyboard navigation resizing.
|
|
2307
|
+
* Used when resizing columns with `Alt/Option + Left/Right Arrow` keyboard shortcuts.
|
|
2308
|
+
*
|
|
2309
|
+
* @default 10
|
|
2310
|
+
*/
|
|
2311
|
+
resizeStep = 10;
|
|
2305
2312
|
/**
|
|
2306
2313
|
* Sets the minimum width (in pixels) for resizing the column by using the UI ([see example]({% slug resizing_columns_grid %}#toc-limiting-the-resizing)).
|
|
2307
2314
|
* The `autoFitColumn` and `autoFitColumns` methods have higher priority.
|
|
@@ -2571,7 +2578,7 @@ class ColumnBase {
|
|
|
2571
2578
|
this.initialMaxResizableWidth = this.maxResizableWidth || Number.MAX_SAFE_INTEGER;
|
|
2572
2579
|
}
|
|
2573
2580
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ColumnBase, deps: [{ token: ColumnBase }, { token: IdService }], target: i0.ɵɵFactoryTarget.Component });
|
|
2574
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: ColumnBase, isStandalone: true, selector: "kendo-grid-column-base", inputs: { resizable: "resizable", reorderable: "reorderable", minResizableWidth: "minResizableWidth", maxResizableWidth: "maxResizableWidth", title: "title", width: "width", autoSize: "autoSize", locked: "locked", sticky: "sticky", hidden: "hidden", media: "media", lockable: "lockable", stickable: "stickable", columnMenu: "columnMenu", includeInChooser: "includeInChooser", tableCellsRole: "tableCellsRole", style: "style", headerStyle: "headerStyle", filterStyle: "filterStyle", footerStyle: "footerStyle", cssClass: ["class", "cssClass"], headerClass: "headerClass", filterClass: "filterClass", footerClass: "footerClass", cellRowspan: "cellRowspan" }, queries: [{ propertyName: "footerTemplate", first: true, predicate: FooterTemplateDirective, descendants: true }, { propertyName: "headerTemplates", predicate: HeaderTemplateDirective }, { propertyName: "columnMenuTemplates", predicate: ColumnMenuTemplateDirective }], ngImport: i0, template: ``, isInline: true });
|
|
2581
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: ColumnBase, isStandalone: true, selector: "kendo-grid-column-base", inputs: { resizable: "resizable", reorderable: "reorderable", resizeStep: "resizeStep", minResizableWidth: "minResizableWidth", maxResizableWidth: "maxResizableWidth", title: "title", width: "width", autoSize: "autoSize", locked: "locked", sticky: "sticky", hidden: "hidden", media: "media", lockable: "lockable", stickable: "stickable", columnMenu: "columnMenu", includeInChooser: "includeInChooser", tableCellsRole: "tableCellsRole", style: "style", headerStyle: "headerStyle", filterStyle: "filterStyle", footerStyle: "footerStyle", cssClass: ["class", "cssClass"], headerClass: "headerClass", filterClass: "filterClass", footerClass: "footerClass", cellRowspan: "cellRowspan" }, queries: [{ propertyName: "footerTemplate", first: true, predicate: FooterTemplateDirective, descendants: true }, { propertyName: "headerTemplates", predicate: HeaderTemplateDirective }, { propertyName: "columnMenuTemplates", predicate: ColumnMenuTemplateDirective }], ngImport: i0, template: ``, isInline: true });
|
|
2575
2582
|
}
|
|
2576
2583
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ColumnBase, decorators: [{
|
|
2577
2584
|
type: Component,
|
|
@@ -2583,6 +2590,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
|
|
|
2583
2590
|
type: Input
|
|
2584
2591
|
}], reorderable: [{
|
|
2585
2592
|
type: Input
|
|
2593
|
+
}], resizeStep: [{
|
|
2594
|
+
type: Input
|
|
2586
2595
|
}], minResizableWidth: [{
|
|
2587
2596
|
type: Input
|
|
2588
2597
|
}], maxResizableWidth: [{
|
|
@@ -3513,7 +3522,6 @@ const isNavigationKey = keyCode => isArrowKey(keyCode) ||
|
|
|
3513
3522
|
const isInput = matchesNodeName('input');
|
|
3514
3523
|
const isTextInput = element => element && isInput(element) && element.type.toLowerCase() === 'text';
|
|
3515
3524
|
const isPrintableCharacter = (str) => str.length === 1 && str.match(/\S/);
|
|
3516
|
-
const resizeStep = 10;
|
|
3517
3525
|
/**
|
|
3518
3526
|
* @hidden
|
|
3519
3527
|
*/
|
|
@@ -3960,7 +3968,6 @@ class NavigationService {
|
|
|
3960
3968
|
const row = this.cursor.row;
|
|
3961
3969
|
// on some keyboards arrow keys, PageUp/Down, and Home/End are mapped to Numpad keys
|
|
3962
3970
|
const code = normalizeKeys(args);
|
|
3963
|
-
// Handle row reordering keyboard shortcuts (Ctrl/Cmd + Shift + Up/Down Arrow)
|
|
3964
3971
|
if (modifier && args.shiftKey && (code === Keys.ArrowUp || code === Keys.ArrowDown)) {
|
|
3965
3972
|
if (this.handleRowReorderKeyboard(args, code, row)) {
|
|
3966
3973
|
args.preventDefault();
|
|
@@ -4002,8 +4009,11 @@ class NavigationService {
|
|
|
4002
4009
|
break;
|
|
4003
4010
|
case Keys.ArrowRight:
|
|
4004
4011
|
case Keys.ArrowLeft:
|
|
4005
|
-
if (args.altKey &&
|
|
4012
|
+
if (args.altKey && !args.shiftKey && !args.ctrlKey && !args.metaKey &&
|
|
4013
|
+
row.index < this.meta.headerRows &&
|
|
4014
|
+
this.ctx.grid.resizable) {
|
|
4006
4015
|
this.columnResize(right);
|
|
4016
|
+
preventDefault = true;
|
|
4007
4017
|
break;
|
|
4008
4018
|
}
|
|
4009
4019
|
if (args.shiftKey) {
|
|
@@ -4140,13 +4150,46 @@ class NavigationService {
|
|
|
4140
4150
|
args.preventDefault();
|
|
4141
4151
|
}
|
|
4142
4152
|
}
|
|
4143
|
-
columnResize(
|
|
4153
|
+
columnResize(increaseWidth) {
|
|
4144
4154
|
const column = this.ctx.grid.columnsContainer.allColumns.find((col) => col.level === this.activeCell.rowIndex && col.leafIndex === this.activeCell.colIndex);
|
|
4145
|
-
|
|
4146
|
-
|
|
4147
|
-
|
|
4148
|
-
|
|
4155
|
+
if (!column?.resizable) {
|
|
4156
|
+
return;
|
|
4157
|
+
}
|
|
4158
|
+
const rtl = this.ctx.localization.rtl;
|
|
4159
|
+
const step = column.resizeStep || 10;
|
|
4160
|
+
const shouldIncrease = rtl ? !increaseWidth : increaseWidth;
|
|
4161
|
+
const delta = shouldIncrease ? step : -step;
|
|
4162
|
+
// Get the actual rendered width from the DOM header cell
|
|
4163
|
+
// Fall back to column.width if header cell is not found
|
|
4164
|
+
let currentWidth = column.width || 0;
|
|
4165
|
+
const headerCell = this.meta.gridElement.nativeElement.querySelector(`.k-grid-header tr:nth-child(${this.activeCell.rowIndex + 1}) th:nth-child(${this.activeCell.colIndex + 1})`);
|
|
4166
|
+
if (headerCell) {
|
|
4167
|
+
const rect = headerCell.getBoundingClientRect();
|
|
4168
|
+
if (rect.width > 0) {
|
|
4169
|
+
currentWidth = rect.width;
|
|
4170
|
+
}
|
|
4171
|
+
}
|
|
4172
|
+
// If still no width, use resizeStartWidth or default
|
|
4173
|
+
if (!currentWidth) {
|
|
4174
|
+
currentWidth = column.resizeStartWidth || 0;
|
|
4175
|
+
}
|
|
4176
|
+
if (!currentWidth) {
|
|
4177
|
+
return;
|
|
4178
|
+
}
|
|
4179
|
+
const newWidth = currentWidth + delta;
|
|
4180
|
+
const minWidth = column.minResizableWidth || 10;
|
|
4181
|
+
const maxWidth = column.maxResizableWidth;
|
|
4182
|
+
if (newWidth < minWidth || (maxWidth && newWidth > maxWidth)) {
|
|
4183
|
+
return;
|
|
4149
4184
|
}
|
|
4185
|
+
// Set resizeStartWidth before calling resizeColumns so the column-handle directive can calculate the new width correctly
|
|
4186
|
+
column.resizeStartWidth = currentWidth;
|
|
4187
|
+
// The resizeColumns method expects a percentage value relative to the current column width.
|
|
4188
|
+
// Convert pixel delta to percentage for consistency with the existing mouse-based resizing logic.
|
|
4189
|
+
const deltaPercent = (delta / currentWidth) * 100;
|
|
4190
|
+
this.resizeService.start(column);
|
|
4191
|
+
this.resizeService.resizeColumns(deltaPercent);
|
|
4192
|
+
this.resizeService.end();
|
|
4150
4193
|
}
|
|
4151
4194
|
onContentKeydown(args) {
|
|
4152
4195
|
if (!this.onCellKeydown(args)) {
|
|
@@ -5708,18 +5751,15 @@ class GridTableDirective {
|
|
|
5708
5751
|
return this.size === 'small';
|
|
5709
5752
|
}
|
|
5710
5753
|
get sizeMediumClass() {
|
|
5711
|
-
return this.size === 'medium'
|
|
5754
|
+
return this.size === 'medium';
|
|
5712
5755
|
}
|
|
5713
5756
|
set size(size) {
|
|
5714
5757
|
this._size = size;
|
|
5715
|
-
if (size === 'none') {
|
|
5716
|
-
this.wrapper.nativeElement.classList.remove('k-table-sm', 'k-table-md');
|
|
5717
|
-
}
|
|
5718
5758
|
}
|
|
5719
5759
|
get size() {
|
|
5720
5760
|
return this._size;
|
|
5721
5761
|
}
|
|
5722
|
-
_size
|
|
5762
|
+
_size;
|
|
5723
5763
|
constructor(wrapper) {
|
|
5724
5764
|
this.wrapper = wrapper;
|
|
5725
5765
|
}
|
|
@@ -6528,7 +6568,7 @@ class GroupPanelComponent {
|
|
|
6528
6568
|
}
|
|
6529
6569
|
|
|
6530
6570
|
<ng-template #defaultTemplate>
|
|
6531
|
-
<ul unselectable="on" role="menu" class="k-group k-menu-group k-reset
|
|
6571
|
+
<ul unselectable="on" role="menu" class="k-group k-menu-group k-reset" [kendoEventsOutsideAngular]="{
|
|
6532
6572
|
keydown: handleKeyDown,
|
|
6533
6573
|
click: handleClick
|
|
6534
6574
|
}">
|
|
@@ -6619,7 +6659,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
|
|
|
6619
6659
|
}
|
|
6620
6660
|
|
|
6621
6661
|
<ng-template #defaultTemplate>
|
|
6622
|
-
<ul unselectable="on" role="menu" class="k-group k-menu-group k-reset
|
|
6662
|
+
<ul unselectable="on" role="menu" class="k-group k-menu-group k-reset" [kendoEventsOutsideAngular]="{
|
|
6623
6663
|
keydown: handleKeyDown,
|
|
6624
6664
|
click: handleClick
|
|
6625
6665
|
}">
|
|
@@ -8014,7 +8054,7 @@ class FilterCellOperatorsComponent {
|
|
|
8014
8054
|
/**
|
|
8015
8055
|
* @hidden
|
|
8016
8056
|
*/
|
|
8017
|
-
size
|
|
8057
|
+
size;
|
|
8018
8058
|
/**
|
|
8019
8059
|
* @hidden
|
|
8020
8060
|
*/
|
|
@@ -8746,7 +8786,7 @@ class BaseFilterCellComponent {
|
|
|
8746
8786
|
/**
|
|
8747
8787
|
* @hidden
|
|
8748
8788
|
*/
|
|
8749
|
-
size
|
|
8789
|
+
size;
|
|
8750
8790
|
/**
|
|
8751
8791
|
* The current root filter.
|
|
8752
8792
|
* @type {CompositeFilterDescriptor}
|
|
@@ -11970,7 +12010,7 @@ class AutoCompleteFilterCellComponent extends BaseFilterCellComponent {
|
|
|
11970
12010
|
get currentOperator() {
|
|
11971
12011
|
return this.currentFilter ? this.currentFilter.operator : "contains";
|
|
11972
12012
|
}
|
|
11973
|
-
size
|
|
12013
|
+
size;
|
|
11974
12014
|
_valueField;
|
|
11975
12015
|
subs;
|
|
11976
12016
|
constructor(filterService, column, ctx, sizingOptionsService) {
|
|
@@ -12055,7 +12095,7 @@ class BooleanFilterCellComponent extends BooleanFilterComponent {
|
|
|
12055
12095
|
/**
|
|
12056
12096
|
* @hidden
|
|
12057
12097
|
*/
|
|
12058
|
-
size
|
|
12098
|
+
size;
|
|
12059
12099
|
subs;
|
|
12060
12100
|
constructor(filterService, ctx, cd, sizingService) {
|
|
12061
12101
|
super(filterService, ctx);
|
|
@@ -17660,7 +17700,7 @@ const wrapTable = (table, size) => {
|
|
|
17660
17700
|
}
|
|
17661
17701
|
const wrapper = document.createElement('div');
|
|
17662
17702
|
const classes = ['k-grid'];
|
|
17663
|
-
if (size
|
|
17703
|
+
if (size) {
|
|
17664
17704
|
classes.push(`k-grid-${size === 'medium' ? 'md' : 'sm'}`);
|
|
17665
17705
|
}
|
|
17666
17706
|
wrapper.classList.add(...classes);
|
|
@@ -17694,7 +17734,7 @@ const setFirstCellClass = (header, headers) => {
|
|
|
17694
17734
|
const createTable = (colGroups, headers, bodies, footers, size) => {
|
|
17695
17735
|
const table = document.createElement('table');
|
|
17696
17736
|
const classes = ['k-table'];
|
|
17697
|
-
if (size
|
|
17737
|
+
if (size) {
|
|
17698
17738
|
classes.push(`k-table-${size === 'medium' ? 'md' : 'sm'}`);
|
|
17699
17739
|
}
|
|
17700
17740
|
table.classList.add(...classes);
|
|
@@ -18394,7 +18434,11 @@ class ColumnHandleDirective {
|
|
|
18394
18434
|
if (!isDocumentAvailable()) {
|
|
18395
18435
|
return;
|
|
18396
18436
|
}
|
|
18397
|
-
|
|
18437
|
+
// Use existing resizeStartWidth if already set (for keyboard resizing),
|
|
18438
|
+
// otherwise measure from DOM element (for mouse resizing)
|
|
18439
|
+
if (!this.column.resizeStartWidth) {
|
|
18440
|
+
this.column.resizeStartWidth = headerWidth(this.element);
|
|
18441
|
+
}
|
|
18398
18442
|
if (this.isConstrainedMode && !this.service.adjacentColumn) {
|
|
18399
18443
|
this.setAdjacentColumn();
|
|
18400
18444
|
}
|
|
@@ -19848,7 +19892,7 @@ class HeaderComponent {
|
|
|
19848
19892
|
totalColumnsCount = 0;
|
|
19849
19893
|
totalColumns;
|
|
19850
19894
|
tabIndex;
|
|
19851
|
-
size
|
|
19895
|
+
size;
|
|
19852
19896
|
sortedFields = {};
|
|
19853
19897
|
hostClass = true;
|
|
19854
19898
|
get sortableLabel() {
|
|
@@ -24080,7 +24124,7 @@ const packageMetadata = {
|
|
|
24080
24124
|
productCode: 'KENDOUIANGULAR',
|
|
24081
24125
|
productCodes: ['KENDOUIANGULAR'],
|
|
24082
24126
|
publishDate: 0,
|
|
24083
|
-
version: '22.1.0-develop.
|
|
24127
|
+
version: '22.1.0-develop.19',
|
|
24084
24128
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
24085
24129
|
};
|
|
24086
24130
|
|
|
@@ -27257,7 +27301,7 @@ class ListComponent {
|
|
|
27257
27301
|
cellLoadingTemplate;
|
|
27258
27302
|
loadingTemplate;
|
|
27259
27303
|
sort = new Array();
|
|
27260
|
-
size
|
|
27304
|
+
size;
|
|
27261
27305
|
contentScroll = new EventEmitter();
|
|
27262
27306
|
pageChange = new EventEmitter();
|
|
27263
27307
|
scrollBottom = new EventEmitter();
|
|
@@ -28300,16 +28344,13 @@ class ToolbarComponent {
|
|
|
28300
28344
|
return this.size === 'small';
|
|
28301
28345
|
}
|
|
28302
28346
|
get sizeMediumClass() {
|
|
28303
|
-
return this.size === 'medium'
|
|
28347
|
+
return this.size === 'medium';
|
|
28304
28348
|
}
|
|
28305
28349
|
set position(value) {
|
|
28306
28350
|
this.context.position = value;
|
|
28307
28351
|
}
|
|
28308
28352
|
set size(size) {
|
|
28309
28353
|
this._size = size;
|
|
28310
|
-
if (size === 'none') {
|
|
28311
|
-
this.wrapper.nativeElement.classList.remove('k-toolbar-sm', 'k-toolbar-md');
|
|
28312
|
-
}
|
|
28313
28354
|
}
|
|
28314
28355
|
get size() {
|
|
28315
28356
|
return this._size;
|
|
@@ -28363,7 +28404,7 @@ class ToolbarComponent {
|
|
|
28363
28404
|
get toolbarTemplateRef() {
|
|
28364
28405
|
return this.ctx.grid.toolbarTemplate ? this.ctx.grid.toolbarTemplate.templateRef : undefined;
|
|
28365
28406
|
}
|
|
28366
|
-
_size
|
|
28407
|
+
_size;
|
|
28367
28408
|
navigationService;
|
|
28368
28409
|
constructor(ctx, wrapper) {
|
|
28369
28410
|
this.ctx = ctx;
|
|
@@ -28374,7 +28415,7 @@ class ToolbarComponent {
|
|
|
28374
28415
|
}
|
|
28375
28416
|
}
|
|
28376
28417
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ToolbarComponent, deps: [{ token: ContextService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
28377
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: ToolbarComponent, isStandalone: true, selector: "kendo-grid-toolbar", inputs: { position: "position", size: "size", navigable: "navigable" }, host: { listeners: { "click": "clickHandler($event)", "keydown.arrowleft": "arrowLeftListener($event)", "keydown.arrowright": "arrowRightListener($event)", "keydown.home": "homeKeyListener($event)", "keydown.end": "endKeyListener($event)" }, properties: { "attr.role": "this.role", "class.k-toolbar": "this.hostClasses", "class.k-grid-toolbar": "this.hostClasses", "class.k-toolbar-
|
|
28418
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: ToolbarComponent, isStandalone: true, selector: "kendo-grid-toolbar", inputs: { position: "position", size: "size", navigable: "navigable" }, host: { listeners: { "click": "clickHandler($event)", "keydown.arrowleft": "arrowLeftListener($event)", "keydown.arrowright": "arrowRightListener($event)", "keydown.home": "homeKeyListener($event)", "keydown.end": "endKeyListener($event)" }, properties: { "attr.role": "this.role", "class.k-toolbar": "this.hostClasses", "class.k-grid-toolbar": "this.hostClasses", "class.k-toolbar-sm": "this.sizeSmallClass", "class.k-toolbar-md": "this.sizeMediumClass" } }, ngImport: i0, template: `
|
|
28378
28419
|
@if (toolbarTemplateRef) {
|
|
28379
28420
|
<ng-template
|
|
28380
28421
|
[ngTemplateOutlet]="toolbarTemplateRef"
|
|
@@ -28405,9 +28446,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImpo
|
|
|
28405
28446
|
}, {
|
|
28406
28447
|
type: HostBinding,
|
|
28407
28448
|
args: ['class.k-grid-toolbar']
|
|
28408
|
-
}, {
|
|
28409
|
-
type: HostBinding,
|
|
28410
|
-
args: ['class.k-toolbar-solid']
|
|
28411
28449
|
}], sizeSmallClass: [{
|
|
28412
28450
|
type: HostBinding,
|
|
28413
28451
|
args: ['class.k-toolbar-sm']
|
|
@@ -32104,13 +32142,10 @@ class GridComponent {
|
|
|
32104
32142
|
/**
|
|
32105
32143
|
* Specifies the sizing for Grid elements like tables, buttons, and inputs.
|
|
32106
32144
|
*
|
|
32107
|
-
* @default
|
|
32145
|
+
* @default undefined
|
|
32108
32146
|
*/
|
|
32109
32147
|
set size(size) {
|
|
32110
32148
|
this._size = size;
|
|
32111
|
-
if (size === 'none') {
|
|
32112
|
-
this.wrapper.nativeElement.classList.remove('k-grid-sm', 'k-grid-md');
|
|
32113
|
-
}
|
|
32114
32149
|
this.sizingService.changes.next(this.size);
|
|
32115
32150
|
}
|
|
32116
32151
|
get size() {
|
|
@@ -32607,7 +32642,7 @@ class GridComponent {
|
|
|
32607
32642
|
return this.size === 'small';
|
|
32608
32643
|
}
|
|
32609
32644
|
get sizeMediumClass() {
|
|
32610
|
-
return this.size === 'medium'
|
|
32645
|
+
return this.size === 'medium';
|
|
32611
32646
|
}
|
|
32612
32647
|
get stackedClass() {
|
|
32613
32648
|
return this.dataLayoutMode === 'stacked';
|
|
@@ -32832,7 +32867,7 @@ class GridComponent {
|
|
|
32832
32867
|
leafViewportColumns;
|
|
32833
32868
|
viewportColumns;
|
|
32834
32869
|
_navigable = ['table', 'pager', 'toolbar'];
|
|
32835
|
-
_size
|
|
32870
|
+
_size;
|
|
32836
32871
|
_loading = false;
|
|
32837
32872
|
_showPagerInput = true;
|
|
32838
32873
|
_showPagerPageText = true;
|
package/grid.component.d.ts
CHANGED
|
@@ -233,7 +233,7 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
|
|
|
233
233
|
/**
|
|
234
234
|
* Specifies the sizing for Grid elements like tables, buttons, and inputs.
|
|
235
235
|
*
|
|
236
|
-
* @default
|
|
236
|
+
* @default undefined
|
|
237
237
|
*/
|
|
238
238
|
set size(size: GridSize);
|
|
239
239
|
get size(): GridSize;
|
package/package-metadata.mjs
CHANGED
|
@@ -7,7 +7,7 @@ export const packageMetadata = {
|
|
|
7
7
|
"productCodes": [
|
|
8
8
|
"KENDOUIANGULAR"
|
|
9
9
|
],
|
|
10
|
-
"publishDate":
|
|
11
|
-
"version": "22.1.0-develop.
|
|
10
|
+
"publishDate": 1770219867,
|
|
11
|
+
"version": "22.1.0-develop.19",
|
|
12
12
|
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
|
|
13
13
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-grid",
|
|
3
|
-
"version": "22.1.0-develop.
|
|
3
|
+
"version": "22.1.0-develop.19",
|
|
4
4
|
"description": "Kendo UI Grid for Angular - high performance data grid with paging, filtering, virtualization, CRUD, and more.",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -73,7 +73,7 @@
|
|
|
73
73
|
"package": {
|
|
74
74
|
"productName": "Kendo UI for Angular",
|
|
75
75
|
"productCode": "KENDOUIANGULAR",
|
|
76
|
-
"publishDate":
|
|
76
|
+
"publishDate": 1770219867,
|
|
77
77
|
"licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
|
|
78
78
|
}
|
|
79
79
|
},
|
|
@@ -86,32 +86,32 @@
|
|
|
86
86
|
"@progress/kendo-data-query": "^1.7.3",
|
|
87
87
|
"@progress/kendo-drawing": "^1.24.0",
|
|
88
88
|
"@progress/kendo-licensing": "^1.10.0",
|
|
89
|
-
"@progress/kendo-angular-buttons": "22.1.0-develop.
|
|
90
|
-
"@progress/kendo-angular-common": "22.1.0-develop.
|
|
91
|
-
"@progress/kendo-angular-dateinputs": "22.1.0-develop.
|
|
92
|
-
"@progress/kendo-angular-layout": "22.1.0-develop.
|
|
93
|
-
"@progress/kendo-angular-navigation": "22.1.0-develop.
|
|
94
|
-
"@progress/kendo-angular-dropdowns": "22.1.0-develop.
|
|
95
|
-
"@progress/kendo-angular-excel-export": "22.1.0-develop.
|
|
96
|
-
"@progress/kendo-angular-icons": "22.1.0-develop.
|
|
97
|
-
"@progress/kendo-angular-indicators": "22.1.0-develop.
|
|
98
|
-
"@progress/kendo-angular-inputs": "22.1.0-develop.
|
|
99
|
-
"@progress/kendo-angular-conversational-ui": "22.1.0-develop.
|
|
100
|
-
"@progress/kendo-angular-intl": "22.1.0-develop.
|
|
101
|
-
"@progress/kendo-angular-l10n": "22.1.0-develop.
|
|
102
|
-
"@progress/kendo-angular-label": "22.1.0-develop.
|
|
103
|
-
"@progress/kendo-angular-menu": "22.1.0-develop.
|
|
104
|
-
"@progress/kendo-angular-pager": "22.1.0-develop.
|
|
105
|
-
"@progress/kendo-angular-pdf-export": "22.1.0-develop.
|
|
106
|
-
"@progress/kendo-angular-popup": "22.1.0-develop.
|
|
107
|
-
"@progress/kendo-angular-toolbar": "22.1.0-develop.
|
|
108
|
-
"@progress/kendo-angular-upload": "22.1.0-develop.
|
|
109
|
-
"@progress/kendo-angular-utils": "22.1.0-develop.
|
|
89
|
+
"@progress/kendo-angular-buttons": "22.1.0-develop.19",
|
|
90
|
+
"@progress/kendo-angular-common": "22.1.0-develop.19",
|
|
91
|
+
"@progress/kendo-angular-dateinputs": "22.1.0-develop.19",
|
|
92
|
+
"@progress/kendo-angular-layout": "22.1.0-develop.19",
|
|
93
|
+
"@progress/kendo-angular-navigation": "22.1.0-develop.19",
|
|
94
|
+
"@progress/kendo-angular-dropdowns": "22.1.0-develop.19",
|
|
95
|
+
"@progress/kendo-angular-excel-export": "22.1.0-develop.19",
|
|
96
|
+
"@progress/kendo-angular-icons": "22.1.0-develop.19",
|
|
97
|
+
"@progress/kendo-angular-indicators": "22.1.0-develop.19",
|
|
98
|
+
"@progress/kendo-angular-inputs": "22.1.0-develop.19",
|
|
99
|
+
"@progress/kendo-angular-conversational-ui": "22.1.0-develop.19",
|
|
100
|
+
"@progress/kendo-angular-intl": "22.1.0-develop.19",
|
|
101
|
+
"@progress/kendo-angular-l10n": "22.1.0-develop.19",
|
|
102
|
+
"@progress/kendo-angular-label": "22.1.0-develop.19",
|
|
103
|
+
"@progress/kendo-angular-menu": "22.1.0-develop.19",
|
|
104
|
+
"@progress/kendo-angular-pager": "22.1.0-develop.19",
|
|
105
|
+
"@progress/kendo-angular-pdf-export": "22.1.0-develop.19",
|
|
106
|
+
"@progress/kendo-angular-popup": "22.1.0-develop.19",
|
|
107
|
+
"@progress/kendo-angular-toolbar": "22.1.0-develop.19",
|
|
108
|
+
"@progress/kendo-angular-upload": "22.1.0-develop.19",
|
|
109
|
+
"@progress/kendo-angular-utils": "22.1.0-develop.19",
|
|
110
110
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
111
111
|
},
|
|
112
112
|
"dependencies": {
|
|
113
113
|
"tslib": "^2.3.1",
|
|
114
|
-
"@progress/kendo-angular-schematics": "22.1.0-develop.
|
|
114
|
+
"@progress/kendo-angular-schematics": "22.1.0-develop.19",
|
|
115
115
|
"@progress/kendo-common": "^1.0.1",
|
|
116
116
|
"@progress/kendo-file-saver": "^1.0.0",
|
|
117
117
|
"@progress/kendo-csv": "^1.0.0"
|
|
@@ -9,19 +9,19 @@ const schematics_1 = require("@angular-devkit/schematics");
|
|
|
9
9
|
function default_1(options) {
|
|
10
10
|
const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'GridModule', package: 'grid', peerDependencies: {
|
|
11
11
|
// peer deps of the dropdowns
|
|
12
|
-
'@progress/kendo-angular-treeview': '22.1.0-develop.
|
|
13
|
-
'@progress/kendo-angular-navigation': '22.1.0-develop.
|
|
12
|
+
'@progress/kendo-angular-treeview': '22.1.0-develop.19',
|
|
13
|
+
'@progress/kendo-angular-navigation': '22.1.0-develop.19',
|
|
14
14
|
// peer dependency of kendo-angular-inputs
|
|
15
|
-
'@progress/kendo-angular-dialog': '22.1.0-develop.
|
|
15
|
+
'@progress/kendo-angular-dialog': '22.1.0-develop.19',
|
|
16
16
|
// peer dependency of kendo-angular-icons
|
|
17
17
|
'@progress/kendo-svg-icons': '^4.0.0',
|
|
18
18
|
// peer dependency of kendo-angular-layout
|
|
19
|
-
'@progress/kendo-angular-progressbar': '22.1.0-develop.
|
|
19
|
+
'@progress/kendo-angular-progressbar': '22.1.0-develop.19',
|
|
20
20
|
// transitive peer dependencies from toolbar
|
|
21
|
-
'@progress/kendo-angular-indicators': '22.1.0-develop.
|
|
21
|
+
'@progress/kendo-angular-indicators': '22.1.0-develop.19',
|
|
22
22
|
// transitive peer dependencies from conversational-ui
|
|
23
|
-
'@progress/kendo-angular-menu': '22.1.0-develop.
|
|
24
|
-
'@progress/kendo-angular-upload': '22.1.0-develop.
|
|
23
|
+
'@progress/kendo-angular-menu': '22.1.0-develop.19',
|
|
24
|
+
'@progress/kendo-angular-upload': '22.1.0-develop.19'
|
|
25
25
|
} });
|
|
26
26
|
return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
|
|
27
27
|
}
|