@progress/kendo-angular-grid 11.0.0-develop.99 → 11.0.0

package/NOTICE.txt

@@ -1,6 +1,6 @@
 Progress Kendo UI for Angular 2023
 
-Copyright (c) 2016-2022 Progress Software Corporation and/or one of its
+Copyright © 2016-2023 Progress Software Corporation and/or one of its
 subsidiaries or affiliates. All rights reserved.
 
 Portions of the Product include certain open source and commercial third-party
@@ -65,7 +65,7 @@ the Product:
 
 (1) 	The Apache Software License, Version 2.0:
 
-Progress Kendo UI for Angular 2022 incorporates TsLib v1.9.3. Such technology
+Progress Kendo UI for Angular 2023 incorporates TsLib v1.9.3. Such technology
 is subject to the following terms and conditions: Apache Software License Version 2.0.
 
                                  Apache License
@@ -290,7 +290,7 @@ is subject to the following terms and conditions: Apache Software License Versio
 
 (2) 	BSD-Style Licenses:
 
-(a) Progress Kendo UI for Angular 2022 incorporates xlf-translate v2.0.4.  Such
+(a) Progress Kendo UI for Angular 2023 incorporates xlf-translate v2.0.4.  Such
 technology is subject to the following terms and conditions:
 
    BSD 3-Clause License
@@ -325,7 +325,7 @@ technology is subject to the following terms and conditions:
 
 (3) 	The ISC License:
 
-(a) Progress Kendo UI for Angular 2022 incorporates glob v7.1.3.  Such technology
+(a) Progress Kendo UI for Angular 2023 incorporates glob v7.1.3.  Such technology
 is subject to the following terms and conditions:
 
     The ISC License
@@ -352,7 +352,7 @@ is subject to the following terms and conditions:
 
 (4)	MIT-Style Licenses:
 
-(a) Progress Kendo UI for Angular 2022 incorporates HammerJS v2.0.8.  Such
+(a) Progress Kendo UI for Angular 2023 incorporates HammerJS v2.0.8.  Such
 technology is subject to the following terms and conditions:
 
    The MIT License (MIT)
@@ -377,7 +377,7 @@ technology is subject to the following terms and conditions:
    OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
    SOFTWARE.
 
-(b) Progress Kendo UI for Angular 2022 incorporates prosemirror-commands v1*,
+(b) Progress Kendo UI for Angular 2023 incorporates prosemirror-commands v1*,
 prosemirror-cursor v1*, prosemirror-gapcursor v1*, prosemirror-history v1*,
 prosemirror-inputrules v1*, prosemirror-keymap v1*, prosemirror-model v1*,
 prosemirror-schema-list v1*, prosemirror-state v1*, prosemirror-tables v0.7*,
@@ -404,7 +404,7 @@ subject to the following terms and conditions:
    OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
    THE SOFTWARE.
 
-(c) Progress Kendo UI for Angular 2022 incorporates cheerio v0.2.2.  Such technology is subject to the following terms and conditions:
+(c) Progress Kendo UI for Angular 2023 incorporates cheerio v0.2.2.  Such technology is subject to the following terms and conditions:
 
    MIT License
 
@@ -428,7 +428,7 @@ subject to the following terms and conditions:
    OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
    SOFTWARE.
 
-(d) Progress Kendo UI for Angular 2022 incorporates @types/prosemirror-commands v1*,
+(d) Progress Kendo UI for Angular 2023 incorporates @types/prosemirror-commands v1*,
 @types/prosemirror-dropcursor v1*, @types/prosemirror-gapcursor v1*, @types/prosemirror-history v1*,
 @types/prosemirror-inputrules v1*, @types/prosemirror-keymap v1*, @types/prosemirror-model v1*,
 @types/prosemirror-schema-list v1*, @types/prosemirror-state v1*, @types/prosemirror-tables v0.9*,
@@ -457,7 +457,7 @@ subject to the following terms and conditions:
     OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
     SOFTWARE.
 
-(e) Progress Kendo UI for Angular 2022 incorporates pako-esm v1.0.0.  Such
+(e) Progress Kendo UI for Angular 2023 incorporates pako-esm v1.0.0.  Such
 technology is subject to the following terms and conditions:
 
   Copyright © 2020 Progress Software Corporation and/or one of its subsidiaries
@@ -483,7 +483,7 @@ technology is subject to the following terms and conditions:
   OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
   THE SOFTWARE.
 
-(f) Progress Kendo UI for Angular 2022 incorporates jszip-esm v1.0.0.  Such
+(f) Progress Kendo UI for Angular 2023 incorporates jszip-esm v1.0.0.  Such
 technology is subject to the following terms and conditions:
 
     Copyright © 2020 Progress Software Corporation and/or one of its subsidiaries
@@ -510,7 +510,7 @@ technology is subject to the following terms and conditions:
     OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
     THE SOFTWARE.
 
-(g) Progress Kendo UI for Angular 2022 incorporates data.task v3.1.2.  Such
+(g) Progress Kendo UI for Angular 2023 incorporates data.task v3.1.2.  Such
 technology is subject to the following terms and conditions:
 
     The MIT License
@@ -535,7 +535,7 @@ technology is subject to the following terms and conditions:
     OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
     THE SOFTWARE.
 
-(h) Progress Kendo UI for Angular 2022 incorporates ramda v0.23.  Such technology
+(h) Progress Kendo UI for Angular 2023 incorporates ramda v0.23.  Such technology
 is subject to the following terms and conditions:
 
     The MIT License (MIT)
@@ -560,7 +560,7 @@ is subject to the following terms and conditions:
     OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
     THE SOFTWARE.
 
-(i) Progress Kendo UI for Angular 2022 incorporates js-yaml v3.14.0.  Such
+(i) Progress Kendo UI for Angular 2023 incorporates js-yaml v3.14.0.  Such
 technology is subject to the following terms and conditions:
 
     (The MIT License)
@@ -587,7 +587,7 @@ technology is subject to the following terms and conditions:
 
 (5)	UNICODE, INC. LICENSE AGREEMENT - DATA FILES AND SOFTWARE:
 
-Progress Kendo UI for Angular 2022 incorporates Unicode CLDR Database v33.
+Progress Kendo UI for Angular 2023 incorporates Unicode CLDR Database v33.
 Such technology is subject to the following terms and conditions:
 
    UNICODE, INC. LICENSE AGREEMENT - DATA FILES AND SOFTWARE
@@ -605,7 +605,7 @@ Such technology is subject to the following terms and conditions:
 
    COPYRIGHT AND PERMISSION NOTICE
 
-   Copyright © 1991-2021 Unicode, Inc. All rights reserved.
+   Copyright © 1991-2019 Unicode, Inc. All rights reserved.
    Distributed under the Terms of Use in https://www.unicode.org/copyright.html.
 
    Permission is hereby granted, free of charge, to any person obtaining
@@ -642,7 +642,7 @@ incorporated into the Product:  NONE
 
 3. Special Notices Regarding Progress Products incorporated into the Product:
 
-(a) Progress Kendo UI for Angular 2022 incorporates Kendo UI Licensing CLI v1.1
+(a) Progress Kendo UI for Angular 2023 incorporates Kendo UI Licensing CLI v1.1
 from Progress Software Corporation. See NOTICE.txt text file within product for
 third-party license information.
 
@@ -651,4 +651,4 @@ the release notes or other documentation that accompanies updates received in
 connection with support of the Product.
 
 
-Updated 1/6/2022
+Updated 13.Jan.2023

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

@@ -6,6 +6,8 @@ import { NgZone, Renderer2, OnDestroy, ChangeDetectorRef } from '@angular/core';
 import { PopupService } from '@progress/kendo-angular-popup';
 import { ColumnInfoService } from '../common/column-info.service';
 import { LocalizationService } from "@progress/kendo-angular-l10n";
+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,
@@ -27,7 +29,7 @@ import * as i0 from "@angular/core";
  * })
  *
  * class AppComponent {
- *   public data: any[] = [{ Field1: 'Foo', Field2: 'Bar' }];
+ *     public data: any[] = [{ Field1: 'Foo', Field2: 'Bar' }];
  * }
  * ```
  */
@@ -38,6 +40,10 @@ export declare class ColumnChooserComponent implements OnDestroy {
     private ngZone;
     private renderer;
     private changeDetector;
+    /**
+     * @hidden
+     */
+    columnsIcon: SVGIcon;
     /**
      * Specifies if the changes in the visibility of the column will be immediately applied.
      */
@@ -54,7 +60,7 @@ export declare class ColumnChooserComponent implements OnDestroy {
     /**
      * @hidden
      */
-    toggle(anchor: any, template: any): void;
+    toggle(anchor: Button, template: any): void;
     /**
      * @hidden
      */

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

@@ -4,6 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { OnInit } from '@angular/core';
 import { LocalizationService } from "@progress/kendo-angular-l10n";
+import { SVGIcon } from '@progress/kendo-svg-icons';
 import { ContextService } from '../common/provider.service';
 import { ColumnMenuItemBase } from './column-menu-item-base';
 import * as i0 from "@angular/core";
@@ -43,6 +44,7 @@ import * as i0 from "@angular/core";
 export declare class ColumnMenuAutoSizeAllColumnsComponent extends ColumnMenuItemBase implements OnInit {
     localization: LocalizationService;
     ctx: ContextService;
+    displayInlineBlockIcon: SVGIcon;
     constructor(localization: LocalizationService, ctx: ContextService);
     ngOnInit(): void;
     autoSizeAllColumns(): void;

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

@@ -4,6 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { OnInit } from '@angular/core';
 import { LocalizationService } from "@progress/kendo-angular-l10n";
+import { SVGIcon } from '@progress/kendo-svg-icons';
 import { ContextService } from '../common/provider.service';
 import { ColumnMenuItemBase } from './column-menu-item-base';
 import * as i0 from "@angular/core";
@@ -47,6 +48,7 @@ export declare class ColumnMenuAutoSizeColumnComponent extends ColumnMenuItemBas
      * The Grid column instance which will be resized through the auto size column option.
      */
     column: any;
+    maxWidthIcon: SVGIcon;
     constructor(localization: LocalizationService, ctx: ContextService);
     ngOnInit(): void;
     autoSizeColumn(): void;

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

@@ -6,6 +6,7 @@ import { EventEmitter, ChangeDetectorRef, ElementRef } from '@angular/core';
 import { ColumnInfoService } from '../common/column-info.service';
 import { LocalizationService } from "@progress/kendo-angular-l10n";
 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
@@ -63,6 +64,7 @@ export declare class ColumnMenuChooserComponent extends ColumnMenuItemBase {
      */
     actionsClass: string;
     get columns(): any;
+    columnsIcon: SVGIcon;
     constructor(localization: LocalizationService, columnInfoService: ColumnInfoService, changeDetector: ChangeDetectorRef, hostElement: ElementRef);
     /**
      * @hidden

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

@@ -4,6 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { EventEmitter, ElementRef } from '@angular/core';
 import { LocalizationService } from "@progress/kendo-angular-l10n";
+import { SVGIcon } from '@progress/kendo-svg-icons';
 import { ColumnMenuItemBase } from './column-menu-item-base';
 import * as i0 from "@angular/core";
 /**
@@ -59,6 +60,7 @@ export declare class ColumnMenuFilterComponent extends ColumnMenuItemBase {
      * @hidden
      */
     actionsClass: string;
+    filterIcon: SVGIcon;
     constructor(localization: LocalizationService, hostElement: ElementRef);
     /**
      * @hidden

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

@@ -4,6 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { EventEmitter, OnChanges } from '@angular/core';
 import { ColumnMenuItemContentTemplateDirective } from './column-menu-item-content-template.directive';
+import { SVGIcon } from '@progress/kendo-svg-icons';
 import * as i0 from "@angular/core";
 /**
  * Represents an item that can be placed inside a
@@ -51,6 +52,11 @@ export declare class ColumnMenuItemComponent implements OnChanges {
      * that will be rendered for the item.
      */
     icon: string;
+    /**
+     * Specifies the name of the [SVG icon]({% slug svgicon_list %})
+     * that will be rendered for the item.
+     */
+    svgIcon: SVGIcon;
     /**
      * Specifies the item text.
      */
@@ -68,7 +74,6 @@ export declare class ColumnMenuItemComponent implements OnChanges {
      */
     expanded: boolean;
     contentTemplate: ColumnMenuItemContentTemplateDirective;
-    get iconClass(): string;
     contentState: string;
     ngOnChanges(changes: any): void;
     /**
@@ -77,5 +82,5 @@ export declare class ColumnMenuItemComponent implements OnChanges {
     onClick(e: any): void;
     private updateContentState;
     static ɵfac: i0.ɵɵFactoryDeclaration<ColumnMenuItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnMenuItemComponent, "kendo-grid-columnmenu-item", never, { "icon": "icon"; "text": "text"; "selected": "selected"; "disabled": "disabled"; "expanded": "expanded"; }, { "itemClick": "itemClick"; "expand": "expand"; "collapse": "collapse"; }, ["contentTemplate"], never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnMenuItemComponent, "kendo-grid-columnmenu-item", never, { "icon": "icon"; "svgIcon": "svgIcon"; "text": "text"; "selected": "selected"; "disabled": "disabled"; "expanded": "expanded"; }, { "itemClick": "itemClick"; "expand": "expand"; "collapse": "collapse"; }, ["contentTemplate"], never>;
 }

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

@@ -4,6 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { ChangeDetectorRef } from '@angular/core';
 import { LocalizationService } from "@progress/kendo-angular-l10n";
+import { SVGIcon } from '@progress/kendo-svg-icons';
 import { ColumnInfoService } from '../common/column-info.service';
 import { ColumnMenuItemBase } from './column-menu-item-base';
 import * as i0 from "@angular/core";
@@ -45,6 +46,9 @@ export declare class ColumnMenuLockComponent extends ColumnMenuItemBase {
     constructor(localization: LocalizationService, columnInfoService: ColumnInfoService, changeDetector: ChangeDetectorRef);
     get text(): string;
     get icon(): string;
+    unlockIcon: SVGIcon;
+    lockIcon: SVGIcon;
+    get svgIcon(): SVGIcon;
     get disabled(): boolean;
     /**
      * @hidden

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

@@ -4,6 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { EventEmitter, ElementRef } from '@angular/core';
 import { LocalizationService } from "@progress/kendo-angular-l10n";
+import { SVGIcon } from '@progress/kendo-svg-icons';
 import { ColumnMenuItemBase } from './column-menu-item-base';
 import * as i0 from "@angular/core";
 /**
@@ -71,6 +72,7 @@ export declare class ColumnMenuPositionComponent extends ColumnMenuItemBase {
      * @hidden
      */
     get isLast(): boolean;
+    setColumnPositionIcon: SVGIcon;
     private _isLast;
     constructor(localization: LocalizationService, hostElement: ElementRef);
     /**

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

@@ -6,6 +6,7 @@ import { Renderer2 } from '@angular/core';
 import { LocalizationService } from "@progress/kendo-angular-l10n";
 import { SortService } from '../common/sort.service';
 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
@@ -42,6 +43,8 @@ export declare class ColumnMenuSortComponent extends ColumnMenuItemBase {
     localization: LocalizationService;
     protected sortService: SortService;
     protected renderer: Renderer2;
+    sortAscSmallIcon: SVGIcon;
+    sortDescSmallIcon: SVGIcon;
     constructor(localization: LocalizationService, sortService: SortService, renderer: Renderer2);
     get sortedAsc(): boolean;
     get sortedDesc(): boolean;

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

@@ -4,6 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { ChangeDetectorRef } from '@angular/core';
 import { LocalizationService } from "@progress/kendo-angular-l10n";
+import { SVGIcon } from '@progress/kendo-svg-icons';
 import { ColumnInfoService } from '../common/column-info.service';
 import { ColumnMenuItemBase } from './column-menu-item-base';
 import * as i0 from "@angular/core";
@@ -42,9 +43,12 @@ export declare class ColumnMenuStickComponent extends ColumnMenuItemBase {
     private localization;
     private columnInfoService;
     private changeDetector;
+    stickIcon: SVGIcon;
+    unstickIcon: SVGIcon;
     constructor(localization: LocalizationService, columnInfoService: ColumnInfoService, changeDetector: ChangeDetectorRef);
     get text(): string;
     get icon(): string;
+    get svgIcon(): SVGIcon;
     get disabled(): boolean;
     /**
      * @hidden

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

@@ -9,6 +9,7 @@ import { SinglePopupService } from '../common/single-popup.service';
 import { ColumnMenuService } from './column-menu.service';
 import { ColumnMenuSettings } from './column-menu-settings.interface';
 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.
@@ -67,6 +68,7 @@ export declare class ColumnMenuComponent implements AfterViewInit, OnChanges, On
      * @hidden
      */
     expandedPosition: boolean;
+    moreVerticalIcon: SVGIcon;
     private popupRef;
     private closeSubscription;
     constructor(navigationService: NavigationService, popupService: SinglePopupService, localization: LocalizationService, service: ColumnMenuService, ctx: ContextService);

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

@@ -21,12 +21,13 @@ import * as i15 from "./column-menu-autosize.component";
 import * as i16 from "./column-menu-autosize-all.component";
 import * as i17 from "@angular/common";
 import * as i18 from "../filtering/menu/filter-menu.module";
+import * as i19 from "@progress/kendo-angular-buttons";
 /**
  * @hidden
  */
 export declare class ColumnMenuModule {
     static exports(): any[];
     static ɵfac: i0.ɵɵFactoryDeclaration<ColumnMenuModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ColumnMenuModule, [typeof i1.ColumnListComponent, typeof i2.ColumnChooserComponent, typeof i3.ColumnMenuChooserComponent, typeof i4.ColumnMenuFilterComponent, typeof i5.ColumnMenuItemComponent, typeof i6.ColumnMenuItemContentTemplateDirective, typeof i7.ColumnMenuSortComponent, typeof i8.ColumnMenuComponent, typeof i9.ColumnMenuLockComponent, typeof i10.ColumnMenuTemplateDirective, typeof i11.ColumnMenuContainerComponent, typeof i12.ColumnMenuItemDirective, typeof i13.ColumnMenuStickComponent, typeof i14.ColumnMenuPositionComponent, typeof i15.ColumnMenuAutoSizeColumnComponent, typeof i16.ColumnMenuAutoSizeAllColumnsComponent], [typeof i17.CommonModule, typeof i18.FilterMenuModule], [typeof i1.ColumnListComponent, typeof i2.ColumnChooserComponent, typeof i3.ColumnMenuChooserComponent, typeof i4.ColumnMenuFilterComponent, typeof i5.ColumnMenuItemComponent, typeof i6.ColumnMenuItemContentTemplateDirective, typeof i7.ColumnMenuSortComponent, typeof i8.ColumnMenuComponent, typeof i9.ColumnMenuLockComponent, typeof i10.ColumnMenuTemplateDirective, typeof i11.ColumnMenuContainerComponent, typeof i12.ColumnMenuItemDirective, typeof i13.ColumnMenuStickComponent, typeof i14.ColumnMenuPositionComponent, typeof i15.ColumnMenuAutoSizeColumnComponent, typeof i16.ColumnMenuAutoSizeAllColumnsComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ColumnMenuModule, [typeof i1.ColumnListComponent, typeof i2.ColumnChooserComponent, typeof i3.ColumnMenuChooserComponent, typeof i4.ColumnMenuFilterComponent, typeof i5.ColumnMenuItemComponent, typeof i6.ColumnMenuItemContentTemplateDirective, typeof i7.ColumnMenuSortComponent, typeof i8.ColumnMenuComponent, typeof i9.ColumnMenuLockComponent, typeof i10.ColumnMenuTemplateDirective, typeof i11.ColumnMenuContainerComponent, typeof i12.ColumnMenuItemDirective, typeof i13.ColumnMenuStickComponent, typeof i14.ColumnMenuPositionComponent, typeof i15.ColumnMenuAutoSizeColumnComponent, typeof i16.ColumnMenuAutoSizeAllColumnsComponent], [typeof i17.CommonModule, typeof i18.FilterMenuModule, typeof i19.ButtonModule], [typeof i1.ColumnListComponent, typeof i2.ColumnChooserComponent, typeof i3.ColumnMenuChooserComponent, typeof i4.ColumnMenuFilterComponent, typeof i5.ColumnMenuItemComponent, typeof i6.ColumnMenuItemContentTemplateDirective, typeof i7.ColumnMenuSortComponent, typeof i8.ColumnMenuComponent, typeof i9.ColumnMenuLockComponent, typeof i10.ColumnMenuTemplateDirective, typeof i11.ColumnMenuContainerComponent, typeof i12.ColumnMenuItemDirective, typeof i13.ColumnMenuStickComponent, typeof i14.ColumnMenuPositionComponent, typeof i15.ColumnMenuAutoSizeColumnComponent, typeof i16.ColumnMenuAutoSizeAllColumnsComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ColumnMenuModule>;
 }

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

@@ -8,11 +8,13 @@ import { ColumnInfoService } from '../common/column-info.service';
 import { LocalizationService } from "@progress/kendo-angular-l10n";
 import { closest } from '../rendering/common/dom-queries';
 import { isDocumentAvailable } from '@progress/kendo-angular-common';
+import { columnsIcon } from '@progress/kendo-svg-icons';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
 import * as i2 from "../common/column-info.service";
 import * as i3 from "@progress/kendo-angular-popup";
-import * as i4 from "./column-list.component";
+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.
@@ -33,7 +35,7 @@ import * as i4 from "./column-list.component";
  * })
  *
  * class AppComponent {
- *   public data: any[] = [{ Field1: 'Foo', Field2: 'Bar' }];
+ *     public data: any[] = [{ Field1: 'Foo', Field2: 'Bar' }];
  * }
  * ```
  */
@@ -45,6 +47,10 @@ export class ColumnChooserComponent {
         this.ngZone = ngZone;
         this.renderer = renderer;
         this.changeDetector = changeDetector;
+        /**
+         * @hidden
+         */
+        this.columnsIcon = columnsIcon;
         /**
          * Specifies if the changes in the visibility of the column will be immediately applied.
          */
@@ -67,7 +73,7 @@ export class ColumnChooserComponent {
         if (!this.popupRef) {
             const direction = this.localization.rtl ? 'right' : 'left';
             this.popupRef = this.popupService.open({
-                anchor: anchor,
+                anchor: anchor.element,
                 content: template,
                 positionMode: 'absolute',
                 anchorAlign: { vertical: 'bottom', horizontal: direction },
@@ -78,7 +84,7 @@ export class ColumnChooserComponent {
                 return;
             }
             this.ngZone.runOutsideAngular(() => this.closeClick = this.renderer.listen('document', 'click', ({ target }) => {
-                if (!closest(target, node => node === this.popupRef.popupElement || node === anchor)) {
+                if (!closest(target, node => node === this.popupRef.popupElement || node === anchor.element)) {
                     this.close();
                 }
             }));
@@ -121,12 +127,13 @@ export class ColumnChooserComponent {
 ColumnChooserComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ColumnChooserComponent, deps: [{ token: i1.LocalizationService }, { token: i2.ColumnInfoService }, { token: i3.PopupService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
 ColumnChooserComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ColumnChooserComponent, selector: "kendo-grid-column-chooser", inputs: { autoSync: "autoSync", allowHideAll: "allowHideAll" }, ngImport: i0, template: `
         <button #anchor
+            kendoButton
             type="button"
             (click)="toggle(anchor, template)"
-            class="k-button k-button-flat-base k-button-flat k-icon-button k-button-md k-rounded-md k-button-rectangle k-icon-button"
-            [attr.title]="localization.get('columns')">
-            <span class="k-button-icon k-icon k-i-columns"></span>
-        </button>
+            fillMode="flat"
+            [attr.title]="localization.get('columns')"
+            icon="columns"
+            [svgIcon]="columnsIcon"></button>
         <ng-template #template>
             <span class='k-column-chooser-title'>{{ localization.get('columns') }}</span>
             <kendo-grid-columnlist
@@ -139,19 +146,20 @@ ColumnChooserComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0",
                 (columnChange)="onChange($event)">
             </kendo-grid-columnlist>
         </ng-template>
-    `, isInline: true, components: [{ type: i4.ColumnListComponent, selector: "kendo-grid-columnlist", inputs: ["columns", "autoSync", "allowHideAll", "applyText", "resetText", "actionsClass", "isLast", "isExpanded", "service"], outputs: ["reset", "apply", "columnChange"] }] });
+    `, isInline: true, components: [{ type: i4.Button, selector: "button[kendoButton], span[kendoButton], kendo-button", inputs: ["toggleable", "togglable", "selected", "tabIndex", "imageUrl", "iconClass", "icon", "disabled", "size", "rounded", "fillMode", "themeColor", "svgIcon", "role", "primary", "look"], outputs: ["selectedChange", "click"], exportAs: ["kendoButton"] }, { type: i5.ColumnListComponent, selector: "kendo-grid-columnlist", inputs: ["columns", "autoSync", "allowHideAll", "applyText", "resetText", "actionsClass", "isLast", "isExpanded", "service"], outputs: ["reset", "apply", "columnChange"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ColumnChooserComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-grid-column-chooser',
                     template: `
         <button #anchor
+            kendoButton
             type="button"
             (click)="toggle(anchor, template)"
-            class="k-button k-button-flat-base k-button-flat k-icon-button k-button-md k-rounded-md k-button-rectangle k-icon-button"
-            [attr.title]="localization.get('columns')">
-            <span class="k-button-icon k-icon k-i-columns"></span>
-        </button>
+            fillMode="flat"
+            [attr.title]="localization.get('columns')"
+            icon="columns"
+            [svgIcon]="columnsIcon"></button>
         <ng-template #template>
             <span class='k-column-chooser-title'>{{ localization.get('columns') }}</span>
             <kendo-grid-columnlist

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

@@ -4,6 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { Component, isDevMode } from '@angular/core';
 import { LocalizationService } from "@progress/kendo-angular-l10n";
+import { displayInlineBlockIcon } from '@progress/kendo-svg-icons';
 import { ColunnMenuErrorMessages } from '../common/error-messages';
 import { ContextService } from '../common/provider.service';
 import { ColumnMenuItemBase } from './column-menu-item-base';
@@ -51,6 +52,7 @@ export class ColumnMenuAutoSizeAllColumnsComponent extends ColumnMenuItemBase {
         super();
         this.localization = localization;
         this.ctx = ctx;
+        this.displayInlineBlockIcon = displayInlineBlockIcon;
     }
     ngOnInit() {
         const isVirtualColumns = this.ctx.grid.columnMenuTemplate && this.ctx.grid.virtualColumns;
@@ -68,10 +70,10 @@ ColumnMenuAutoSizeAllColumnsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVer
             *ngIf="!this.ctx.grid.virtualColumns"
             [text]="localization.get('autosizeAllColumns')"
             icon="display-inline-block"
+            [svgIcon]="displayInlineBlockIcon"
             (itemClick)="autoSizeAllColumns()"
-        >
-        </kendo-grid-columnmenu-item>
-    `, isInline: true, components: [{ type: i3.ColumnMenuItemComponent, selector: "kendo-grid-columnmenu-item", inputs: ["icon", "text", "selected", "disabled", "expanded"], outputs: ["itemClick", "expand", "collapse"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+        ></kendo-grid-columnmenu-item>
+    `, isInline: true, components: [{ type: i3.ColumnMenuItemComponent, selector: "kendo-grid-columnmenu-item", inputs: ["icon", "svgIcon", "text", "selected", "disabled", "expanded"], outputs: ["itemClick", "expand", "collapse"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ColumnMenuAutoSizeAllColumnsComponent, decorators: [{
             type: Component,
             args: [{
@@ -81,9 +83,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
             *ngIf="!this.ctx.grid.virtualColumns"
             [text]="localization.get('autosizeAllColumns')"
             icon="display-inline-block"
+            [svgIcon]="displayInlineBlockIcon"
             (itemClick)="autoSizeAllColumns()"
-        >
-        </kendo-grid-columnmenu-item>
+        ></kendo-grid-columnmenu-item>
     `
                 }]
         }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i2.ContextService }]; } });

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

@@ -4,6 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { Component, Input, isDevMode } from '@angular/core';
 import { LocalizationService } from "@progress/kendo-angular-l10n";
+import { maxWidthIcon } from '@progress/kendo-svg-icons';
 import { ColunnMenuErrorMessages } from '../common/error-messages';
 import { ContextService } from '../common/provider.service';
 import { ColumnMenuItemBase } from './column-menu-item-base';
@@ -51,6 +52,7 @@ export class ColumnMenuAutoSizeColumnComponent extends ColumnMenuItemBase {
         super();
         this.localization = localization;
         this.ctx = ctx;
+        this.maxWidthIcon = maxWidthIcon;
     }
     ngOnInit() {
         const isVirtualColumns = this.ctx.grid.columnMenuTemplate && this.ctx.grid.virtualColumns;
@@ -69,10 +71,10 @@ ColumnMenuAutoSizeColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion
             class="k-grid-columnmenu-autosize-column"
             [text]="localization.get('autosizeThisColumn')"
             icon="max-width"
+            [svgIcon]="maxWidthIcon"
             (itemClick)="autoSizeColumn()"
-        >
-        </kendo-grid-columnmenu-item>
-    `, isInline: true, components: [{ type: i3.ColumnMenuItemComponent, selector: "kendo-grid-columnmenu-item", inputs: ["icon", "text", "selected", "disabled", "expanded"], outputs: ["itemClick", "expand", "collapse"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+        ></kendo-grid-columnmenu-item>
+    `, isInline: true, components: [{ type: i3.ColumnMenuItemComponent, selector: "kendo-grid-columnmenu-item", inputs: ["icon", "svgIcon", "text", "selected", "disabled", "expanded"], outputs: ["itemClick", "expand", "collapse"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ColumnMenuAutoSizeColumnComponent, decorators: [{
             type: Component,
             args: [{
@@ -83,9 +85,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
             class="k-grid-columnmenu-autosize-column"
             [text]="localization.get('autosizeThisColumn')"
             icon="max-width"
+            [svgIcon]="maxWidthIcon"
             (itemClick)="autoSizeColumn()"
-        >
-        </kendo-grid-columnmenu-item>
+        ></kendo-grid-columnmenu-item>
     `
                 }]
         }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i2.ContextService }]; }, propDecorators: { column: [{

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

@@ -6,6 +6,7 @@ import { Component, Input, Output, EventEmitter, ChangeDetectorRef, ElementRef }
 import { ColumnInfoService } from '../common/column-info.service';
 import { LocalizationService } from "@progress/kendo-angular-l10n";
 import { ColumnMenuItemBase } from './column-menu-item-base';
+import { columnsIcon } from '@progress/kendo-svg-icons';
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-l10n";
 import * as i2 from "../common/column-info.service";
@@ -69,6 +70,7 @@ export class ColumnMenuChooserComponent extends ColumnMenuItemBase {
          * @hidden
          */
         this.actionsClass = 'k-columnmenu-actions';
+        this.columnsIcon = columnsIcon;
     }
     get columns() {
         return this.columnInfoService.leafNamedColumns;
@@ -106,6 +108,7 @@ ColumnMenuChooserComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
         <kendo-grid-columnmenu-item
             [text]="localization.get('columns')"
             icon="columns"
+            [svgIcon]="columnsIcon"
             [expanded]="expanded"
             (collapse)="onCollapse()"
             (expand)="onExpand()">
@@ -124,7 +127,7 @@ ColumnMenuChooserComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0
                 </kendo-grid-columnlist>
             </ng-template>
         </kendo-grid-columnmenu-item>
-    `, isInline: true, components: [{ type: i3.ColumnMenuItemComponent, selector: "kendo-grid-columnmenu-item", inputs: ["icon", "text", "selected", "disabled", "expanded"], outputs: ["itemClick", "expand", "collapse"] }, { type: i4.ColumnListComponent, selector: "kendo-grid-columnlist", inputs: ["columns", "autoSync", "allowHideAll", "applyText", "resetText", "actionsClass", "isLast", "isExpanded", "service"], outputs: ["reset", "apply", "columnChange"] }], directives: [{ type: i5.ColumnMenuItemContentTemplateDirective, selector: "[kendoGridColumnMenuItemContentTemplate]" }] });
+    `, isInline: true, components: [{ type: i3.ColumnMenuItemComponent, selector: "kendo-grid-columnmenu-item", inputs: ["icon", "svgIcon", "text", "selected", "disabled", "expanded"], outputs: ["itemClick", "expand", "collapse"] }, { type: i4.ColumnListComponent, selector: "kendo-grid-columnlist", inputs: ["columns", "autoSync", "allowHideAll", "applyText", "resetText", "actionsClass", "isLast", "isExpanded", "service"], outputs: ["reset", "apply", "columnChange"] }], directives: [{ type: i5.ColumnMenuItemContentTemplateDirective, selector: "[kendoGridColumnMenuItemContentTemplate]" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ColumnMenuChooserComponent, decorators: [{
             type: Component,
             args: [{
@@ -133,6 +136,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
         <kendo-grid-columnmenu-item
             [text]="localization.get('columns')"
             icon="columns"
+            [svgIcon]="columnsIcon"
             [expanded]="expanded"
             (collapse)="onCollapse()"
             (expand)="onExpand()">