@progress/kendo-angular-grid 12.0.0 → 12.0.1-develop.2

package/column-menu/column-chooser.component.d.ts

@@ -10,27 +10,18 @@ import { SVGIcon } from '@progress/kendo-svg-icons';
 import { Button } from '@progress/kendo-angular-buttons';
 import * as i0 from "@angular/core";
 /**
- * Represents the component for selecting columns in the Grid. To enable the user to show or hide columns,
- * add the component inside a [ToolbarTemplate]({% slug api_grid_toolbartemplatedirective %}) directive.
+ * Represents the component for toggling the visibility of the Grid columns. [See example](slug:columnmenu_grid#toc-using-standalone-column-chooser).
+ * To show and hide the columns without including the column chooser item in the [Column Menu](slug:columnmenu_grid),
+ * add the component inside the [ToolbarTemplate](slug:toolbartemplate_grid) directive.
  *
  * @example
- * ```ts-preview
- * _@Component({
- *     selector: 'my-app',
- *     template: `
- *       <kendo-grid [data]="data">
- *          <ng-template kendoGridToolbarTemplate>
- *             <kendo-grid-column-chooser></kendo-grid-column-chooser>
- *          </ng-template>
- *          <kendo-grid-column field="Field1"></kendo-grid-column>
- *          <kendo-grid-column field="Field2" [hidden]="true"></kendo-grid-column>
- *       </kendo-grid>
- *     `
- * })
- *
- * class AppComponent {
- *     public data: any[] = [{ Field1: 'Foo', Field2: 'Bar' }];
- * }
+ * ```html
+ * <kendo-grid [data]="data">
+ *   <ng-template kendoGridToolbarTemplate>
+ *     <kendo-grid-column-chooser></kendo-grid-column-chooser>
+ *   </ng-template>
+ *   <kendo-grid-column field="ProductID"></kendo-grid-column>
+ * </kendo-grid>
  * ```
  */
 export declare class ColumnChooserComponent implements OnDestroy {
@@ -46,10 +37,14 @@ export declare class ColumnChooserComponent implements OnDestroy {
     columnsIcon: SVGIcon;
     /**
      * Specifies if the changes in the visibility of the column will be immediately applied.
+     *
+     * @default false
      */
     autoSync: boolean;
     /**
      * Specifies if all columns can be hidden.
+     *
+     * @default true
      */
     allowHideAll: boolean;
     get columns(): any[];

package/column-menu/column-menu-autosize-all.component.d.ts

@@ -9,36 +9,21 @@ import { ContextService } from '../common/provider.service';
 import { ColumnMenuItemBase } from './column-menu-item-base';
 import * as i0 from "@angular/core";
 /**
- * Represents the component for resizing all columns to the minimum possible width so that they fit the widest header or cell content without wrapping.
- * The component can be placed inside a [ColumnMenuTemplate]({% slug api_grid_columnmenutemplatedirective %}) directive.
- *
- * > To enable the autosize-all-columns option, set the [`resizable`]({% slug api_grid_gridcomponent %}#toc-resizable)
- * > property of the Grid to `true`.
+ * Represents the column-menu item for resizing all columns to the minimum possible width so that they fit the widest header or cell content without wrapping.
+ * [See example](slug:columnmenu_grid#toc-autosize-all-columns-item).
  *
- * > You have to set the [ColumnMenuService]({% slug api_grid_columnmenuservice %}) that is passed by
- * > the template to the `service` input of the `kendo-grid-columnmenu-autosize-all-columns` component.
+ * The component can be placed inside a [ColumnMenuTemplate]({% slug api_grid_columnmenutemplatedirective %}) directive.
+ * To register the component as a known column menu item, set the [ColumnMenuService]({% slug api_grid_columnmenuservice %}) that is passed by
+ * the template to the `service` input of the `kendo-grid-columnmenu-autosize-all-columns` component. [See example](slug:columnmenu_grid#toc-customizing-the-content).
  *
  * @example
- * ```ts-preview
- *
- * _@Component({
- *     selector: 'my-app',
- *     template: `
- *       <kendo-grid [data]="data" [columnMenu]="true">
- *          <ng-template kendoGridColumnMenuTemplate let-service="service">
- *              <kendo-grid-columnmenu-autosize-all-columns [service]="service">
- *              </kendo-grid-columnmenu-autosize-all-columns>
- *          </ng-template>
- *          <kendo-grid-column field="Field1"></kendo-grid-column>
- *          <kendo-grid-column field="Field2"></kendo-grid-column>
- *       </kendo-grid>
- *     `
- * })
- *
- * class AppComponent {
- *   public data: any[] = [{ Field1: 'Foo', Field2: 'Bar' }];
- * }
- *
+ * ```html
+ * <kendo-grid [columnMenu]="true" ...>
+ *   <ng-template kendoGridColumnMenuTemplate let-service="service">
+ *     <kendo-grid-columnmenu-autosize-all-columns [service]="service">
+ *     </kendo-grid-columnmenu-autosize-all-columns>
+ *   </ng-template>
+ * </kendo-grid>
  * ```
  */
 export declare class ColumnMenuAutoSizeAllColumnsComponent extends ColumnMenuItemBase implements OnInit {
@@ -47,6 +32,9 @@ export declare class ColumnMenuAutoSizeAllColumnsComponent extends ColumnMenuIte
     displayInlineBlockIcon: SVGIcon;
     constructor(localization: LocalizationService, ctx: ContextService);
     ngOnInit(): void;
+    /**
+     * Resizes all columns to the minimum possible width so that they fit the widest header or cell content without wrapping.
+     */
     autoSizeAllColumns(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ColumnMenuAutoSizeAllColumnsComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ColumnMenuAutoSizeAllColumnsComponent, "kendo-grid-columnmenu-autosize-all-columns", never, {}, {}, never, never>;

package/column-menu/column-menu-autosize.component.d.ts

@@ -9,36 +9,22 @@ import { ContextService } from '../common/provider.service';
 import { ColumnMenuItemBase } from './column-menu-item-base';
 import * as i0 from "@angular/core";
 /**
- * Represents the component for resizing the specified column to the minimum possible width so that it fits the header or cell content without wrapping.
+ * Represents the column-menu item for resizing the specified column to the minimum possible width so that it fits the header or cell content without wrapping.
+ * [See example](slug:slug:columnmenu_grid#toc-autosize-column-item).
  * The component can be placed inside a [ColumnMenuTemplate]({% slug api_grid_columnmenutemplatedirective %}) directive.
+ * [See example](slug:columnmenu_grid#toc-customizing-the-content).
  *
- * > To enable the autosize-column option, set the [`resizable`]({% slug api_grid_gridcomponent %}#toc-resizable)
- * > property of the Grid to `true`.
- *
- * > You have to set the [ColumnMenuService]({% slug api_grid_columnmenuservice %}) and `column` that are passed by
- * > the template to the `service` and `column` input of the `kendo-grid-columnmenu-autosize-column` component.
+ * You have to set the [ColumnMenuService]({% slug api_grid_columnmenuservice %}) and `column` that are passed by
+ * the template to the `service` and `column` input of the `kendo-grid-columnmenu-autosize-column` component.
  *
  * @example
- * ```ts-preview
- *
- * _@Component({
- *     selector: 'my-app',
- *     template: `
- *       <kendo-grid [data]="data" [columnMenu]="true">
- *          <ng-template kendoGridColumnMenuTemplate let-service="service" let-column="column">
- *              <kendo-grid-columnmenu-autosize-column [column]="column" [service]="service">
- *              </kendo-grid-columnmenu-autosize-column>
- *          </ng-template>
- *          <kendo-grid-column field="Field1"></kendo-grid-column>
- *          <kendo-grid-column field="Field2"></kendo-grid-column>
- *       </kendo-grid>
- *     `
- * })
- *
- * class AppComponent {
- *   public data: any[] = [{ Field1: 'Foo', Field2: 'Bar' }];
- * }
- *
+ * ```html
+ * <kendo-grid [columnMenu]="true" ...>
+ *   <ng-template kendoGridColumnMenuTemplate let-service="service" let-column="column">
+ *     <kendo-grid-columnmenu-autosize-column [column]="column" [service]="service">
+ *     </kendo-grid-columnmenu-autosize-column>
+ *   </ng-template>
+ * </kendo-grid>
  * ```
  */
 export declare class ColumnMenuAutoSizeColumnComponent extends ColumnMenuItemBase implements OnInit {
@@ -51,6 +37,9 @@ export declare class ColumnMenuAutoSizeColumnComponent extends ColumnMenuItemBas
     maxWidthIcon: SVGIcon;
     constructor(localization: LocalizationService, ctx: ContextService);
     ngOnInit(): void;
+    /**
+     * Resizes a specified column to the minimum possible width so that it fits the widest header or cell content without wrapping.
+     */
     autoSizeColumn(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ColumnMenuAutoSizeColumnComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ColumnMenuAutoSizeColumnComponent, "kendo-grid-columnmenu-autosize-column", never, { "column": "column"; }, {}, never, never>;

package/column-menu/column-menu-chooser.component.d.ts

@@ -9,33 +9,19 @@ import { ColumnMenuItemBase } from './column-menu-item-base';
 import { SVGIcon } from '@progress/kendo-svg-icons';
 import * as i0 from "@angular/core";
 /**
- * Represents the component for selecting columns in the Grid that can be placed
- * inside a [ColumnMenuTemplate]({% slug api_grid_columnmenutemplatedirective %}) directive.
+ * Represents the column-menu item for selecting columns in the Grid. [See example](slug:columnmenu_grid#toc-column-chooser-item).
  *
- * > You have to set the [ColumnMenuService]({% slug api_grid_columnmenuservice %}) that is passed by
- * > the template to the service input of the `kendo-grid-columnmenu-chooser` component.
+ * The component can be placed inside a [ColumnMenuTemplate]({% slug api_grid_columnmenutemplatedirective %}) directive.
+ * To register the component as a known column menu item, set the [ColumnMenuService]({% slug api_grid_columnmenuservice %}) that is passed by
+ * the template to the service input of the `kendo-grid-columnmenu-chooser` component. [See example](slug:columnmenu_grid#toc-customizing-the-content).
  *
  * @example
- * ```ts-preview
- *
- * _@Component({
- *     selector: 'my-app',
- *     template: `
- *       <kendo-grid [data]="data" [columnMenu]="true">
- *          <ng-template kendoGridColumnMenuTemplate let-service="service">
- *              <kendo-grid-columnmenu-chooser [service]="service">
- *              </kendo-grid-columnmenu-chooser>
- *          </ng-template>
- *          <kendo-grid-column field="Field1"></kendo-grid-column>
- *          <kendo-grid-column field="Field2" [hidden]="true"></kendo-grid-column>
- *       </kendo-grid>
- *     `
- * })
- *
- * class AppComponent {
- *   public data: any[] = [{ Field1: 'Foo', Field2: 'Bar' }];
- * }
- *
+ * ```html
+ * <kendo-grid [columnMenu]="true" ...>
+ *   <ng-template kendoGridColumnMenuTemplate let-service="service">
+ *     <kendo-grid-columnmenu-chooser [service]="service"> </kendo-grid-columnmenu-chooser>
+ *   </ng-template>
+ * </kendo-grid>
  * ```
  */
 export declare class ColumnMenuChooserComponent extends ColumnMenuItemBase {
@@ -53,6 +39,7 @@ export declare class ColumnMenuChooserComponent extends ColumnMenuItemBase {
     collapse: EventEmitter<any>;
     /**
      * Specifies if the content is expanded.
+     * @default false
      */
     expanded: boolean;
     /**

package/column-menu/column-menu-expandable-item.interface.d.ts

@@ -9,7 +9,6 @@
 export interface ExpandableColumnMenuItem {
     /**
      * Used to determine whether an expandable column menu item is initially expanded.
-     * @default false
      */
     expanded: boolean;
 }

package/column-menu/column-menu-filter.component.d.ts

@@ -8,33 +8,20 @@ import { SVGIcon } from '@progress/kendo-svg-icons';
 import { ColumnMenuItemBase } from './column-menu-item-base';
 import * as i0 from "@angular/core";
 /**
- * Represents the component for editing column filters in the Grid that can be placed
- * inside a [ColumnMenuTemplate]({% slug api_grid_columnmenutemplatedirective %}) directive.
+ * Represents the column-menu item for editing column filters in the Grid. [See example](slug:columnmenu_grid#toc-filter-item).
  *
- * > You have to set the [ColumnMenuService]({% slug api_grid_columnmenuservice %}) that is passed by
- * > the template to the service input of the `kendo-grid-columnmenu-filter` component.
+ * The component can be placed inside a [ColumnMenuTemplate]({% slug api_grid_columnmenutemplatedirective %}) directive.
+ * To register the component as a known column menu item, set the [ColumnMenuService]({% slug api_grid_columnmenuservice %}) that is passed by
+ * the template to the service input of the `kendo-grid-columnmenu-filter` component. [See example](slug:columnmenu_grid#toc-customizing-the-content).
  *
  * @example
- * ```ts-preview
- *
- * _@Component({
- *     selector: 'my-app',
- *     template: `
- *       <kendo-grid [kendoGridBinding]="data" [columnMenu]="true">
- *          <ng-template kendoGridColumnMenuTemplate let-service="service">
- *              <kendo-grid-columnmenu-filter [service]="service">
- *              </kendo-grid-columnmenu-filter>
- *          </ng-template>
- *          <kendo-grid-column field="Field1"></kendo-grid-column>
- *          <kendo-grid-column field="Field2"></kendo-grid-column>
- *       </kendo-grid>
- *     `
- * })
- *
- * class AppComponent {
- *   public data: any[] = [{ Field1: 'Foo', Field2: 'Bar' }];
- * }
- *
+ * ```html
+ * <kendo-grid [columnMenu]="true" ...>
+ *   <ng-template kendoGridColumnMenuTemplate let-service="service">
+ *     <kendo-grid-columnmenu-filter [service]="service">
+ *     </kendo-grid-columnmenu-filter>
+ *   </ng-template>
+ * </kendo-grid>
  * ```
  */
 export declare class ColumnMenuFilterComponent extends ColumnMenuItemBase {
@@ -50,6 +37,7 @@ export declare class ColumnMenuFilterComponent extends ColumnMenuItemBase {
     collapse: EventEmitter<any>;
     /**
      * Specifies if the content is expanded.
+     * @default false
      */
     expanded: boolean;
     /**

package/column-menu/column-menu-item.component.d.ts

@@ -11,27 +11,12 @@ import * as i0 from "@angular/core";
  * [ColumnMenuTemplate]({% slug api_grid_columnmenutemplatedirective %}) directive.
  *
  * @example
- * ```ts-preview
- *
- * _@Component({
- *     selector: 'my-app',
- *     template: `
- *       <kendo-grid [data]="data" [columnMenu]="true" [resizable]="true" #grid>
- *          <ng-template kendoGridColumnMenuTemplate let-service="service" let-column="column">
- *              <kendo-grid-columnmenu-item icon="arrows-resizing" text="Fit column"
- *                  (itemClick)="grid.autoFitColumn(column); service.close()">
- *              </kendo-grid-columnmenu-item>
- *          </ng-template>
- *          <kendo-grid-column field="Field1"></kendo-grid-column>
- *          <kendo-grid-column field="Field2"></kendo-grid-column>
- *       </kendo-grid>
- *     `
- * })
- *
- * class AppComponent {
- *   public data: any[] = [{ Field1: 'Foo', Field2: 'Bar' }];
- * }
- *
+ * ```html
+ * <kendo-grid [columnMenu]="true" ...>
+ *   <ng-template kendoGridColumnMenuTemplate let-service="service" let-column="column">
+ *     <kendo-grid-columnmenu-item text="Fit column"></kendo-grid-columnmenu-item>
+ *   </ng-template>
+ * </kendo-grid>
  * ```
  */
 export declare class ColumnMenuItemComponent implements OnChanges {

package/column-menu/column-menu-lock.component.d.ts

@@ -9,34 +9,20 @@ import { ColumnInfoService } from '../common/column-info.service';
 import { ColumnMenuItemBase } from './column-menu-item-base';
 import * as i0 from "@angular/core";
 /**
- * Represents a column-menu item that can be placed inside a
- * [ColumnMenuTemplate]({% slug api_grid_columnmenutemplatedirective %}) directive.
- * Allows the user to lock or unlock the columns.
+ * Represents the column-menu item for locking and unlocking columns in the Grid. [See example](slug:columnmenu_grid#toc-lock-and-unlock-items).
  *
- * > You have to set the [ColumnMenuService]({% slug api_grid_columnmenuservice %}) that is passed by
- * > the template to the service input of the `kendo-grid-columnmenu-lock` component.
+ * The component can be placed inside a [ColumnMenuTemplate]({% slug api_grid_columnmenutemplatedirective %}) directive.
+ * To register the component as a known column menu item, set the [ColumnMenuService]({% slug api_grid_columnmenuservice %}) that is passed by
+ * the template to the service input of the `kendo-grid-columnmenu-lock` component. [See example](slug:columnmenu_grid#toc-customizing-the-content).
  *
  * @example
- * ```ts-preview
- *
- * _@Component({
- *     selector: 'my-app',
- *     template: `
- *       <kendo-grid [data]="data" [columnMenu]="true">
- *          <ng-template kendoGridColumnMenuTemplate let-service="service">
- *              <kendo-grid-columnmenu-lock [service]="service">
- *              </kendo-grid-columnmenu-lock>
- *          </ng-template>
- *          <kendo-grid-column field="Field1" [width]="100"></kendo-grid-column>
- *          <kendo-grid-column field="Field2" [width]="100"></kendo-grid-column>
- *       </kendo-grid>
- *     `
- * })
- *
- * class AppComponent {
- *   public data: any[] = [{ Field1: 'Foo', Field2: 'Bar' }];
- * }
- *
+ * ```html
+ * <kendo-grid [data]="data" [columnMenu]="true" ...>
+ *   <ng-template kendoGridColumnMenuTemplate let-service="service">
+ *     <kendo-grid-columnmenu-lock [service]="service">
+ *     </kendo-grid-columnmenu-lock>
+ *   </ng-template>
+ * </kendo-grid>
  * ```
  */
 export declare class ColumnMenuLockComponent extends ColumnMenuItemBase {

package/column-menu/column-menu-position.component.d.ts

@@ -8,33 +8,20 @@ import { SVGIcon } from '@progress/kendo-svg-icons';
 import { ColumnMenuItemBase } from './column-menu-item-base';
 import * as i0 from "@angular/core";
 /**
- * Represents the component for editing column filters in the Grid that can be placed
- * inside a [ColumnMenuTemplate]({% slug api_grid_columnmenutemplatedirective %}) directive.
+ * Represents the column-menu item which combines the lock and sticky column functionalities.
  *
- * > You have to set the [ColumnMenuService]({% slug api_grid_columnmenuservice %}) that is passed by
- * > the template to the service input of the `kendo-grid-columnmenu-filter` component.
+ * The component can be placed inside a [ColumnMenuTemplate]({% slug api_grid_columnmenutemplatedirective %}) directive.
+ * To register the component as a known column menu item, set the [ColumnMenuService]({% slug api_grid_columnmenuservice %}) that is passed by
+ * the template to the service input of the `kendo-grid-columnmenu-filter` component. [See example](slug:columnmenu_grid#toc-set-column-position-item).
  *
  * @example
- * ```ts-preview
- *
- * _@Component({
- *     selector: 'my-app',
- *     template: `
- *       <kendo-grid [kendoGridBinding]="data" [columnMenu]="true">
- *          <ng-template kendoGridColumnMenuTemplate let-service="service">
- *              <kendo-grid-columnmenu-filter [service]="service">
- *              </kendo-grid-columnmenu-filter>
- *          </ng-template>
- *          <kendo-grid-column field="Field1"></kendo-grid-column>
- *          <kendo-grid-column field="Field2"></kendo-grid-column>
- *       </kendo-grid>
- *     `
- * })
- *
- * class AppComponent {
- *   public data: any[] = [{ Field1: 'Foo', Field2: 'Bar' }];
- * }
- *
+ * ```html
+ * <kendo-grid [data]="data" [columnMenu]="true" ...>
+ *   <ng-template kendoGridColumnMenuTemplate let-service="service" let-column="column">
+ *     <kendo-grid-columnmenu-position [service]="service" [showLock]="true" [showStick]="true">
+ *     </kendo-grid-columnmenu-position>
+ *   </ng-template>
+ * </kendo-grid>
  * ```
  */
 export declare class ColumnMenuPositionComponent extends ColumnMenuItemBase {
@@ -50,6 +37,7 @@ export declare class ColumnMenuPositionComponent extends ColumnMenuItemBase {
     collapse: EventEmitter<any>;
     /**
      * Specifies if the content is expanded.
+     * @default false
      */
     expanded: boolean;
     /**

package/column-menu/column-menu-settings.interface.d.ts

@@ -7,67 +7,46 @@ import { ExpandableColumnMenuItem } from "./column-menu-expandable-item.interfac
  * The settings of the column menu in the Grid component.
  *
  * @example
- * ```ts-preview
- *
- * _@Component({
- *     selector: 'my-app',
- *     template: `
- *       <kendo-grid [data]="data" [filterable]="true" [columnMenu]="{ lock: true, filter: false }">
- *          <kendo-grid-column field="Field1" [width]="100"></kendo-grid-column>
- *          <kendo-grid-column field="Field2" [width]="100"></kendo-grid-column>
- *       </kendo-grid>
- *     `
- * })
- *
- * class AppComponent {
- *   public data: any[] = [{ Field1: 'Foo', Field2: 'Bar' }];
- * }
- *
+ * ```html
+ * <kendo-grid [columnMenu]="{ lock: true, filter: false }">
+ * </kendo-grid>
  * ```
  */
 export interface ColumnMenuSettings {
     /**
      * Specifies if the columns can be sorted in the column menu.
      * If [sorting]({% slug api_grid_gridcomponent %}#toc-sortable) is enabled, defaults to `true`.
-     * @default true
      */
     sort?: boolean;
     /**
      * Specifies if the columns can be filtered in the column menu.
      * If [filtering]({% slug api_grid_gridcomponent %}#toc-filterable) is enabled, defaults to `true`.
-     * @default true
      */
     filter?: boolean | ExpandableColumnMenuItem;
     /**
      * Specifies if the item for column selection will be displayed in the column menu.
-     * @default true
      */
     columnChooser?: boolean | ExpandableColumnMenuItem;
     /**
      * Specifies if the columns can be locked and unlocked from the column menu.
      * This option follows the prerequisites and limitations of the [locked columns]({% slug locked_columns_grid %}).
-     * @default false
      */
     lock?: boolean;
     /**
      * Specifies if the columns can be stuck and unstuck from the column menu.
      * This option follows the prerequisites and limitations of the [sticky columns]({% slug sticky_columns_grid %}).
-     * @default false
      */
     stick?: boolean;
     /**
      * Specifies whether the stick and lock items will be displayed in an expandable sub-menu or as standalone root-level menu items.
-     * @default false
      */
     setColumnPosition?: boolean | ExpandableColumnMenuItem;
     /**
      * Applies the minimum possible width for the specified column, so that the whole text fits without wrapping.
-     * @default false
      */
     autoSizeColumn?: boolean;
     /**
      * Adjusts the width of all columns to fit their entire content, including headers, without wrapping.
-     * @default false
      */
     autoSizeAllColumns?: boolean;
 }

package/column-menu/column-menu-sort.component.d.ts

@@ -9,34 +9,21 @@ import { ColumnMenuItemBase } from './column-menu-item-base';
 import { SVGIcon } from '@progress/kendo-svg-icons';
 import * as i0 from "@angular/core";
 /**
- * Represents a column-menu item for sorting Grid columns that can be placed inside a
- * [ColumnMenuTemplate]({% slug api_grid_columnmenutemplatedirective %}) directive.
- * Allows the user to sort the column.
+ * Represents the column-menu item for sorting Grid columns.
+ * [See example](slug:columnmenu_grid#toc-sort-item).
  *
- * > You have to set the [ColumnMenuService]({% slug api_grid_columnmenuservice %}) that is passed by
- * > the template to the service input of the `kendo-grid-columnmenu-sort` component.
+ * The component can be placed inside a [ColumnMenuTemplate]({% slug api_grid_columnmenutemplatedirective %}) directive.
+ * To register the component as a known column menu item, set the [ColumnMenuService]({% slug api_grid_columnmenuservice %}) that is passed by
+ * the template to the service input of the `kendo-grid-columnmenu-sort` component. [See example](slug:columnmenu_grid#toc-customizing-the-content).
  *
  * @example
- * ```ts-preview
- *
- * _@Component({
- *     selector: 'my-app',
- *     template: `
- *       <kendo-grid [kendoGridBinding]="data" [sortable]="true" [columnMenu]="true">
- *          <ng-template kendoGridColumnMenuTemplate let-service="service">
- *              <kendo-grid-columnmenu-sort [service]="service">
- *              </kendo-grid-columnmenu-sort>
- *          </ng-template>
- *          <kendo-grid-column field="Field1" [width]="100"></kendo-grid-column>
- *          <kendo-grid-column field="Field2" [width]="100"></kendo-grid-column>
- *       </kendo-grid>
- *     `
- * })
- *
- * class AppComponent {
- *   public data: any[] = [{ Field1: 'Foo', Field2: 'Bar' }, { Field1: 'Foo1', Field2: 'Bar1' }];
- * }
- *
+ * ```html
+ * <kendo-grid [kendoGridBinding]="data" [sortable]="true" [columnMenu]="true">
+ *   <ng-template kendoGridColumnMenuTemplate let-service="service">
+ *     <kendo-grid-columnmenu-sort [service]="service">
+ *     </kendo-grid-columnmenu-sort>
+ *   </ng-template>
+ * </kendo-grid>
  * ```
  */
 export declare class ColumnMenuSortComponent extends ColumnMenuItemBase {

package/column-menu/column-menu-stick.component.d.ts

@@ -9,33 +9,21 @@ import { ColumnInfoService } from '../common/column-info.service';
 import { ColumnMenuItemBase } from './column-menu-item-base';
 import * as i0 from "@angular/core";
 /**
- * Represents a column-menu item that can be placed inside a
- * [ColumnMenuTemplate]({% slug api_grid_columnmenutemplatedirective %}) directive.
- * Allows the user to stick or unstick the columns.
+ * Represents the column-menu item that sticks or unsticks columns in the Grid.
+ * [See example](slug:columnmenu_grid#toc-stick-and-unstick-items).
  *
- * > You have to set the [ColumnMenuService]({% slug api_grid_columnmenuservice %}) that is passed by
- * > the template to the service input of the `kendo-grid-columnmenu-stick` component.
+ * The component can be placed inside a [ColumnMenuTemplate]({% slug api_grid_columnmenutemplatedirective %}) directive.
+ * To register the component as a known column menu item, set the [ColumnMenuService]({% slug api_grid_columnmenuservice %}) that is passed by
+ * the template to the service input of the `kendo-grid-columnmenu-lock` component. [See example](slug:columnmenu_grid#toc-customizing-the-content).
  *
  * @example
- * ```ts-preview
- *
- * _@Component({
- *     selector: 'my-app',
- *     template: `
- *       <kendo-grid [data]="data" [columnMenu]="true">
- *          <ng-template kendoGridColumnMenuTemplate let-service="service">
- *              <kendo-grid-columnmenu-stick [service]="service">
- *              </kendo-grid-columnmenu-stick>
- *          </ng-template>
- *          <kendo-grid-column field="Field1" [width]="100"></kendo-grid-column>
- *          <kendo-grid-column field="Field2" [width]="100"></kendo-grid-column>
- *       </kendo-grid>
- *     `
- * })
- *
- * class AppComponent {
- *   public data: any[] = [{ Field1: 'Foo', Field2: 'Bar' }];
- * }
+ * ```html
+ * <kendo-grid [data]="data" [columnMenu]="true">
+ *   <ng-template kendoGridColumnMenuTemplate let-service="service">
+ *      <kendo-grid-columnmenu-stick [service]="service">
+ *      </kendo-grid-columnmenu-stick>
+ *   </ng-template>
+ * </kendo-grid>
  *
  * ```
  */

package/column-menu/column-menu.component.d.ts

@@ -12,7 +12,15 @@ import { ContextService } from '../common/provider.service';
 import { SVGIcon } from '@progress/kendo-svg-icons';
 import * as i0 from "@angular/core";
 /**
- * Represents the [column menu]({% slug columnmenu_grid %}) component.
+ * Represents the [column menu](slug:columnmenu_grid#toc-customizing-the-position) component.
+ *
+ * <kendo-grid ...>
+ *   <kendo-grid-column field="ProductName" [columnMenu]="false">
+ *     <ng-template kendoGridHeaderTemplate let-column>
+ *        <kendo-grid-column-menu [column]="column"> </kendo-grid-column-menu>
+ *     </ng-template>
+ *   </kendo-grid-column>
+ * </kendo-grid>
  */
 export declare class ColumnMenuComponent implements AfterViewInit, OnChanges, OnDestroy {
     protected navigationService: NavigationService;

package/column-resizing/column-resize.interface.d.ts

@@ -5,7 +5,7 @@
 import { Observable } from 'rxjs';
 import { ColumnBase } from '../columns/column-base';
 /**
- * The returned type of the `columnResize` event.
+ * The returned type of the [`columnResize`](slug:api_grid_gridcomponent#toc-columnresize) event.
  */
 export interface ColumnResizeArgs {
     /**