@progress/kendo-angular-grid 12.0.0-develop.8 → 12.0.0-develop.9

package/esm2020/grid.module.mjs

@@ -31,6 +31,7 @@ import { GroupBindingDirective } from './grouping/group-scroll-binding.directive
 import { FilterMenuModule } from "./filtering/menu/filter-menu.module";
 import { ColumnMenuModule } from './column-menu/column-menu.module';
 import { GridToolbarFocusableDirective } from './rendering/toolbar/toolbar-focusable.directive';
+import { DragAndDropModule } from '@progress/kendo-angular-utils';
 import * as i0 from "@angular/core";
 import * as i1 from "./grouping/group-header-template.directive";
 import * as i2 from "./grouping/group-header-column-template.directive";
@@ -55,67 +56,68 @@ import * as i20 from "./editing/remove-command.directive";
 import * as i21 from "./editing/add-command.directive";
 import * as i22 from "./rendering/cell-loading.template.directive";
 import * as i23 from "./rendering/loading-template.directive";
-import * as i24 from "./rendering/header/header-template.directive";
-import * as i25 from "./selection/selectall-checkbox.directive";
-import * as i26 from "./pager/pager.component";
-import * as i27 from "./pager/pager-prev-buttons.component";
-import * as i28 from "./pager/pager-next-buttons.component";
-import * as i29 from "./pager/pager-numeric-buttons.component";
-import * as i30 from "./pager/pager-input.component";
-import * as i31 from "./pager/pager-info.component";
-import * as i32 from "./pager/pager-page-sizes.component";
-import * as i33 from "./pager/pager-template.directive";
-import * as i34 from "./pager/pager-dropdown.directive";
-import * as i35 from "./pager/pager-input.directive";
-import * as i36 from "./filtering/filter-row.component";
-import * as i37 from "./filtering/cell/filter-cell.component";
-import * as i38 from "./filtering/cell/filter-cell-template.directive";
-import * as i39 from "./filtering/cell/filter-cell-operators.component";
-import * as i40 from "./filtering/cell/string-filter-cell.component";
-import * as i41 from "./filtering/cell/numeric-filter-cell.component";
-import * as i42 from "./filtering/cell/autocomplete-filter-cell.component";
-import * as i43 from "./filtering/cell/boolean-filter-cell.component";
-import * as i44 from "./filtering/cell/date-filter-cell.component";
-import * as i45 from "./filtering/operators/contains-filter-operator.component";
-import * as i46 from "./filtering/operators/not-contains-filter-operator.component";
-import * as i47 from "./filtering/operators/ends-with-filter-operator.component";
-import * as i48 from "./filtering/operators/eq-filter-operator.component";
-import * as i49 from "./filtering/operators/is-empty-filter-operator.component";
-import * as i50 from "./filtering/operators/is-not-empty-filter-operator.component";
-import * as i51 from "./filtering/operators/is-not-null-filter-operator.component";
-import * as i52 from "./filtering/operators/isnull-filter-operator.component";
-import * as i53 from "./filtering/operators/neq-filter-operator.component";
-import * as i54 from "./filtering/operators/starts-with-filter-operator.component";
-import * as i55 from "./filtering/operators/gt-filter-operator.component";
-import * as i56 from "./filtering/operators/gte-filter-operator.component";
-import * as i57 from "./filtering/operators/lt-filter-operator.component";
-import * as i58 from "./filtering/operators/lte-filter-operator.component";
-import * as i59 from "./filtering/operators/after-filter-operator.component";
-import * as i60 from "./filtering/operators/after-eq-filter-operator.component";
-import * as i61 from "./filtering/operators/before-eq-filter-operator.component";
-import * as i62 from "./filtering/operators/before-filter-operator.component";
-import * as i63 from "./filtering/menu/string-filter-menu.component";
-import * as i64 from "./filtering/menu/filter-menu-template.directive";
-import * as i65 from "./filtering/menu/numeric-filter-menu.component";
-import * as i66 from "./filtering/menu/date-filter-menu.component";
-import * as i67 from "./filtering/menu/boolean-filter-menu.component";
-import * as i68 from "./filtering/menu/filter-menu-dropdownlist.directive";
-import * as i69 from "./filtering/menu/filter-radio-button.directive";
-import * as i70 from "./column-menu/column-chooser.component";
-import * as i71 from "./column-menu/column-menu-filter.component";
-import * as i72 from "./column-menu/column-menu-item.component";
-import * as i73 from "./column-menu/column-menu-item-content-template.directive";
-import * as i74 from "./column-menu/column-menu-sort.component";
-import * as i75 from "./column-menu/column-menu-lock.component";
-import * as i76 from "./column-menu/column-menu-stick.component";
-import * as i77 from "./column-menu/column-menu-position.component";
-import * as i78 from "./column-menu/column-menu-chooser.component";
-import * as i79 from "./column-menu/column-menu-template.directive";
-import * as i80 from "./column-menu/column-menu-container.component";
-import * as i81 from "./column-menu/column-menu-item.directive";
-import * as i82 from "./column-menu/column-menu.component";
-import * as i83 from "./column-menu/column-menu-autosize.component";
-import * as i84 from "./column-menu/column-menu-autosize-all.component";
+import * as i24 from "./columns/reorder-column.component";
+import * as i25 from "./rendering/header/header-template.directive";
+import * as i26 from "./selection/selectall-checkbox.directive";
+import * as i27 from "./pager/pager.component";
+import * as i28 from "./pager/pager-prev-buttons.component";
+import * as i29 from "./pager/pager-next-buttons.component";
+import * as i30 from "./pager/pager-numeric-buttons.component";
+import * as i31 from "./pager/pager-input.component";
+import * as i32 from "./pager/pager-info.component";
+import * as i33 from "./pager/pager-page-sizes.component";
+import * as i34 from "./pager/pager-template.directive";
+import * as i35 from "./pager/pager-dropdown.directive";
+import * as i36 from "./pager/pager-input.directive";
+import * as i37 from "./filtering/filter-row.component";
+import * as i38 from "./filtering/cell/filter-cell.component";
+import * as i39 from "./filtering/cell/filter-cell-template.directive";
+import * as i40 from "./filtering/cell/filter-cell-operators.component";
+import * as i41 from "./filtering/cell/string-filter-cell.component";
+import * as i42 from "./filtering/cell/numeric-filter-cell.component";
+import * as i43 from "./filtering/cell/autocomplete-filter-cell.component";
+import * as i44 from "./filtering/cell/boolean-filter-cell.component";
+import * as i45 from "./filtering/cell/date-filter-cell.component";
+import * as i46 from "./filtering/operators/contains-filter-operator.component";
+import * as i47 from "./filtering/operators/not-contains-filter-operator.component";
+import * as i48 from "./filtering/operators/ends-with-filter-operator.component";
+import * as i49 from "./filtering/operators/eq-filter-operator.component";
+import * as i50 from "./filtering/operators/is-empty-filter-operator.component";
+import * as i51 from "./filtering/operators/is-not-empty-filter-operator.component";
+import * as i52 from "./filtering/operators/is-not-null-filter-operator.component";
+import * as i53 from "./filtering/operators/isnull-filter-operator.component";
+import * as i54 from "./filtering/operators/neq-filter-operator.component";
+import * as i55 from "./filtering/operators/starts-with-filter-operator.component";
+import * as i56 from "./filtering/operators/gt-filter-operator.component";
+import * as i57 from "./filtering/operators/gte-filter-operator.component";
+import * as i58 from "./filtering/operators/lt-filter-operator.component";
+import * as i59 from "./filtering/operators/lte-filter-operator.component";
+import * as i60 from "./filtering/operators/after-filter-operator.component";
+import * as i61 from "./filtering/operators/after-eq-filter-operator.component";
+import * as i62 from "./filtering/operators/before-eq-filter-operator.component";
+import * as i63 from "./filtering/operators/before-filter-operator.component";
+import * as i64 from "./filtering/menu/string-filter-menu.component";
+import * as i65 from "./filtering/menu/filter-menu-template.directive";
+import * as i66 from "./filtering/menu/numeric-filter-menu.component";
+import * as i67 from "./filtering/menu/date-filter-menu.component";
+import * as i68 from "./filtering/menu/boolean-filter-menu.component";
+import * as i69 from "./filtering/menu/filter-menu-dropdownlist.directive";
+import * as i70 from "./filtering/menu/filter-radio-button.directive";
+import * as i71 from "./column-menu/column-chooser.component";
+import * as i72 from "./column-menu/column-menu-filter.component";
+import * as i73 from "./column-menu/column-menu-item.component";
+import * as i74 from "./column-menu/column-menu-item-content-template.directive";
+import * as i75 from "./column-menu/column-menu-sort.component";
+import * as i76 from "./column-menu/column-menu-lock.component";
+import * as i77 from "./column-menu/column-menu-stick.component";
+import * as i78 from "./column-menu/column-menu-position.component";
+import * as i79 from "./column-menu/column-menu-chooser.component";
+import * as i80 from "./column-menu/column-menu-template.directive";
+import * as i81 from "./column-menu/column-menu-container.component";
+import * as i82 from "./column-menu/column-menu-item.directive";
+import * as i83 from "./column-menu/column-menu.component";
+import * as i84 from "./column-menu/column-menu-autosize.component";
+import * as i85 from "./column-menu/column-menu-autosize-all.component";
 const exportedModules = [
     GridComponent,
     ToolbarTemplateDirective,
@@ -220,7 +222,8 @@ GridModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13
         RowFilterModule,
         FilterMenuModule,
         ResizeSensorModule,
-        ColumnMenuModule], exports: [GridComponent,
+        ColumnMenuModule,
+        DragAndDropModule], exports: [GridComponent,
         ToolbarTemplateDirective,
         ToolbarComponent,
         GridSpacerComponent,
@@ -233,7 +236,7 @@ GridModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13
         InCellEditingDirective,
         ExpandDetailsDirective,
         ExpandGroupDirective,
-        GridToolbarFocusableDirective, i1.GroupHeaderTemplateDirective, i2.GroupHeaderColumnTemplateDirective, i3.GroupFooterTemplateDirective, i4.ColumnComponent, i5.SpanColumnComponent, i6.ColumnGroupComponent, i7.FooterTemplateDirective, i8.DetailTemplateDirective, i9.FocusableDirective, i10.GridTableDirective, i11.CommandColumnComponent, i12.CheckboxColumnComponent, i13.SelectionCheckboxDirective, i14.CellTemplateDirective, i15.NoRecordsTemplateDirective, i16.EditTemplateDirective, i17.EditCommandDirective, i18.CancelCommandDirective, i19.SaveCommandDirective, i20.RemoveCommandDirective, i21.AddCommandDirective, i22.CellLoadingTemplateDirective, i23.LoadingTemplateDirective, i24.HeaderTemplateDirective, i25.SelectAllCheckboxDirective, i26.PagerComponent, i27.PagerPrevButtonsComponent, i28.PagerNextButtonsComponent, i29.PagerNumericButtonsComponent, i30.PagerInputComponent, i31.PagerInfoComponent, i32.PagerPageSizesComponent, i33.PagerTemplateDirective, i34.PagerDropDownListDirective, i35.PagerInputDirective, i36.FilterRowComponent, i37.FilterCellComponent, i38.FilterCellTemplateDirective, i39.FilterCellOperatorsComponent, i40.StringFilterCellComponent, i41.NumericFilterCellComponent, i42.AutoCompleteFilterCellComponent, i43.BooleanFilterCellComponent, i44.DateFilterCellComponent, i39.FilterCellOperatorsComponent, i45.ContainsFilterOperatorComponent, i46.DoesNotContainFilterOperatorComponent, i47.EndsWithFilterOperatorComponent, i48.EqualFilterOperatorComponent, i49.IsEmptyFilterOperatorComponent, i50.IsNotEmptyFilterOperatorComponent, i51.IsNotNullFilterOperatorComponent, i52.IsNullFilterOperatorComponent, i53.NotEqualFilterOperatorComponent, i54.StartsWithFilterOperatorComponent, i55.GreaterFilterOperatorComponent, i56.GreaterOrEqualToFilterOperatorComponent, i57.LessFilterOperatorComponent, i58.LessOrEqualToFilterOperatorComponent, i59.AfterFilterOperatorComponent, i60.AfterEqFilterOperatorComponent, i61.BeforeEqFilterOperatorComponent, i62.BeforeFilterOperatorComponent, i63.StringFilterMenuComponent, i64.FilterMenuTemplateDirective, i65.NumericFilterMenuComponent, i66.DateFilterMenuComponent, i67.BooleanFilterMenuComponent, i68.FilterMenuDropDownListDirective, i69.BooleanFilterRadioButtonDirective, i39.FilterCellOperatorsComponent, i45.ContainsFilterOperatorComponent, i46.DoesNotContainFilterOperatorComponent, i47.EndsWithFilterOperatorComponent, i48.EqualFilterOperatorComponent, i49.IsEmptyFilterOperatorComponent, i50.IsNotEmptyFilterOperatorComponent, i51.IsNotNullFilterOperatorComponent, i52.IsNullFilterOperatorComponent, i53.NotEqualFilterOperatorComponent, i54.StartsWithFilterOperatorComponent, i55.GreaterFilterOperatorComponent, i56.GreaterOrEqualToFilterOperatorComponent, i57.LessFilterOperatorComponent, i58.LessOrEqualToFilterOperatorComponent, i59.AfterFilterOperatorComponent, i60.AfterEqFilterOperatorComponent, i61.BeforeEqFilterOperatorComponent, i62.BeforeFilterOperatorComponent, i70.ColumnChooserComponent, i71.ColumnMenuFilterComponent, i72.ColumnMenuItemComponent, i73.ColumnMenuItemContentTemplateDirective, i74.ColumnMenuSortComponent, i75.ColumnMenuLockComponent, i76.ColumnMenuStickComponent, i77.ColumnMenuPositionComponent, i78.ColumnMenuChooserComponent, i79.ColumnMenuTemplateDirective, i80.ColumnMenuContainerComponent, i81.ColumnMenuItemDirective, i82.ColumnMenuComponent, i83.ColumnMenuAutoSizeColumnComponent, i84.ColumnMenuAutoSizeAllColumnsComponent] });
+        GridToolbarFocusableDirective, i1.GroupHeaderTemplateDirective, i2.GroupHeaderColumnTemplateDirective, i3.GroupFooterTemplateDirective, i4.ColumnComponent, i5.SpanColumnComponent, i6.ColumnGroupComponent, i7.FooterTemplateDirective, i8.DetailTemplateDirective, i9.FocusableDirective, i10.GridTableDirective, i11.CommandColumnComponent, i12.CheckboxColumnComponent, i13.SelectionCheckboxDirective, i14.CellTemplateDirective, i15.NoRecordsTemplateDirective, i16.EditTemplateDirective, i17.EditCommandDirective, i18.CancelCommandDirective, i19.SaveCommandDirective, i20.RemoveCommandDirective, i21.AddCommandDirective, i22.CellLoadingTemplateDirective, i23.LoadingTemplateDirective, i24.RowReorderColumnComponent, i25.HeaderTemplateDirective, i26.SelectAllCheckboxDirective, i27.PagerComponent, i28.PagerPrevButtonsComponent, i29.PagerNextButtonsComponent, i30.PagerNumericButtonsComponent, i31.PagerInputComponent, i32.PagerInfoComponent, i33.PagerPageSizesComponent, i34.PagerTemplateDirective, i35.PagerDropDownListDirective, i36.PagerInputDirective, i37.FilterRowComponent, i38.FilterCellComponent, i39.FilterCellTemplateDirective, i40.FilterCellOperatorsComponent, i41.StringFilterCellComponent, i42.NumericFilterCellComponent, i43.AutoCompleteFilterCellComponent, i44.BooleanFilterCellComponent, i45.DateFilterCellComponent, i40.FilterCellOperatorsComponent, i46.ContainsFilterOperatorComponent, i47.DoesNotContainFilterOperatorComponent, i48.EndsWithFilterOperatorComponent, i49.EqualFilterOperatorComponent, i50.IsEmptyFilterOperatorComponent, i51.IsNotEmptyFilterOperatorComponent, i52.IsNotNullFilterOperatorComponent, i53.IsNullFilterOperatorComponent, i54.NotEqualFilterOperatorComponent, i55.StartsWithFilterOperatorComponent, i56.GreaterFilterOperatorComponent, i57.GreaterOrEqualToFilterOperatorComponent, i58.LessFilterOperatorComponent, i59.LessOrEqualToFilterOperatorComponent, i60.AfterFilterOperatorComponent, i61.AfterEqFilterOperatorComponent, i62.BeforeEqFilterOperatorComponent, i63.BeforeFilterOperatorComponent, i64.StringFilterMenuComponent, i65.FilterMenuTemplateDirective, i66.NumericFilterMenuComponent, i67.DateFilterMenuComponent, i68.BooleanFilterMenuComponent, i69.FilterMenuDropDownListDirective, i70.BooleanFilterRadioButtonDirective, i40.FilterCellOperatorsComponent, i46.ContainsFilterOperatorComponent, i47.DoesNotContainFilterOperatorComponent, i48.EndsWithFilterOperatorComponent, i49.EqualFilterOperatorComponent, i50.IsEmptyFilterOperatorComponent, i51.IsNotEmptyFilterOperatorComponent, i52.IsNotNullFilterOperatorComponent, i53.IsNullFilterOperatorComponent, i54.NotEqualFilterOperatorComponent, i55.StartsWithFilterOperatorComponent, i56.GreaterFilterOperatorComponent, i57.GreaterOrEqualToFilterOperatorComponent, i58.LessFilterOperatorComponent, i59.LessOrEqualToFilterOperatorComponent, i60.AfterFilterOperatorComponent, i61.AfterEqFilterOperatorComponent, i62.BeforeEqFilterOperatorComponent, i63.BeforeFilterOperatorComponent, i71.ColumnChooserComponent, i72.ColumnMenuFilterComponent, i73.ColumnMenuItemComponent, i74.ColumnMenuItemContentTemplateDirective, i75.ColumnMenuSortComponent, i76.ColumnMenuLockComponent, i77.ColumnMenuStickComponent, i78.ColumnMenuPositionComponent, i79.ColumnMenuChooserComponent, i80.ColumnMenuTemplateDirective, i81.ColumnMenuContainerComponent, i82.ColumnMenuItemDirective, i83.ColumnMenuComponent, i84.ColumnMenuAutoSizeColumnComponent, i85.ColumnMenuAutoSizeAllColumnsComponent] });
 GridModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GridModule, imports: [[
             CommonModule,
             GroupModule,
@@ -245,7 +248,8 @@ GridModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13
             RowFilterModule,
             FilterMenuModule,
             ResizeSensorModule,
-            ColumnMenuModule
+            ColumnMenuModule,
+            DragAndDropModule
         ]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GridModule, decorators: [{
             type: NgModule,
@@ -263,7 +267,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                         RowFilterModule,
                         FilterMenuModule,
                         ResizeSensorModule,
-                        ColumnMenuModule
+                        ColumnMenuModule,
+                        DragAndDropModule
                     ]
                 }]
         }] });

package/esm2020/grouping/group-footer-template.directive.mjs

@@ -9,47 +9,21 @@ import * as i0 from "@angular/core";
  * To define the group footer template, nest an `<ng-template>` tag with the `kendoGridGroupFooterTemplate` directive
  * inside `<kendo-grid-column>`.
  *
- * The template context is set to the current aggregates and the following additional fields are passed:
+ * The template context is set to the current data item and the following additional fields are passed:
  * - `column`&mdash;Defines an instance of the `ColumnComponent` option.
  * - `field`&mdash;The current column field name.
  * - `group`&mdash;The current group data item.
  * - `aggregates`&mdash;All aggregate values for the current group.
  *
  * @example
- * ```ts-preview
- * import { process } from '@progress/kendo-data-query';
- *
- * _@Component({
- *     selector: 'my-app',
- *     template: `
- *         <kendo-grid [data]="gridData" [group]="groups">
- *             <kendo-grid-column field="ProductName">
- *                 <ng-template kendoGridGroupFooterTemplate let-aggregates let-field="field">
- *                    Count: {{aggregates[field].count}}
- *                 </ng-template>
- *             </kendo-grid-column>
- *         </kendo-grid>
- *     `
- * })
- *
- * class AppComponent {
- *     public groups = [{ field: "ProductName", aggregates: [{ field: "ProductName", aggregate: "count" }] }];
- *
- *     public gridData = process([{
- *         "ProductID": 1,
- *         "ProductName": "Chai",
- *         "UnitPrice": 18.0000,
- *         "Discontinued": false
- *       }, {
- *         "ProductID": 2,
- *         "ProductName": "Chang",
- *         "UnitPrice": 19.0000,
- *         "Discontinued": true
- *       }
- *     ], {
- *      group: this.groups
- *     });
- * }
+ * ```html
+ * <kendo-grid [data]="gridData" [group]="groups">
+ *    <kendo-grid-column field="ProductName">
+ *       <ng-template kendoGridGroupFooterTemplate let-aggregates let-field="field">
+ *          Count: {{aggregates[field].count}}
+ *       </ng-template>
+ *    </kendo-grid-column>
+ * </kendo-grid>
  * ```
  */
 export class GroupFooterTemplateDirective {

package/esm2020/grouping/group-header-column-template.directive.mjs

@@ -7,7 +7,7 @@ import * as i0 from "@angular/core";
 /**
  * Represents the group-header column template of the Grid which helps to customize the content of the group headers.
  * To define the group header template, nest an `<ng-template>` tag with the `kendoGridGroupHeaderColumnTemplate`
- * directive inside `<kendo-grid-column>`. ([See example]({% slug groupable_grid_with_aggregates %})).
+ * directive inside `<kendo-grid-column>`. ([See example](slug:grouping_grid_templates#toc-header-column-template)).
  *
  * The template context is set to the current data item and the following additional fields are passed:
  * - `group`&mdash;The current group item.
@@ -16,7 +16,7 @@ import * as i0 from "@angular/core";
  * - `aggregates`&mdash;All aggregate values for the current group.
  *
  * @example
- * ```ts
+ * ```html
  * <kendo-grid-column field="ProductName" title="Product Name">
  *     <ng-template kendoGridGroupHeaderColumnTemplate let-group="group" let-aggregates="aggregates">
  *         <span title="Group Header Column Template for ProductName">

package/esm2020/grouping/group-header-template.directive.mjs

@@ -7,7 +7,7 @@ import * as i0 from "@angular/core";
 /**
  * Represents the group-header cell template of the Grid which helps to customize the content of the group header item.
  * To define the group header template, nest an `<ng-template>` tag with the `kendoGridGroupHeaderTemplate`
- * directive inside `<kendo-grid-column>`.
+ * directive inside `<kendo-grid-column>`. ([See example](slug:grouping_grid_templates#toc-header-template)).
  *
  * The template context is set to the current data item and the following additional fields are passed:
  * - `group`&mdash;The current group item.
@@ -16,44 +16,16 @@ import * as i0 from "@angular/core";
  * - `aggregates`&mdash;All aggregate values for the current group.
  * - `index`&mdash;The index of the current group.
  * - `expanded`&mdash;A boolean value indicating if the group is currently expanded.
- * ([see example]({% slug groupable_grid_with_aggregates %})).
  *
  * @example
- * ```ts
- * import { process } from '@progress/kendo-data-query';
- *
- * _@Component({
- *     selector: 'my-app',
- *     template: `
- *         <kendo-grid [data]="gridData" [group]="groups">
- *             <kendo-grid-column field="ProductName">
- *                 <ng-template kendoGridGroupHeaderTemplate let-group let-field="field" let-value="value">
- *                    <strong>{{field}}</strong>: {{value}}
- *                 </ng-template>
- *             </kendo-grid-column>
- *         </kendo-grid>
- *     `
- * })
- *
- * class AppComponent {
- *     public groups = [{ field: "ProductName" }];
- *
- *     public gridData = process([{
- *         "ProductID": 1,
- *         "ProductName": "Chai",
- *         "UnitPrice": 18.0000,
- *         "Discontinued": false
- *       }, {
- *         "ProductID": 2,
- *         "ProductName": "Chang",
- *         "UnitPrice": 19.0000,
- *         "Discontinued": true
- *       }
- *     ], {
- *      group: this.groups
- *     });
- * }
- *
+ * ```html
+ * <kendo-grid [data]="gridData" [group]="groups">
+ *    <kendo-grid-column field="ProductName">
+ *       <ng-template kendoGridGroupHeaderTemplate let-group let-field="field" let-value="value">
+ *          <strong>{{field}}</strong>: {{value}}
+ *       </ng-template>
+ *    </kendo-grid-column>
+ * </kendo-grid>
  * ```
  */
 export class GroupHeaderTemplateDirective {

package/esm2020/index.mjs

@@ -12,6 +12,7 @@ export { CommandColumnComponent } from './columns/command-column.component';
 export { SpanColumnComponent } from './columns/span-column.component';
 export { ColumnGroupComponent } from './columns/column-group.component';
 export { CheckboxColumnComponent } from './columns/checkbox-column.component';
+export { RowReorderColumnComponent } from './columns/reorder-column.component';
 export { ToolbarComponent } from './rendering/toolbar/toolbar.component';
 export { ToolbarTemplateDirective } from './rendering/toolbar/toolbar-template.directive';
 export { GridToolbarFocusableDirective } from './rendering/toolbar/toolbar-focusable.directive';

package/esm2020/localization/messages.mjs

@@ -11,7 +11,7 @@ import * as i0 from "@angular/core";
 export class GridMessages extends ComponentMessages {
 }
 GridMessages.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GridMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-GridMessages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: GridMessages, selector: "kendo-grid-messages-base", inputs: { groupPanelEmpty: "groupPanelEmpty", noRecords: "noRecords", pagerLabel: "pagerLabel", pagerFirstPage: "pagerFirstPage", pagerLastPage: "pagerLastPage", pagerPreviousPage: "pagerPreviousPage", pagerNextPage: "pagerNextPage", pagerPage: "pagerPage", pagerItemsPerPage: "pagerItemsPerPage", pagerOf: "pagerOf", pagerItems: "pagerItems", pagerPageNumberInputTitle: "pagerPageNumberInputTitle", selectPage: "selectPage", filter: "filter", filterInputLabel: "filterInputLabel", filterMenuTitle: "filterMenuTitle", filterMenuOperatorsDropDownLabel: "filterMenuOperatorsDropDownLabel", filterMenuLogicDropDownLabel: "filterMenuLogicDropDownLabel", filterEqOperator: "filterEqOperator", filterNotEqOperator: "filterNotEqOperator", filterIsNullOperator: "filterIsNullOperator", filterIsNotNullOperator: "filterIsNotNullOperator", filterIsEmptyOperator: "filterIsEmptyOperator", filterIsNotEmptyOperator: "filterIsNotEmptyOperator", filterStartsWithOperator: "filterStartsWithOperator", filterContainsOperator: "filterContainsOperator", filterNotContainsOperator: "filterNotContainsOperator", filterEndsWithOperator: "filterEndsWithOperator", filterGteOperator: "filterGteOperator", filterGtOperator: "filterGtOperator", filterLteOperator: "filterLteOperator", filterLtOperator: "filterLtOperator", filterIsTrue: "filterIsTrue", filterIsFalse: "filterIsFalse", filterBooleanAll: "filterBooleanAll", filterAfterOrEqualOperator: "filterAfterOrEqualOperator", filterAfterOperator: "filterAfterOperator", filterBeforeOperator: "filterBeforeOperator", filterBeforeOrEqualOperator: "filterBeforeOrEqualOperator", filterFilterButton: "filterFilterButton", filterClearButton: "filterClearButton", filterAndLogic: "filterAndLogic", filterOrLogic: "filterOrLogic", loading: "loading", gridLabel: "gridLabel", columnMenu: "columnMenu", setColumnPosition: "setColumnPosition", columns: "columns", lock: "lock", unlock: "unlock", stick: "stick", unstick: "unstick", sortable: "sortable", sortAscending: "sortAscending", sortDescending: "sortDescending", autosizeThisColumn: "autosizeThisColumn", autosizeAllColumns: "autosizeAllColumns", sortedAscending: "sortedAscending", sortedDescending: "sortedDescending", sortedDefault: "sortedDefault", columnsApply: "columnsApply", columnsReset: "columnsReset", detailExpand: "detailExpand", detailCollapse: "detailCollapse", filterDateToday: "filterDateToday", filterDateToggle: "filterDateToggle", filterNumericDecrement: "filterNumericDecrement", filterNumericIncrement: "filterNumericIncrement", selectionCheckboxLabel: "selectionCheckboxLabel", selectAllCheckboxLabel: "selectAllCheckboxLabel", groupCollapse: "groupCollapse", groupExpand: "groupExpand", topToolbarLabel: "topToolbarLabel", bottomToolbarLabel: "bottomToolbarLabel", groupPanelLabel: "groupPanelLabel" }, usesInheritance: true, ngImport: i0 });
+GridMessages.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.12", type: GridMessages, selector: "kendo-grid-messages-base", inputs: { groupPanelEmpty: "groupPanelEmpty", noRecords: "noRecords", pagerLabel: "pagerLabel", pagerFirstPage: "pagerFirstPage", pagerLastPage: "pagerLastPage", pagerPreviousPage: "pagerPreviousPage", pagerNextPage: "pagerNextPage", pagerPage: "pagerPage", pagerItemsPerPage: "pagerItemsPerPage", pagerOf: "pagerOf", pagerItems: "pagerItems", pagerPageNumberInputTitle: "pagerPageNumberInputTitle", selectPage: "selectPage", filter: "filter", filterInputLabel: "filterInputLabel", filterMenuTitle: "filterMenuTitle", filterMenuOperatorsDropDownLabel: "filterMenuOperatorsDropDownLabel", filterMenuLogicDropDownLabel: "filterMenuLogicDropDownLabel", filterEqOperator: "filterEqOperator", filterNotEqOperator: "filterNotEqOperator", filterIsNullOperator: "filterIsNullOperator", filterIsNotNullOperator: "filterIsNotNullOperator", filterIsEmptyOperator: "filterIsEmptyOperator", filterIsNotEmptyOperator: "filterIsNotEmptyOperator", filterStartsWithOperator: "filterStartsWithOperator", filterContainsOperator: "filterContainsOperator", filterNotContainsOperator: "filterNotContainsOperator", filterEndsWithOperator: "filterEndsWithOperator", filterGteOperator: "filterGteOperator", filterGtOperator: "filterGtOperator", filterLteOperator: "filterLteOperator", filterLtOperator: "filterLtOperator", filterIsTrue: "filterIsTrue", filterIsFalse: "filterIsFalse", filterBooleanAll: "filterBooleanAll", filterAfterOrEqualOperator: "filterAfterOrEqualOperator", filterAfterOperator: "filterAfterOperator", filterBeforeOperator: "filterBeforeOperator", filterBeforeOrEqualOperator: "filterBeforeOrEqualOperator", filterFilterButton: "filterFilterButton", filterClearButton: "filterClearButton", filterAndLogic: "filterAndLogic", filterOrLogic: "filterOrLogic", loading: "loading", gridLabel: "gridLabel", columnMenu: "columnMenu", setColumnPosition: "setColumnPosition", columns: "columns", lock: "lock", unlock: "unlock", stick: "stick", unstick: "unstick", sortable: "sortable", sortAscending: "sortAscending", sortDescending: "sortDescending", autosizeThisColumn: "autosizeThisColumn", autosizeAllColumns: "autosizeAllColumns", sortedAscending: "sortedAscending", sortedDescending: "sortedDescending", sortedDefault: "sortedDefault", columnsApply: "columnsApply", columnsReset: "columnsReset", detailExpand: "detailExpand", detailCollapse: "detailCollapse", filterDateToday: "filterDateToday", filterDateToggle: "filterDateToggle", filterNumericDecrement: "filterNumericDecrement", filterNumericIncrement: "filterNumericIncrement", selectionCheckboxLabel: "selectionCheckboxLabel", selectAllCheckboxLabel: "selectAllCheckboxLabel", groupCollapse: "groupCollapse", groupExpand: "groupExpand", topToolbarLabel: "topToolbarLabel", bottomToolbarLabel: "bottomToolbarLabel", groupPanelLabel: "groupPanelLabel", dragRowHandleLabel: "dragRowHandleLabel" }, usesInheritance: true, ngImport: i0 });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: GridMessages, decorators: [{
             type: Directive,
             args: [{
@@ -168,4 +168,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
                 type: Input
             }], groupPanelLabel: [{
                 type: Input
+            }], dragRowHandleLabel: [{
+                type: Input
             }] } });

package/esm2020/navigation/focusable.directive.mjs

@@ -11,47 +11,16 @@ import * as i0 from "@angular/core";
  * [focus in a navigable Grid]({% slug keyboard_navigation_grid %}).
  *
  * @example
- * ```ts-preview
- * _@Component({
- *    selector: 'my-app',
- *    template: `
- *      <input type="text" placeholder="Tab stop #0" style="margin-bottom: 8px;" />
- *      <kendo-grid [data]="data" [navigable]="true">
- *          <kendo-grid-column field="ProductID" title="Product ID" [width]="100">
- *          </kendo-grid-column>
- *          <kendo-grid-column field="ProductName" title="Product Name" [width]="150">
- *          </kendo-grid-column>
- *          <kendo-grid-column>
- *              <ng-template kendoGridCellTemplate let-dataItem>
- *                  <!-- The first focusable element will be focused when pressing Enter on the cell -->
- *                  <input type="text" kendoGridFocusable [value]="dataItem.ProductName" style="margin-right: 8px;" />
- *                  <button kendoGridFocusable>Update</button>
- *              </ng-template>
- *          </kendo-grid-column>
- *          <kendo-grid-column [width]="100">
- *              <ng-template kendoGridCellTemplate>
- *                  <!-- A single focusable element will be focused during navigation -->
- *                  <button kendoGridFocusable>Delete</button>
- *              </ng-template>
- *          </kendo-grid-column>
- *      </kendo-grid>
- *      <input type="text" placeholder="Tab stop #2" style="margin-top: 8px;" />
- *    `
- * })
- *
- * class AppComponent {
- *     public readonly data: any = [{
- *         "ProductID": 1,
- *         "ProductName": "Chai",
- *         "UnitPrice": 18.0000,
- *         "Discontinued": true
- *     }, {
- *         "ProductID": 2,
- *         "ProductName": "Chang",
- *         "UnitPrice": 19.0000,
- *         "Discontinued": false
- *     }];
- * }
+ * ```html
+ * <kendo-grid [data]="data" [navigable]="true">
+ *    <kendo-grid-column>
+ *       <ng-template kendoGridCellTemplate let-dataItem>
+ *          <!-- The first focusable element will be focused when pressing Enter on the cell -->
+ *          <input type="text" kendoGridFocusable [value]="dataItem.ProductName" style="margin-right: 8px;" />
+ *          <button kendoGridFocusable>Update</button>
+ *       </ng-template>
+ *    </kendo-grid-column>
+ * </kendo-grid>
  * ```
  */
 export class FocusableDirective {

package/esm2020/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-grid',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1681814065,
-    version: '12.0.0-develop.8',
+    publishDate: 1681884669,
+    version: '12.0.0-develop.9',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/esm2020/pager/pager-template.directive.mjs

@@ -6,7 +6,8 @@ import { Directive, TemplateRef, Optional } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * Represents the pager template which helps to customize the pager appearance in the Grid. To define a pager
- * template, nest an `<ng-template>` tag with the `kendoPagerTemplate` directive inside `<kendo-grid>`.
+ * template, nest an `<ng-template>` tag with the `kendoPagerTemplate` directive inside `<kendo-grid>` tag
+ * [see example](slug:pager_template_grid).
  *
  * The template context provides the following fields:
  * * `currentPage`&mdash;The index of the displayed page.
@@ -14,53 +15,19 @@ import * as i0 from "@angular/core";
  * * `skip`&mdash;The current skip value.
  * * `total`&mdash;The total number of records.
  * * `totalPages`&mdash;The total number of available pages.
- * *  Needs to be provided as an input to inner pager components used within the template when the Grid is navigable.
  *
  * @example
- * ```ts-preview
- *
- * _@Component({
- *     selector: 'my-app',
- *     template: `
- *      <kendo-grid
- *        [kendoGridBinding]="gridData"
- *        [pageSize]="1"
- *        [pageable]="true"
- *      >
- *       <kendo-grid-column field="ProductID" title="ID" [width]="40">
- *       </kendo-grid-column>
- *       <kendo-grid-column field="ProductName" title="Name" [width]="250">
- *       </kendo-grid-column>
- *       <kendo-grid-column field="UnitPrice" title="Price" [width]="80" format="{0:c}">
- *       </kendo-grid-column>
- *
- *       <ng-template kendoPagerTemplate let-totalPages="totalPages" let-currentPage="currentPage">
- *          <kendo-pager-prev-buttons></kendo-pager-prev-buttons>
- *          <kendo-pager-numeric-buttons [buttonCount]="10"></kendo-pager-numeric-buttons>
- *          <kendo-pager-next-buttons></kendo-pager-next-buttons>
- *          <kendo-pager-info></kendo-pager-info>
- *          Current page: {{currentPage}}
- *       </ng-template>
- *
- *    </kendo-grid>
- *     `
- * })
- *
- * class AppComponent {
- *     public gridData = [{
- *         "ProductID": 1,
- *         "ProductName": "Chai",
- *         "UnitPrice": 18.0000,
- *         "Discontinued": false
- *       }, {
- *         "ProductID": 2,
- *         "ProductName": "Chang",
- *         "UnitPrice": 19.0000,
- *         "Discontinued": true
- *       }
- *     ];
- * }
- *
+ * ```html
+ * <kendo-grid ... [pageable]="true">
+ *   <ng-template kendoPagerTemplate let-totalPages="totalPages" let-currentPage="currentPage">
+ *     <kendo-pager-prev-buttons></kendo-pager-prev-buttons>
+ *     <kendo-pager-next-buttons></kendo-pager-next-buttons>
+ *     <kendo-pager-info></kendo-pager-info>
+ *       Current page: {{currentPage}}
+ *   </ng-template>
+ *   <kendo-grid-column field="ProductID"></kendo-grid-column>
+ *   <kendo-grid-column field="ProductName"></kendo-grid-column>
+ * </kendo-grid>
  * ```
  */
 export class PagerTemplateDirective {

package/esm2020/pdf/pdf-template.directive.mjs

@@ -7,50 +7,22 @@ import { PDFExportTemplateDirective } from '@progress/kendo-angular-pdf-export';
 import * as i0 from "@angular/core";
 /**
  * Represents the PDF page template of the Grid that helps to customize the PDF pages. To define a page template,
- * nest an `<ng-template>` tag with the `kendoGridPDFTemplate` directive inside `<kendo-grid-pdf>`.
+ * nest an `<ng-template>` tag with the `kendoGridPDFTemplate` directive inside `<kendo-grid-pdf>` tag.
  *
  * The template context provides the following fields:
  * - `pageNumber`&mdash;Defines PDF page number.
  * - `totalPages`&mdash;Defines the total number of PDF pages.
  *
  * @example
- * ```ts-preview
- *
- * _@Component({
- *     selector: 'my-app',
- *     template: `
- *         <kendo-grid [data]="gridData">
- *             <ng-template kendoGridToolbarTemplate>
- *                 <button kendoGridPDFCommand icon="file-pdf">Export to PDF</button>
- *             </ng-template>
- *             <kendo-grid-column field="ProductName">
- *             </kendo-grid-column>
- *              <kendo-grid-column field="UnitPrice">
- *             </kendo-grid-column>
- *             <kendo-grid-pdf fileName="Products.pdf" paperSize="A4" [margin]="{ top: '1cm', left: '1cm', right: '1cm', bottom: '1cm' }">
- *                 <ng-template kendoGridPDFTemplate let-pageNum="pageNum" let-totalPages="totalPages">
- *                     <div style="position: absolute;top: 5px; left: 5px;">
- *                         Page {{ pageNum }} of {{ totalPages }}
- *                     </div>
- *                 </ng-template>
- *             </kendo-grid-pdf>
- *         </kendo-grid>
- *     `
- * })
- *
- * class AppComponent {
- *     public gridData = [{
- *         "ProductID": 1,
- *         "ProductName": "Chai",
- *         "UnitPrice": 18.0000
- *       }, {
- *         "ProductID": 2,
- *         "ProductName": "Chang",
- *         "UnitPrice": 19.0000
- *       }
- *     ];
- * }
- *
+ * ```html
+ * <kendo-grid [data]="gridData">
+ *   ...
+ *   <kendo-grid-pdf fileName="Products.pdf" paperSize="A4">
+ *     <ng-template kendoGridPDFTemplate let-pageNumber="pageNumber" let-totalPages="totalPages">
+ *         Page {{ pageNumber }} of {{ totalPages }}
+ *     </ng-template>
+ *   </kendo-grid-pdf>
+ * </kendo-grid>
  * ```
  */
 export class PDFTemplateDirective extends PDFExportTemplateDirective {

package/esm2020/rendering/body.module.mjs

@@ -25,6 +25,7 @@ import { NumericTextBoxModule } from "@progress/kendo-angular-inputs";
 import { DatePickerModule } from '@progress/kendo-angular-dateinputs';
 import { CellLoadingTemplateDirective } from './cell-loading.template.directive';
 import { LoadingTemplateDirective } from './loading-template.directive';
+import { RowReorderColumnComponent } from '../columns/reorder-column.component';
 import * as i0 from "@angular/core";
 const exported = [
     CommandColumnComponent,
@@ -41,7 +42,8 @@ const exported = [
     RemoveCommandDirective,
     AddCommandDirective,
     CellLoadingTemplateDirective,
-    LoadingTemplateDirective
+    LoadingTemplateDirective,
+    RowReorderColumnComponent
 ];
 const importedModules = [
     CommonModule,
@@ -71,7 +73,8 @@ export class BodyModule {
             RemoveCommandDirective,
             AddCommandDirective,
             CellLoadingTemplateDirective,
-            LoadingTemplateDirective
+            LoadingTemplateDirective,
+            RowReorderColumnComponent
         ];
     }
 }
@@ -90,7 +93,8 @@ BodyModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13
         RemoveCommandDirective,
         AddCommandDirective,
         CellLoadingTemplateDirective,
-        LoadingTemplateDirective], imports: [CommonModule,
+        LoadingTemplateDirective,
+        RowReorderColumnComponent], imports: [CommonModule,
         ReactiveFormsModule,
         FormsModule,
         SharedModule,
@@ -111,7 +115,8 @@ BodyModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13
         RemoveCommandDirective,
         AddCommandDirective,
         CellLoadingTemplateDirective,
-        LoadingTemplateDirective] });
+        LoadingTemplateDirective,
+        RowReorderColumnComponent] });
 BodyModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: BodyModule, imports: [[...importedModules]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: BodyModule, decorators: [{
             type: NgModule,