@progress/kendo-angular-grid 12.0.0-develop.9 → 12.0.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.
Files changed (37) hide show
  1. package/column-menu/column-menu.service.d.ts +9 -21
  2. package/columns/column-base.d.ts +14 -369
  3. package/columns/sort-settings.d.ts +20 -4
  4. package/common/fetch-data-callback.d.ts +1 -1
  5. package/common/preventable-event.d.ts +1 -1
  6. package/common/single-popup.service.d.ts +1 -1
  7. package/common/size-options.d.ts +1 -2
  8. package/data/grid-item.interface.d.ts +6 -3
  9. package/esm2020/column-menu/column-menu.service.mjs +9 -21
  10. package/esm2020/columns/column-base.mjs +6 -40
  11. package/esm2020/common/preventable-event.mjs +1 -1
  12. package/esm2020/common/single-popup.service.mjs +1 -1
  13. package/esm2020/excel/excel.module.mjs +5 -15
  14. package/esm2020/grid.component.mjs +1 -1
  15. package/esm2020/grid.module.mjs +6 -16
  16. package/esm2020/layout/sizing-options.service.mjs +3 -0
  17. package/esm2020/package-metadata.mjs +2 -2
  18. package/esm2020/pdf/pdf.module.mjs +7 -16
  19. package/esm2020/rendering/toolbar/toolbar-position.mjs +17 -0
  20. package/esm2020/row-reordering/row-reorder.service.mjs +2 -1
  21. package/excel/excel.module.d.ts +5 -15
  22. package/fesm2015/progress-kendo-angular-grid.mjs +43 -114
  23. package/fesm2020/progress-kendo-angular-grid.mjs +43 -114
  24. package/filtering/filterable.d.ts +10 -0
  25. package/grid.component.d.ts +1 -1
  26. package/grid.module.d.ts +6 -16
  27. package/layout/sizing-options.service.d.ts +3 -0
  28. package/navigation/navigable-settings.d.ts +15 -1
  29. package/package.json +15 -15
  30. package/pager/pager-settings.d.ts +8 -12
  31. package/pdf/pdf.module.d.ts +7 -16
  32. package/rendering/common/row-class.d.ts +4 -4
  33. package/rendering/toolbar/toolbar-position.d.ts +18 -1
  34. package/row-reordering/row-reorder.service.d.ts +1 -0
  35. package/schematics/ngAdd/index.js +2 -2
  36. package/scrolling/scrollmode.d.ts +4 -4
  37. package/selection/types.d.ts +24 -2
@@ -1035,7 +1035,7 @@ class PreventableEvent {
1035
1035
  this.prevented = true;
1036
1036
  }
1037
1037
  /**
1038
- * Returns `true` if the event was prevented
1038
+ * Returns a respective boolean if the event was prevented
1039
1039
  * by any of its subscribers.
1040
1040
  *
1041
1041
  * @returns `true` if the default action was prevented.
@@ -2826,8 +2826,8 @@ const packageMetadata = {
2826
2826
  name: '@progress/kendo-angular-grid',
2827
2827
  productName: 'Kendo UI for Angular',
2828
2828
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
2829
- publishDate: 1681884669,
2830
- version: '12.0.0-develop.9',
2829
+ publishDate: 1682434440,
2830
+ version: '12.0.0',
2831
2831
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
2832
2832
  };
2833
2833
 
@@ -3190,9 +3190,9 @@ class ColumnBase {
3190
3190
  */
3191
3191
  this.matchesMedia = true;
3192
3192
  /**
3193
- * The column index after reordering.
3193
+ * The column index after reordering. The `orderIndex` is a read-only property. Setting this field does not affect column order.
3194
3194
  *
3195
- * > `orderIndex` is a read-only property. Setting this field does not affect column order.
3195
+ * @default 0
3196
3196
  */
3197
3197
  this.orderIndex = 0;
3198
3198
  /**
@@ -3227,18 +3227,22 @@ class ColumnBase {
3227
3227
  this.sticky = false;
3228
3228
  /**
3229
3229
  * Specifies if the column can be locked or unlocked from the column menu or by reordering the columns.
3230
+ * @default true
3230
3231
  */
3231
3232
  this.lockable = true;
3232
3233
  /**
3233
3234
  * Specifies if the column can be stuck or unstuck from the column menu.
3235
+ * @default true
3234
3236
  */
3235
3237
  this.stickable = true;
3236
3238
  /**
3237
3239
  * Specifies if the column menu will be shown for the column.
3240
+ * @default true
3238
3241
  */
3239
3242
  this.columnMenu = true;
3240
3243
  /**
3241
3244
  * Specifies if the column will be included in the column-chooser list.
3245
+ * @default true
3242
3246
  */
3243
3247
  this.includeInChooser = true;
3244
3248
  /**
@@ -3286,44 +3290,6 @@ class ColumnBase {
3286
3290
  *
3287
3291
  * @default false
3288
3292
  *
3289
- * @example
3290
- * ```ts
3291
- * _@Component({
3292
- * selector: 'my-app',
3293
- * template: `
3294
- * <kendo-grid [data]="gridData" [scrollable]="scrollable" style="height: 200px">
3295
- * <kendo-grid-column field="ProductID" title="Product ID" [width]="120" [locked]="true">
3296
- * </kendo-grid-column>
3297
- * <kendo-grid-column field="ProductName" title="Product Name" [width]="200">
3298
- * </kendo-grid-column>
3299
- * <kendo-grid-column field="UnitPrice" title="Unit Price" [width]="230">
3300
- * </kendo-grid-column>
3301
- * </kendo-grid>
3302
- * `
3303
- * })
3304
- *
3305
- * class AppComponent {
3306
- * public gridData: any[];
3307
- *
3308
- * constructor() {
3309
- * this.gridData = products;
3310
- * }
3311
- * }
3312
- *
3313
- * const products = [{
3314
- * "ProductID": 1,
3315
- * "ProductName": "Chai",
3316
- * "UnitPrice": 18.0000,
3317
- * "Discontinued": true
3318
- * }, {
3319
- * "ProductID": 2,
3320
- * "ProductName": "Chang",
3321
- * "UnitPrice": 19.0000,
3322
- * "Discontinued": false
3323
- * }
3324
- * ];
3325
- *
3326
- * ```
3327
3293
  */
3328
3294
  set locked(value) {
3329
3295
  this._locked = value;
@@ -5730,7 +5696,7 @@ class PopupCloseEvent extends PreventableEvent {
5730
5696
  const DEFAULT_POPUP_CLASS = 'k-grid-filter-popup';
5731
5697
  /**
5732
5698
  * The service that is used for the popups of the filter and column menus
5733
- * ([see example]({% slug filter_menu %}#toc-custom-filter-row-components)#toc-filter-menu-with-popup).
5699
+ * ([see example]({% slug filter_menu %}#toc-filter-menu-with-popup)).
5734
5700
  */
5735
5701
  class SinglePopupService {
5736
5702
  constructor(popupService, renderer, ngZone, scrollSyncService, localization) {
@@ -6323,6 +6289,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
6323
6289
  }]
6324
6290
  }], ctorParameters: function () { return [{ type: i0.TemplateRef }]; } });
6325
6291
 
6292
+ /**
6293
+ * @hidden
6294
+ */
6326
6295
  class SizingOptionsService {
6327
6296
  constructor() {
6328
6297
  this.changes = new Subject();
@@ -6433,6 +6402,7 @@ class RowReorderService {
6433
6402
  }
6434
6403
  press(ev) {
6435
6404
  this.dragTarget = ev.dragTarget;
6405
+ this.offsetY = ev.dragEvent.offsetY;
6436
6406
  }
6437
6407
  dragStart() {
6438
6408
  this.createDropIndicator();
@@ -6444,7 +6414,7 @@ class RowReorderService {
6444
6414
  }
6445
6415
  const position = {
6446
6416
  x: ev.dragEvent.clientX,
6447
- y: ev.dragEvent.clientY
6417
+ y: ev.dragEvent.clientY - this.offsetY
6448
6418
  };
6449
6419
  if (isPresent$1(this.hintElement)) {
6450
6420
  this.renderer.setStyle(this.hintElement, 'left', `${position.x}px`);
@@ -11295,27 +11265,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
11295
11265
  * [ColumnMenuTemplate]({% slug api_grid_columnmenutemplatedirective %}) directive.
11296
11266
  *
11297
11267
  * @example
11298
- * ```ts-preview
11299
- *
11300
- * _@Component({
11301
- * selector: 'my-app',
11302
- * template: `
11303
- * <kendo-grid [data]="data" [columnMenu]="true">
11304
- * <ng-template kendoGridColumnMenuTemplate let-service="service">
11305
- * <span class="k-icon k-i-x" (click)="service.close()"
11306
- * style="position: absolute; right: 5px; top: 5px;cursor: pointer;"></span>
11307
- * <kendo-grid-columnmenu-sort [service]="service">
11308
- * </kendo-grid-columnmenu-sort>
11309
- * </ng-template>
11310
- * <kendo-grid-column field="Field1"></kendo-grid-column>
11311
- * <kendo-grid-column field="Field2"></kendo-grid-column>
11312
- * </kendo-grid>
11313
- * `
11314
- * })
11315
- *
11316
- * class AppComponent {
11317
- * public data: any[] = [{ Field1: 'Foo', Field2: 'Bar' }];
11318
- * }
11268
+ * ```html
11269
+ * <kendo-grid [data]="data" [columnMenu]="true">
11270
+ * <ng-template kendoGridColumnMenuTemplate let-service="service">
11271
+ * <span class="k-icon k-i-x" (click)="service.close()" </span>
11272
+ * <kendo-grid-columnmenu-sort [service]="service">
11273
+ * </kendo-grid-columnmenu-sort>
11274
+ * </ng-template>
11275
+ * <kendo-grid-column field="Field1"></kendo-grid-column>
11276
+ * </kendo-grid>
11319
11277
  *
11320
11278
  * ```
11321
11279
  */
@@ -19435,7 +19393,7 @@ class GridComponent {
19435
19393
  return this.selectionService.enableMarquee || this.cellSelectionService.enableMarquee;
19436
19394
  }
19437
19395
  /**
19438
- * Enables the [row reordering]({% slug ToDo %}) of the Grid.
19396
+ * Enables the [row reordering]({% slug reordering_rows_grid %}) of the Grid.
19439
19397
  * @default false
19440
19398
  */
19441
19399
  set rowReorderable(value) {
@@ -25845,29 +25803,19 @@ const declarations$2 = [
25845
25803
  *
25846
25804
  * @example
25847
25805
  *
25848
- * ```ts-no-run
25849
- * // Import the Grid module
25850
- * import { GridModule } from '@progress/kendo-angular-grid';
25851
- *
25852
- * // The browser platform with a compiler
25853
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
25854
- *
25806
+ * ```ts
25855
25807
  * import { NgModule } from '@angular/core';
25856
- *
25857
- * // Import the app component
25808
+ * import { GridModule } from '@progress/kendo-angular-grid';
25809
+ * import { BrowserModule } from "@angular/platform-browser";
25858
25810
  * import { AppComponent } from './app.component';
25859
25811
  *
25860
- * // Define the app module
25861
- * _@NgModule({
25862
- * declarations: [AppComponent], // declare app component
25863
- * imports: [BrowserModule, GridModule], // import Grid module
25812
+ * @NgModule({
25813
+ * declarations: [AppComponent],
25814
+ * imports: [BrowserModule, GridModule],
25864
25815
  * bootstrap: [AppComponent]
25865
25816
  * })
25866
25817
  * export class AppModule {}
25867
25818
  *
25868
- * // Compile and launch the module
25869
- * platformBrowserDynamic().bootstrapModule(AppModule);
25870
- *
25871
25819
  * ```
25872
25820
  */
25873
25821
  class GridModule {
@@ -26485,28 +26433,19 @@ const declarations$1 = [
26485
26433
  *
26486
26434
  * @example
26487
26435
  *
26488
- * ```ts-no-run
26489
- * // Import the Grid and PDF modules
26490
- * import { GridModule, PDFModule } from '@progress/kendo-angular-grid';
26491
- *
26492
- * // The browser platform with a compiler
26493
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
26494
- *
26436
+ * ```ts
26495
26437
  * import { NgModule } from '@angular/core';
26496
- *
26497
- * // Import the app component
26438
+ * import { BrowserModule } from "@angular/platform-browser";
26439
+ * import { GridModule, PDFModule } from '@progress/kendo-angular-grid';
26498
26440
  * import { AppComponent } from './app.component';
26499
26441
  *
26500
- * // Define the app module
26501
- * _@NgModule({
26502
- * declarations: [AppComponent], // declare app component
26503
- * imports: [BrowserModule, GridModule, PDFModule], // import Grid and PDF modules
26442
+ * @NgModule({
26443
+ * declarations: [AppComponent],
26444
+ * imports: [BrowserModule, GridModule, PDFModule],
26504
26445
  * bootstrap: [AppComponent]
26505
26446
  * })
26506
- * export class AppModule {}
26507
26447
  *
26508
- * // Compile and launch the module
26509
- * platformBrowserDynamic().bootstrapModule(AppModule);
26448
+ * export class AppModule {}
26510
26449
  *
26511
26450
  * ```
26512
26451
  */
@@ -26766,29 +26705,19 @@ const declarations = [ExcelComponent, ExcelCommandDirective];
26766
26705
  *
26767
26706
  * @example
26768
26707
  *
26769
- * ```ts-no-run
26770
- * // Import the Grid and Excel modules
26771
- * import { GridModule, ExcelModule } from '@progress/kendo-angular-grid';
26772
- *
26773
- * // The browser platform with a compiler
26774
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
26775
- *
26708
+ * ```ts
26776
26709
  * import { NgModule } from '@angular/core';
26777
- *
26778
- * // Import the app component
26710
+ * import { BrowserModule } from "@angular/platform-browser";
26711
+ * import { GridModule, ExcelModule } from '@progress/kendo-angular-grid';
26779
26712
  * import { AppComponent } from './app.component';
26780
26713
  *
26781
- * // Define the app module
26782
26714
  * _@NgModule({
26783
- * declarations: [AppComponent], // declare app component
26784
- * imports: [BrowserModule, GridModule, ExcelModule], // import Grid and Excel modules
26715
+ * declarations: [AppComponent],
26716
+ * imports: [BrowserModule, GridModule, ExcelModule],
26785
26717
  * bootstrap: [AppComponent]
26786
26718
  * })
26787
26719
  * export class AppModule {}
26788
26720
  *
26789
- * // Compile and launch the module
26790
- * platformBrowserDynamic().bootstrapModule(AppModule);
26791
- *
26792
26721
  * ```
26793
26722
  */
26794
26723
  class ExcelModule {
@@ -4,6 +4,16 @@
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  /**
6
6
  * Represents the options for the `filterable` setting of the Grid.
7
+ *
8
+ * The available values are:
9
+ * * `row`&mdash;Displays a filter row in Grid. [See example](slug:filter_row).
10
+ * * `menu`&mdash;Displays a filter menu in Grid. [See example](slug:filter_menu).
11
+ * * `menu, row`&mdash;Displays filter menu with filter row.
12
+ *
13
+ * @example
14
+ * ```html
15
+ * <kendo-grid filterable="menu, row"></kendo-grid>
16
+ * ```
7
17
  */
8
18
  export declare type FilterableSettings = boolean | 'row' | 'menu' | 'menu, row';
9
19
  /**
@@ -324,7 +324,7 @@ export declare class GridComponent implements AfterContentInit, AfterViewInit, O
324
324
  */
325
325
  groupable: GroupableSettings | boolean;
326
326
  /**
327
- * Enables the [row reordering]({% slug ToDo %}) of the Grid.
327
+ * Enables the [row reordering]({% slug reordering_rows_grid %}) of the Grid.
328
328
  * @default false
329
329
  */
330
330
  set rowReorderable(value: boolean);
package/grid.module.d.ts CHANGED
@@ -123,29 +123,19 @@ import * as i114 from "./column-menu/column-menu-autosize-all.component";
123
123
  *
124
124
  * @example
125
125
  *
126
- * ```ts-no-run
127
- * // Import the Grid module
128
- * import { GridModule } from '@progress/kendo-angular-grid';
129
- *
130
- * // The browser platform with a compiler
131
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
132
- *
126
+ * ```ts
133
127
  * import { NgModule } from '@angular/core';
134
- *
135
- * // Import the app component
128
+ * import { GridModule } from '@progress/kendo-angular-grid';
129
+ * import { BrowserModule } from "@angular/platform-browser";
136
130
  * import { AppComponent } from './app.component';
137
131
  *
138
- * // Define the app module
139
- * _@NgModule({
140
- * declarations: [AppComponent], // declare app component
141
- * imports: [BrowserModule, GridModule], // import Grid module
132
+ * @NgModule({
133
+ * declarations: [AppComponent],
134
+ * imports: [BrowserModule, GridModule],
142
135
  * bootstrap: [AppComponent]
143
136
  * })
144
137
  * export class AppModule {}
145
138
  *
146
- * // Compile and launch the module
147
- * platformBrowserDynamic().bootstrapModule(AppModule);
148
- *
149
139
  * ```
150
140
  */
151
141
  export declare class GridModule {
@@ -5,6 +5,9 @@
5
5
  import { Subject } from 'rxjs';
6
6
  import { GridSize } from '../common/size-options';
7
7
  import * as i0 from "@angular/core";
8
+ /**
9
+ * @hidden
10
+ */
8
11
  export declare class SizingOptionsService {
9
12
  changes: Subject<GridSize>;
10
13
  static ɵfac: i0.ɵɵFactoryDeclaration<SizingOptionsService, never>;
@@ -4,9 +4,23 @@
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  /**
6
6
  * Represents the possible navigable sections of the Grid ([see example]({% slug keyboard_navigation_grid %}#toc-navigable-sections)).
7
+ *
8
+ * The available values are:
9
+ * * `pager`&mdash;Includes the Grid pager and its internal elements
10
+ * * `table`&mdash;Includes the Grid pager and its internal elements
11
+ * * `toolbar`&mdash;Includes the Grid toolbars and the group panel when the Grid is groupable.
12
+ *
13
+ * @xample
14
+ * ```html
15
+ * <kendo-grid [navigable]="['pager', 'toolbar']"> </kendo-grid>
16
+ * ```
7
17
  */
8
18
  export declare type GridNavigableSection = 'pager' | 'table' | 'toolbar';
9
19
  /**
10
- * Represents the type of the Grid [`navigable`]({% slug api_grid_gridcomponent %}#toc-navigable) option.
20
+ * Represents the type of the Grid [`navigable`]({% slug api_grid_gridcomponent %}#toc-navigable) property.
21
+ *
22
+ * The available values are:
23
+ * * `boolean`
24
+ * * [`GridNavigableSection`](slug:api_grid_gridnavigablesection)
11
25
  */
12
26
  export declare type GridNavigableSettings = boolean | GridNavigableSection[];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-grid",
3
- "version": "12.0.0-develop.9",
3
+ "version": "12.0.0",
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",
@@ -32,24 +32,24 @@
32
32
  "@progress/kendo-data-query": "^1.0.0",
33
33
  "@progress/kendo-drawing": "^1.17.2",
34
34
  "@progress/kendo-licensing": "^1.0.2",
35
- "@progress/kendo-angular-buttons": "12.0.0-develop.9",
36
- "@progress/kendo-angular-common": "12.0.0-develop.9",
37
- "@progress/kendo-angular-dateinputs": "12.0.0-develop.9",
38
- "@progress/kendo-angular-dropdowns": "12.0.0-develop.9",
39
- "@progress/kendo-angular-excel-export": "12.0.0-develop.9",
40
- "@progress/kendo-angular-icons": "12.0.0-develop.9",
41
- "@progress/kendo-angular-inputs": "12.0.0-develop.9",
42
- "@progress/kendo-angular-intl": "12.0.0-develop.9",
43
- "@progress/kendo-angular-l10n": "12.0.0-develop.9",
44
- "@progress/kendo-angular-label": "12.0.0-develop.9",
45
- "@progress/kendo-angular-pdf-export": "12.0.0-develop.9",
46
- "@progress/kendo-angular-popup": "12.0.0-develop.9",
47
- "@progress/kendo-angular-utils": "12.0.0-develop.9",
35
+ "@progress/kendo-angular-buttons": "12.0.0",
36
+ "@progress/kendo-angular-common": "12.0.0",
37
+ "@progress/kendo-angular-dateinputs": "12.0.0",
38
+ "@progress/kendo-angular-dropdowns": "12.0.0",
39
+ "@progress/kendo-angular-excel-export": "12.0.0",
40
+ "@progress/kendo-angular-icons": "12.0.0",
41
+ "@progress/kendo-angular-inputs": "12.0.0",
42
+ "@progress/kendo-angular-intl": "12.0.0",
43
+ "@progress/kendo-angular-l10n": "12.0.0",
44
+ "@progress/kendo-angular-label": "12.0.0",
45
+ "@progress/kendo-angular-pdf-export": "12.0.0",
46
+ "@progress/kendo-angular-popup": "12.0.0",
47
+ "@progress/kendo-angular-utils": "12.0.0",
48
48
  "rxjs": "^6.5.3 || ^7.0.0"
49
49
  },
50
50
  "dependencies": {
51
51
  "tslib": "^2.3.1",
52
- "@progress/kendo-angular-schematics": "12.0.0-develop.9",
52
+ "@progress/kendo-angular-schematics": "12.0.0",
53
53
  "@progress/kendo-common": "^0.2.0",
54
54
  "@progress/kendo-file-saver": "^1.0.0"
55
55
  },
@@ -10,12 +10,10 @@
10
10
  * * `input`&mdash;Input for typing the page number.
11
11
  *
12
12
  * @example
13
- * ```html-no-run
14
- *
15
- * <kendo-grid
16
- * [pageable]="{
17
- * type: 'numeric'
18
- * }">
13
+ * ```html
14
+ * <kendo-grid [pageable]="{ type: 'numeric' }">
15
+ * <kendo-grid-column field="ProductID"></kendo-grid-column>
16
+ * ...
19
17
  * </kendo-grid>
20
18
  * ```
21
19
  */
@@ -29,12 +27,10 @@ export declare type PagerType = 'numeric' | 'input';
29
27
  * * `both`&mdash;Two pagers are rendered - one above the Grid headers, and one - below the data table.
30
28
  *
31
29
  * @example
32
- * ```html-no-run
33
- *
34
- * <kendo-grid
35
- * [pageable]="{
36
- * position: 'both'
37
- * }">
30
+ * ```html
31
+ * <kendo-grid [pageable]="{ position: 'both' }">
32
+ * <kendo-grid-column field="ProductID"></kendo-grid-column>
33
+ * ...
38
34
  * </kendo-grid>
39
35
  * ```
40
36
  */
@@ -14,28 +14,19 @@ import * as i5 from "@progress/kendo-angular-icons";
14
14
  *
15
15
  * @example
16
16
  *
17
- * ```ts-no-run
18
- * // Import the Grid and PDF modules
19
- * import { GridModule, PDFModule } from '@progress/kendo-angular-grid';
20
- *
21
- * // The browser platform with a compiler
22
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
23
- *
17
+ * ```ts
24
18
  * import { NgModule } from '@angular/core';
25
- *
26
- * // Import the app component
19
+ * import { BrowserModule } from "@angular/platform-browser";
20
+ * import { GridModule, PDFModule } from '@progress/kendo-angular-grid';
27
21
  * import { AppComponent } from './app.component';
28
22
  *
29
- * // Define the app module
30
- * _@NgModule({
31
- * declarations: [AppComponent], // declare app component
32
- * imports: [BrowserModule, GridModule, PDFModule], // import Grid and PDF modules
23
+ * @NgModule({
24
+ * declarations: [AppComponent],
25
+ * imports: [BrowserModule, GridModule, PDFModule],
33
26
  * bootstrap: [AppComponent]
34
27
  * })
35
- * export class AppModule {}
36
28
  *
37
- * // Compile and launch the module
38
- * platformBrowserDynamic().bootstrapModule(AppModule);
29
+ * export class AppModule {}
39
30
  *
40
31
  * ```
41
32
  */
@@ -11,9 +11,9 @@ export interface RowClassArgs extends RowArgs {
11
11
  }
12
12
  /**
13
13
  * Represents the callback that is used by the
14
- * [rowClass]({% slug api_grid_gridcomponent %}#toc-rowClass) property.
14
+ * [rowClass]({% slug api_grid_gridcomponent %}#toc-rowclass) property.
15
15
  *
16
- * ```ts-no-run
16
+ * ```ts
17
17
  * rowCallback({ dataItem, index }) {
18
18
  * const isEven = index % 2 === 0;
19
19
  * return {
@@ -31,7 +31,7 @@ export declare type RowClassFn = (context: RowClassArgs) => string | string[] |
31
31
  * Represents the callback that is used by the
32
32
  * [rowSelected]({% slug api_grid_gridcomponent %}#toc-rowselected) property.
33
33
  *
34
- * ```ts-no-run
34
+ * ```ts
35
35
  * rowCallback({ dataItem, index }) {
36
36
  * return index % 2 === 0;
37
37
  * }
@@ -41,7 +41,7 @@ export declare type RowSelectedFn = (context: RowArgs) => boolean;
41
41
  /**
42
42
  * Represents the callback that is used to determine whether a given data row will be sticky.
43
43
  *
44
- * ```ts-no-run
44
+ * ```ts
45
45
  * rowStickyCallback({ dataItem, index }) {
46
46
  * return index % 2 === 0;
47
47
  * }
@@ -2,4 +2,21 @@
2
2
  * Copyright © 2023 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
- export declare type ToolbarPosition = 'top' | 'bottom';
5
+ /**
6
+ * Defines the settings for `position` property of the the Grid Toolbar Template. [See example](slug:toolbartemplate_grid#toc-setting-the-toolbar-position)
7
+ *
8
+ * The possible values are:
9
+ * * `top`&mdash;Displays the Toolbar a the top of the Grid.
10
+ * * `bottom`&mdash;Displays the Toolbar at the bottom of the Grid.
11
+ * * `both`&mdash;Displays the Toolbar at the top and bottom of the Grid.
12
+ *
13
+ * @example
14
+ * ```html
15
+ * <kendo-grid >
16
+ * <ng-template kendoGridToolbarTemplate position="bottom" let-position="position">
17
+ * <button (click)="onClick()">Custom action</button>
18
+ * </ng-template>
19
+ * </kendo-grid>
20
+ * ```
21
+ */
22
+ export declare type ToolbarPosition = 'top' | 'bottom' | 'both';
@@ -25,6 +25,7 @@ export declare class RowReorderService {
25
25
  private lastDropPosition;
26
26
  private dragTarget;
27
27
  private dropTarget;
28
+ private offsetY;
28
29
  rowReorder: EventEmitter<RowReorderEvent>;
29
30
  constructor(renderer: Renderer2);
30
31
  press(ev: DragTargetPressEvent): void;
@@ -4,9 +4,9 @@ const schematics_1 = require("@angular-devkit/schematics");
4
4
  function default_1(options) {
5
5
  const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'GridModule', package: 'grid', peerDependencies: {
6
6
  // peer dep of the dropdowns
7
- '@progress/kendo-angular-treeview': '12.0.0-develop.9',
7
+ '@progress/kendo-angular-treeview': '12.0.0',
8
8
  // peer dependency of kendo-angular-inputs
9
- '@progress/kendo-angular-dialog': '12.0.0-develop.9',
9
+ '@progress/kendo-angular-dialog': '12.0.0',
10
10
  // peer dependency of kendo-angular-icons
11
11
  '@progress/kendo-svg-icons': '^1.0.0'
12
12
  } });
@@ -6,12 +6,12 @@
6
6
  * The scroll mode of the Grid.
7
7
  *
8
8
  * The available values are:
9
- * - `none`
10
- * - `scrollable`
11
- * - `virtual`
9
+ * * `none`&mdash;Scrollbars are hidden. The Grid cannot be scrolled.
10
+ * * `scrollable`&mdash;Displays scrollbars in Grid.
11
+ * * `virtual`&mdash;Enables the [virtual scroll mode](slug:virtualscrolling_grid) of the Grid.
12
12
  *
13
13
  * @example
14
- * ```html-no-run
14
+ * ```html
15
15
  * <kendo-grid scrollable="scrollable"></kendo-grid>
16
16
  * ```
17
17
  */
@@ -6,7 +6,7 @@ import { ColumnComponent } from './../columns/column.component';
6
6
  import { RowArgs } from './../rendering/common/row-args';
7
7
  /**
8
8
  * Represents the callback that is used by the
9
- * [cellSelected]({% slug api_grid_gridcomponent %}#toc-cellselected) property.
9
+ * [cellSelected]({% slug api_grid_gridcomponent %}#toc-cellselected) property ([see example](slug:grid_selection_custom#toc-setting-the-selected-cells)).
10
10
  */
11
11
  export declare type CellSelectedFn = (row: RowArgs, column: ColumnComponent, colIndex: number) => {
12
12
  selected: boolean;
@@ -120,11 +120,33 @@ export interface SelectableSettings {
120
120
  drag?: boolean;
121
121
  }
122
122
  /**
123
- * Represents the available selection modes.
123
+ * Represents the available selection modes. [See example](slug:grid_row_selection).
124
+ *
125
+ * The available values are:
126
+ * * `single`&mdash;Enables single selection. If you click the selected row, it will not be deselected. [See example](slug:grid_row_selection#toc-single-row-selection).
127
+ * * `multiple`&mdash;Enables multiple selection. [See example](slug:grid_row_selection#toc-multiple-rows-selection).
128
+ *
129
+ * @example
130
+ * ```html
131
+ * <kendo-grid [selectable]="{mode: 'multiple'}"></kendo-grid>
132
+ * ```
124
133
  */
125
134
  export declare type SelectableMode = "single" | "multiple";
126
135
  /**
127
136
  * Represents the possible states of the select-all checkbox.
137
+ *
138
+ * @example
139
+ * ```html
140
+ * <kendo-grid-column>
141
+ * <ng-template kendoGridHeaderTemplate>
142
+ * <input
143
+ * kendoGridSelectAllCheckbox
144
+ * state="indeterminate"
145
+ * ...
146
+ * />
147
+ * </ng-template>
148
+ * <kendo-grid-column>
149
+ * ```
128
150
  */
129
151
  export declare type SelectAllCheckboxState = "checked" | "unchecked" | "indeterminate";
130
152
  /**