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

package/esm2020/column-menu/column-chooser.component.mjs

@@ -16,27 +16,18 @@ import * as i3 from "@progress/kendo-angular-popup";
 import * as i4 from "@progress/kendo-angular-buttons";
 import * as i5 from "./column-list.component";
 /**
- * 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 class ColumnChooserComponent {
@@ -53,10 +44,14 @@ export class ColumnChooserComponent {
         this.columnsIcon = columnsIcon;
         /**
          * Specifies if the changes in the visibility of the column will be immediately applied.
+         *
+         * @default false
          */
         this.autoSync = false;
         /**
          * Specifies if all columns can be hidden.
+         *
+         * @default true
          */
         this.allowHideAll = true;
     }

package/esm2020/column-menu/column-menu-autosize-all.component.mjs

@@ -15,36 +15,21 @@ import * as i2 from "../common/provider.service";
 import * as i3 from "./column-menu-item.component";
 import * as i4 from "@angular/common";
 /**
- * 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 class ColumnMenuAutoSizeAllColumnsComponent extends ColumnMenuItemBase {

package/esm2020/column-menu/column-menu-autosize.component.mjs

@@ -15,36 +15,22 @@ import * as i2 from "../common/provider.service";
 import * as i3 from "./column-menu-item.component";
 import * as i4 from "@angular/common";
 /**
- * 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 class ColumnMenuAutoSizeColumnComponent extends ColumnMenuItemBase {

package/esm2020/column-menu/column-menu-chooser.component.mjs

@@ -14,33 +14,19 @@ import * as i3 from "./column-menu-item.component";
 import * as i4 from "./column-list.component";
 import * as i5 from "./column-menu-item-content-template.directive";
 /**
- * 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 class ColumnMenuChooserComponent extends ColumnMenuItemBase {
@@ -60,6 +46,7 @@ export class ColumnMenuChooserComponent extends ColumnMenuItemBase {
         this.collapse = new EventEmitter();
         /**
          * Specifies if the content is expanded.
+         * @default false
          */
         this.expanded = false;
         /**

package/esm2020/column-menu/column-menu-filter.component.mjs

@@ -12,33 +12,20 @@ import * as i2 from "./column-menu-item.component";
 import * as i3 from "../filtering/menu/filter-menu-container.component";
 import * as i4 from "./column-menu-item-content-template.directive";
 /**
- * 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 class ColumnMenuFilterComponent extends ColumnMenuItemBase {
@@ -56,6 +43,7 @@ export class ColumnMenuFilterComponent extends ColumnMenuItemBase {
         this.collapse = new EventEmitter();
         /**
          * Specifies if the content is expanded.
+         * @default false
          */
         this.expanded = false;
         /**

package/esm2020/column-menu/column-menu-item.component.mjs

@@ -13,27 +13,12 @@ import * as i2 from "@angular/common";
  * [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 class ColumnMenuItemComponent {

package/esm2020/column-menu/column-menu-lock.component.mjs

@@ -12,34 +12,20 @@ import * as i1 from "@progress/kendo-angular-l10n";
 import * as i2 from "../common/column-info.service";
 import * as i3 from "./column-menu-item.component";
 /**
- * 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 class ColumnMenuLockComponent extends ColumnMenuItemBase {

package/esm2020/column-menu/column-menu-position.component.mjs

@@ -14,33 +14,20 @@ import * as i4 from "./column-menu-stick.component";
 import * as i5 from "./column-menu-item-content-template.directive";
 import * as i6 from "@angular/common";
 /**
- * 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 class ColumnMenuPositionComponent extends ColumnMenuItemBase {
@@ -58,6 +45,7 @@ export class ColumnMenuPositionComponent extends ColumnMenuItemBase {
         this.collapse = new EventEmitter();
         /**
          * Specifies if the content is expanded.
+         * @default false
          */
         this.expanded = false;
         /**

package/esm2020/column-menu/column-menu-sort.component.mjs

@@ -13,34 +13,21 @@ import * as i1 from "@progress/kendo-angular-l10n";
 import * as i2 from "../common/sort.service";
 import * as i3 from "./column-menu-item.component";
 /**
- * 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 class ColumnMenuSortComponent extends ColumnMenuItemBase {

package/esm2020/column-menu/column-menu-stick.component.mjs

@@ -12,33 +12,21 @@ import * as i1 from "@progress/kendo-angular-l10n";
 import * as i2 from "../common/column-info.service";
 import * as i3 from "./column-menu-item.component";
 /**
- * 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/esm2020/column-menu/column-menu.component.mjs

@@ -34,7 +34,15 @@ import * as i16 from "@angular/common";
 import * as i17 from "./column-menu-item.directive";
 const POPUP_CLASS = 'k-grid-columnmenu-popup';
 /**
- * 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 class ColumnMenuComponent {
     constructor(navigationService, popupService, localization, service, ctx) {

package/esm2020/column-menu/column-menu.service.mjs

@@ -11,27 +11,15 @@ import * as i1 from "./../filtering/menu/menu-tabbing.service";
  * [ColumnMenuTemplate]({% slug api_grid_columnmenutemplatedirective %}) directive.
  *
  * @example
- * ```ts-preview
- *
- * _@Component({
- *     selector: 'my-app',
- *     template: `
- *       <kendo-grid [data]="data" [columnMenu]="true">
- *          <ng-template kendoGridColumnMenuTemplate let-service="service">
- *              <span class="k-icon k-i-x" (click)="service.close()"
- *                  style="position: absolute; right: 5px; top: 5px;cursor: pointer;"></span>
- *              <kendo-grid-columnmenu-sort [service]="service">
- *              </kendo-grid-columnmenu-sort>
- *          </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">
+ *       <span class="k-icon k-i-x" (click)="service.close()" </span>
+ *       <kendo-grid-columnmenu-sort [service]="service">
+ *       </kendo-grid-columnmenu-sort>
+ *    </ng-template>
+ *    <kendo-grid-column field="Field1"></kendo-grid-column>
+ * </kendo-grid>
  *
  * ```
  */

package/esm2020/columns/checkbox-column.component.mjs

@@ -10,65 +10,14 @@ import * as i0 from "@angular/core";
 import * as i1 from "./column-base";
 import * as i2 from "../common/id.service";
 /**
- * Represents the checkbox for selecting columns in the Grid. If the column is
- * defined as empty, it renders a default checkbox for row selection.
- * You can also define the content of the column inside an `<ng-template>` tag.
- * The input requires you to include the `SelectionCheckbox` option.
- *
- * The template context is set to the current data item and the following additional fields are passed:
- * - `columnIndex`&mdash;The current column index.
- * - `rowIndex`&mdash;The current data row index. If inside a new item row, it will be `-1`.
- * - `dataItem`&mdash;The current data item.
- * - `column`&mdash;The current column instance.
- * - `isNew`&mdash;The state of the current item.
- *
- * For more examples, refer to:
- * - [Selecting or deselecting all items on a page]({% slug selection_grid %}#toc-select-all-feature)
- * - [Persisting the selection]({% slug selection_grid %}#toc-in-combination-with-the-select-all-feature)
+ * Represents the checkbox column for selecting rows in the Grid. [See example](slug:grid_row_selection#toc-select-all-checkbox).
  *
  * @example
- * ```ts-preview
- *
- * _@Component({
- *    selector: 'my-app',
- *    template: `
- *        <kendo-grid [data]="gridData" [selectable]="{enabled: true, checkboxOnly: true}">
- *          <kendo-grid-column field="ProductID" title="Product ID" [width]="120">
- *          </kendo-grid-column>
- *          <kendo-grid-column field="ProductName" title="Product Name">
- *          </kendo-grid-column>
- *          <kendo-grid-checkbox-column title="Default checkbox">
- *          </kendo-grid-checkbox-column>
- *          <kendo-grid-checkbox-column title="Custom checkbox">
- *            <ng-template kendoGridCellTemplate let-idx="rowIndex">
- *              Select row <input [kendoGridSelectionCheckbox]="idx" />
- *            </ng-template>
- *          </kendo-grid-checkbox-column>
- *        </kendo-grid>
- *    `
- * })
- *
- * class AppComponent {
- *    public gridData: any[];
- *
- *    constructor() {
- *        this.gridData = products;
- *    }
- * }
- *
- * const products = [{
- *    "ProductID": 1,
- *    "ProductName": "Chai",
- *    "UnitPrice": 18.0000,
- *    "Discontinued": true
- *  }, {
- *    "ProductID": 2,
- *    "ProductName": "Chang",
- *    "UnitPrice": 19.0000,
- *    "Discontinued": false
- *  }
- * ];
- *
+ * ```hmtl
+ * <kendo-grid [selectable]="{enabled: true, checkboxOnly: true}">
+ *   <kendo-grid-checkbox-column title="Default checkbox"></kendo-grid-checkbox-column>
+ *   <kendo-grid-column field="ProductID"></kendo-grid-column>
+ * </kendo-grid>
  * ```
  */
 export class CheckboxColumnComponent extends ColumnBase {