@progress/kendo-angular-layout 11.0.0-develop.99 → 11.0.1-develop.1

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/avatar/avatar.component.d.ts

@@ -3,6 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { OnInit, Renderer2, ElementRef, AfterViewInit } from '@angular/core';
+import { SVGIcon } from '@progress/kendo-svg-icons';
 import { AvatarFillMode, AvatarShape, AvatarSize, AvatarThemeColor, AvatarRounded } from './models/models';
 import * as i0 from "@angular/core";
 /**
@@ -131,17 +132,20 @@ export declare class AvatarComponent implements OnInit, AfterViewInit {
      * Sets the `image` source of the avatar.
      */
     imageSrc: string;
+    /**
+     * Defines an SVGIcon to be rendered.
+     * The input can take either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one.
+     */
+    set svgIcon(icon: SVGIcon);
+    get svgIcon(): SVGIcon;
     private _themeColor;
     private _size;
     private _fillMode;
     private _rounded;
+    private _svgIcon;
     constructor(renderer: Renderer2, element: ElementRef);
     ngOnInit(): void;
     ngAfterViewInit(): void;
-    /**
-     * @hidden
-     */
-    iconClasses(): string;
     /**
      * @hidden
      */
@@ -150,5 +154,5 @@ export declare class AvatarComponent implements OnInit, AfterViewInit {
     private handleClasses;
     private handleFillModeAndThemeColorClasses;
     static ɵfac: i0.ɵɵFactoryDeclaration<AvatarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "kendo-avatar", never, { "shape": "shape"; "size": "size"; "rounded": "rounded"; "themeColor": "themeColor"; "fillMode": "fillMode"; "fill": "fill"; "border": "border"; "iconClass": "iconClass"; "width": "width"; "height": "height"; "cssStyle": "cssStyle"; "initials": "initials"; "icon": "icon"; "imageSrc": "imageSrc"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "kendo-avatar", never, { "shape": "shape"; "size": "size"; "rounded": "rounded"; "themeColor": "themeColor"; "fillMode": "fillMode"; "fill": "fill"; "border": "border"; "iconClass": "iconClass"; "width": "width"; "height": "height"; "cssStyle": "cssStyle"; "initials": "initials"; "icon": "icon"; "imageSrc": "imageSrc"; "svgIcon": "svgIcon"; }, {}, never, ["*"]>;
 }

package/avatar.module.d.ts

@@ -5,12 +5,13 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./avatar/avatar.component";
 import * as i2 from "@angular/common";
+import * as i3 from "@progress/kendo-angular-icons";
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the Avatar component.
  */
 export declare class AvatarModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<AvatarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AvatarModule, [typeof i1.AvatarComponent], [typeof i2.CommonModule], [typeof i1.AvatarComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AvatarModule, [typeof i1.AvatarComponent], [typeof i2.CommonModule, typeof i3.IconsModule], [typeof i1.AvatarComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<AvatarModule>;
 }

package/drawer/item.component.d.ts

@@ -3,6 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { TemplateRef, ElementRef, Renderer2, AfterViewInit } from "@angular/core";
+import { SVGIcon } from "@progress/kendo-svg-icons";
 import { DrawerService } from './drawer.service';
 import { DrawerViewItem } from "./models/drawer-view-item.interface";
 import * as i0 from "@angular/core";
@@ -24,9 +25,13 @@ export declare class DrawerItemComponent implements AfterViewInit {
     get disabledClass(): boolean;
     get selectedClass(): boolean;
     get label(): boolean;
+    arrowUpIcon: SVGIcon;
+    arrowDownIcon: SVGIcon;
     constructor(drawerService: DrawerService, element: ElementRef, renderer: Renderer2);
     ngAfterViewInit(): void;
-    get iconClasses(): string[];
+    get iconClasses(): string;
+    get innerCssClasses(): string;
+    get customIconClasses(): string;
     get item(): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<DrawerItemComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DrawerItemComponent, "[kendoDrawerItem]", never, { "viewItem": "viewItem"; "index": "index"; "itemTemplate": "itemTemplate"; "mini": "mini"; "expanded": "expanded"; "disabled": "disabled"; "cssClass": "cssClass"; "cssStyle": "cssStyle"; }, {}, never, never>;

package/drawer/models/drawer-item.interface.d.ts

@@ -2,6 +2,7 @@
 * Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+import { SVGIcon } from "@progress/kendo-svg-icons";
 /**
  * An interface for the Drawer items.
  */
@@ -22,7 +23,11 @@ export interface DrawerItem {
     disabled?: boolean;
     /**
      * Defines the name for an existing icon in a Kendo UI theme.
-     * The icon is rendered inside the Drawer item by a `span.k-icon` element.
+     * The icon is rendered inside the Drawer item by the `kendo-icon` element.
+     *
+     * NOTE: The icon input will no longer require the `k-i-` prefix in the icon name. Please provide only the name of the icon.
+     * To ensure backward compatibility, both syntaxes will be supported for a period of time, but the `k-i-` prefix is deprecated and
+     * you can expect it to be dropped in a future major version of the package.
      */
     icon?: string;
     /**
@@ -31,6 +36,11 @@ export interface DrawerItem {
      * Allows the usage of custom icons.
      */
     iconClass?: string;
+    /**
+     * Defines an SVG icon to be rendered inside the Drawer Item.
+     * The input can take either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one.
+     */
+    svgIcon?: SVGIcon;
     /**
      * Specifies the id of the Drawer item.
      */

package/drawer.module.d.ts

@@ -13,12 +13,13 @@ import * as i7 from "./drawer/template-directives/header-template.directive";
 import * as i8 from "./drawer/template-directives/footer-template.directive";
 import * as i9 from "./drawer/template-directives/item-template.directive";
 import * as i10 from "@angular/common";
+import * as i11 from "@progress/kendo-angular-icons";
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the Drawer component.
  */
 export declare class DrawerModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DrawerModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DrawerModule, [typeof i1.DrawerItemComponent, typeof i2.DrawerListComponent, typeof i3.DrawerComponent, typeof i4.DrawerContainerComponent, typeof i5.DrawerContentComponent, typeof i6.DrawerTemplateDirective, typeof i7.DrawerHeaderTemplateDirective, typeof i8.DrawerFooterTemplateDirective, typeof i9.DrawerItemTemplateDirective], [typeof i10.CommonModule], [typeof i3.DrawerComponent, typeof i4.DrawerContainerComponent, typeof i5.DrawerContentComponent, typeof i6.DrawerTemplateDirective, typeof i7.DrawerHeaderTemplateDirective, typeof i8.DrawerFooterTemplateDirective, typeof i9.DrawerItemTemplateDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DrawerModule, [typeof i1.DrawerItemComponent, typeof i2.DrawerListComponent, typeof i3.DrawerComponent, typeof i4.DrawerContainerComponent, typeof i5.DrawerContentComponent, typeof i6.DrawerTemplateDirective, typeof i7.DrawerHeaderTemplateDirective, typeof i8.DrawerFooterTemplateDirective, typeof i9.DrawerItemTemplateDirective], [typeof i10.CommonModule, typeof i11.IconsModule], [typeof i3.DrawerComponent, typeof i4.DrawerContainerComponent, typeof i5.DrawerContentComponent, typeof i6.DrawerTemplateDirective, typeof i7.DrawerHeaderTemplateDirective, typeof i8.DrawerFooterTemplateDirective, typeof i9.DrawerItemTemplateDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DrawerModule>;
 }

package/esm2020/avatar/avatar.component.mjs

@@ -7,7 +7,8 @@ import { validatePackage } from '@progress/kendo-licensing';
 import { getStylingClasses, mapShapeToRounded } from '../common/util';
 import { packageMetadata } from '../package-metadata';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
+import * as i1 from "@progress/kendo-angular-icons";
+import * as i2 from "@angular/common";
 const DEFAULT_ROUNDED = 'full';
 const DEFAULT_SIZE = 'medium';
 const DEFAULT_THEME_COLOR = 'primary';
@@ -157,6 +158,19 @@ export class AvatarComponent {
     get avatarHeight() {
         return this.height;
     }
+    /**
+     * Defines an SVGIcon to be rendered.
+     * The input can take either an [existing Kendo SVG icon](slug:svgicon_list) or a custom one.
+     */
+    set svgIcon(icon) {
+        if (isDevMode() && icon && this.icon && this.iconClass) {
+            throw new Error('Setting both icon/svgIcon and iconClass options at the same time is not supported.');
+        }
+        this._svgIcon = icon;
+    }
+    get svgIcon() {
+        return this._svgIcon;
+    }
     ngOnInit() {
         this.verifyProperties();
     }
@@ -167,17 +181,6 @@ export class AvatarComponent {
         });
         this.handleFillModeAndThemeColorClasses(this.fillMode, this.themeColor);
     }
-    /**
-     * @hidden
-     */
-    iconClasses() {
-        if (this.icon) {
-            return `k-icon k-i-${this.icon}`;
-        }
-        if (this.iconClass) {
-            return `${this.iconClass}`;
-        }
-    }
     /**
      * @hidden
      */
@@ -227,7 +230,7 @@ export class AvatarComponent {
     }
 }
 AvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AvatarComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-AvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AvatarComponent, selector: "kendo-avatar", inputs: { shape: "shape", size: "size", rounded: "rounded", themeColor: "themeColor", fillMode: "fillMode", fill: "fill", border: "border", iconClass: "iconClass", width: "width", height: "height", cssStyle: "cssStyle", initials: "initials", icon: "icon", imageSrc: "imageSrc" }, host: { properties: { "class.k-avatar": "this.hostClass", "class.k-avatar-bordered": "this.borderClass", "style.flexBasis": "this.flexBasis", "style.width": "this.avatarWidth", "style.height": "this.avatarHeight" } }, ngImport: i0, template: `
+AvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: AvatarComponent, selector: "kendo-avatar", inputs: { shape: "shape", size: "size", rounded: "rounded", themeColor: "themeColor", fillMode: "fillMode", fill: "fill", border: "border", iconClass: "iconClass", width: "width", height: "height", cssStyle: "cssStyle", initials: "initials", icon: "icon", imageSrc: "imageSrc", svgIcon: "svgIcon" }, host: { properties: { "class.k-avatar": "this.hostClass", "class.k-avatar-bordered": "this.borderClass", "style.flexBasis": "this.flexBasis", "style.width": "this.avatarWidth", "style.height": "this.avatarHeight" } }, ngImport: i0, template: `
         <ng-content *ngIf="customAvatar"></ng-content>
 
         <ng-container *ngIf="imageSrc">
@@ -242,10 +245,16 @@ AvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", versio
 
         <ng-container *ngIf="icon || iconClass">
             <span class="k-avatar-icon">
-                <span [ngStyle]="cssStyle" [ngClass]="iconClasses()"></span>
+                <kendo-icon-wrapper
+                    [ngStyle]="cssStyle"
+                    [name]="icon"
+                    [customFontClass]="iconClass"
+                    [svgIcon]="svgIcon"
+                >
+                </kendo-icon-wrapper>
             </span>
         </ng-container>
-    `, isInline: true, directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+    `, isInline: true, components: [{ type: i1.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AvatarComponent, decorators: [{
             type: Component,
             args: [{
@@ -265,7 +274,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
 
         <ng-container *ngIf="icon || iconClass">
             <span class="k-avatar-icon">
-                <span [ngStyle]="cssStyle" [ngClass]="iconClasses()"></span>
+                <kendo-icon-wrapper
+                    [ngStyle]="cssStyle"
+                    [name]="icon"
+                    [customFontClass]="iconClass"
+                    [svgIcon]="svgIcon"
+                >
+                </kendo-icon-wrapper>
             </span>
         </ng-container>
     `
@@ -313,4 +328,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
                 type: Input
             }], imageSrc: [{
                 type: Input
+            }], svgIcon: [{
+                type: Input
             }] } });

package/esm2020/avatar.module.mjs

@@ -4,6 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
+import { IconsModule } from '@progress/kendo-angular-icons';
 import { AvatarComponent } from './avatar/avatar.component';
 import * as i0 from "@angular/core";
 const exportedModules = [
@@ -19,13 +20,13 @@ const declarations = [
 export class AvatarModule {
 }
 AvatarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AvatarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AvatarModule, declarations: [AvatarComponent], imports: [CommonModule], exports: [AvatarComponent] });
-AvatarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AvatarModule, imports: [[CommonModule]] });
+AvatarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AvatarModule, declarations: [AvatarComponent], imports: [CommonModule, IconsModule], exports: [AvatarComponent] });
+AvatarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AvatarModule, imports: [[CommonModule, IconsModule]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: AvatarModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [declarations],
                     exports: [exportedModules],
-                    imports: [CommonModule]
+                    imports: [CommonModule, IconsModule]
                 }]
         }] });

package/esm2020/drawer/drawer.component.mjs

@@ -2,6 +2,7 @@
 * Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import { Component, ContentChild, ElementRef, EventEmitter, HostBinding, Input, Output, isDevMode } from '@angular/core';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from '../package-metadata';

package/esm2020/drawer/item.component.mjs

@@ -2,12 +2,15 @@
 * Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import { Component, Input, TemplateRef, HostBinding, ElementRef, Renderer2 } from "@angular/core";
+import { chevronDownIcon, chevronUpIcon } from "@progress/kendo-svg-icons";
 import { DrawerService } from './drawer.service';
 import { nestedLink, DRAWER_LINK_SELECTOR } from './util';
 import * as i0 from "@angular/core";
 import * as i1 from "./drawer.service";
-import * as i2 from "@angular/common";
+import * as i2 from "@progress/kendo-angular-icons";
+import * as i3 from "@angular/common";
 /**
  * @hidden
  */
@@ -16,6 +19,8 @@ export class DrawerItemComponent {
         this.drawerService = drawerService;
         this.element = element;
         this.renderer = renderer;
+        this.arrowUpIcon = chevronUpIcon;
+        this.arrowDownIcon = chevronDownIcon;
     }
     get disabledClass() {
         return this.item.disabled;
@@ -34,14 +39,20 @@ export class DrawerItemComponent {
         }
     }
     get iconClasses() {
-        const classes = [];
         if (this.item.icon) {
-            classes.push(`k-icon ${this.item.icon}`);
+            const stripIcon = this.item.icon.replace('k-i-', '');
+            return `${stripIcon}`;
         }
-        if (this.item.iconClass) {
-            classes.push(`${this.item.iconClass}`);
+    }
+    get innerCssClasses() {
+        if (this.item.iconClass && this.item.icon) {
+            return `${this.item.iconClass}`;
+        }
+    }
+    get customIconClasses() {
+        if (!this.item.icon && this.item.iconClass) {
+            return this.item.iconClass;
         }
-        return classes;
     }
     get item() {
         return this.viewItem.item;
@@ -61,19 +72,34 @@ DrawerItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
 
         <ng-template #defaultTemplate>
             <ng-container *ngIf="expanded">
-                <span [ngClass]="iconClasses"></span>
+                <kendo-icon-wrapper
+                    [name]="iconClasses"
+                    [customFontClass]="customIconClasses"
+                    [svgIcon]="item.svgIcon"
+                    [innerCssClass]="innerCssClasses"
+                >
+                </kendo-icon-wrapper>
+
                 <span class="k-item-text">{{ item.text }}</span>
-                <span *ngIf="viewItem.hasChildren"
-                      class="k-icon k-drawer-toggle"
-                      [class.k-i-chevron-up]="viewItem.isExpanded"
-                      [class.k-i-chevron-down]="!viewItem.isExpanded"
-                ></span>
+                <kendo-icon-wrapper
+                    *ngIf="viewItem.hasChildren"
+                    [name]="viewItem.isExpanded ? 'arrow-chevron-up' : 'arrow-chevron-down'"
+                    innerCssClass="k-drawer-toggle"
+                    [svgIcon]="viewItem.isExpanded ? arrowUpIcon : arrowDownIcon"
+                >
+                </kendo-icon-wrapper>
             </ng-container>
             <ng-container *ngIf="mini && !expanded">
-                <span [ngClass]="iconClasses"></span>
+                <kendo-icon-wrapper
+                    [name]="iconClasses"
+                    [customFontClass]="customIconClasses"
+                    [svgIcon]="item.svgIcon"
+                    [innerCssClass]="innerCssClasses"
+                >
+                </kendo-icon-wrapper>
             </ng-container>
         </ng-template>
-    `, isInline: true, directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+    `, isInline: true, components: [{ type: i2.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DrawerItemComponent, decorators: [{
             type: Component,
             args: [{
@@ -92,16 +118,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
 
         <ng-template #defaultTemplate>
             <ng-container *ngIf="expanded">
-                <span [ngClass]="iconClasses"></span>
+                <kendo-icon-wrapper
+                    [name]="iconClasses"
+                    [customFontClass]="customIconClasses"
+                    [svgIcon]="item.svgIcon"
+                    [innerCssClass]="innerCssClasses"
+                >
+                </kendo-icon-wrapper>
+
                 <span class="k-item-text">{{ item.text }}</span>
-                <span *ngIf="viewItem.hasChildren"
-                      class="k-icon k-drawer-toggle"
-                      [class.k-i-chevron-up]="viewItem.isExpanded"
-                      [class.k-i-chevron-down]="!viewItem.isExpanded"
-                ></span>
+                <kendo-icon-wrapper
+                    *ngIf="viewItem.hasChildren"
+                    [name]="viewItem.isExpanded ? 'arrow-chevron-up' : 'arrow-chevron-down'"
+                    innerCssClass="k-drawer-toggle"
+                    [svgIcon]="viewItem.isExpanded ? arrowUpIcon : arrowDownIcon"
+                >
+                </kendo-icon-wrapper>
             </ng-container>
             <ng-container *ngIf="mini && !expanded">
-                <span [ngClass]="iconClasses"></span>
+                <kendo-icon-wrapper
+                    [name]="iconClasses"
+                    [customFontClass]="customIconClasses"
+                    [svgIcon]="item.svgIcon"
+                    [innerCssClass]="innerCssClasses"
+                >
+                </kendo-icon-wrapper>
             </ng-container>
         </ng-template>
     `

package/esm2020/drawer.module.mjs

@@ -9,6 +9,7 @@ import { DrawerComponent } from './drawer/drawer.component';
 import { DrawerContentComponent } from './drawer/drawer-content.component';
 import { DrawerItemComponent } from './drawer/item.component';
 import { DrawerListComponent } from './drawer/list.component';
+import { IconsModule } from '@progress/kendo-angular-icons';
 import { DrawerTemplateDirective, DrawerItemTemplateDirective, DrawerHeaderTemplateDirective, DrawerFooterTemplateDirective } from './drawer/template-directives';
 import * as i0 from "@angular/core";
 const templateDirectives = [
@@ -41,18 +42,18 @@ DrawerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "
         DrawerContentComponent, DrawerTemplateDirective,
         DrawerHeaderTemplateDirective,
         DrawerFooterTemplateDirective,
-        DrawerItemTemplateDirective], imports: [CommonModule], exports: [DrawerComponent,
+        DrawerItemTemplateDirective], imports: [CommonModule, IconsModule], exports: [DrawerComponent,
         DrawerContainerComponent,
         DrawerContentComponent, DrawerTemplateDirective,
         DrawerHeaderTemplateDirective,
         DrawerFooterTemplateDirective,
         DrawerItemTemplateDirective] });
-DrawerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DrawerModule, imports: [[CommonModule]] });
+DrawerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DrawerModule, imports: [[CommonModule, IconsModule]] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: DrawerModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [declarations],
                     exports: [exportedModules],
-                    imports: [CommonModule]
+                    imports: [CommonModule, IconsModule]
                 }]
         }] });