@progress/kendo-angular-icons 2.0.3 → 11.0.0-develop.101

package/LICENSE.md

@@ -8,4 +8,4 @@ This is commercial software. To use it, you need to agree to the [**Telerik End
 
 All available Kendo UI commercial licenses may be obtained at http://www.telerik.com/purchase/kendo-ui.
 
-*Copyright © 2022 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved.*
+*Copyright © 2023 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved.*

package/NOTICE.txt

@@ -1,4 +1,4 @@
-Progress Kendo UI for Angular 2022
+Progress Kendo UI for Angular 2023
 
 Copyright (c) 2016-2022 Progress Software Corporation and/or one of its
 subsidiaries or affiliates. All rights reserved.
@@ -37,7 +37,7 @@ DefinitelyTyped.org | @types/prosemirror-view | 1.11.4 - Open Source | MIT-style
 Isaac Z. Schlueter | glob | 7.1.3 - Open Source | ISC-style License
 Jorik Tangelder (Eight Media) | HammerJS | 2.0.8 - Open Source | MIT-style License
 Matt Mueller | cheerio | 0.22 - Open Source | MIT-style License
-Progress Software Corporation | Kendo UI Licensing CLI | 1.1 - Proprietary | 
+Progress Software Corporation | Kendo UI Licensing CLI | 1.1 - Proprietary |
 Progress Software Corporation | jszip-esm | 1.0.0 - Open Source | MIT-style License
 Progress Software Corporation | pako-esm | 1.0.0 - Open Source | MIT-style License
 ProseMirror | prosemiror-inputrules | 1.0.1 - Open Source | MIT-style License
@@ -433,7 +433,7 @@ subject to the following terms and conditions:
 @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*,
 @types/prosemirror-transform v1*, and @types/prosemirror-view v1*.  Such technologies are
-subject to the following terms and conditions: 
+subject to the following terms and conditions:
 
     This project is licensed under the MIT license.
     Copyrights are respective of each contributor listed at the beginning of each
@@ -640,7 +640,7 @@ Such technology is subject to the following terms and conditions:
 2. Special Notices Regarding Commercially Licensed Third-Party Components
 incorporated into the Product:  NONE
 
-3. Special Notices Regarding Progress Products incorporated into the Product:  
+3. Special Notices Regarding Progress Products incorporated into the Product:
 
 (a) Progress Kendo UI for Angular 2022 incorporates Kendo UI Licensing CLI v1.1
 from Progress Software Corporation. See NOTICE.txt text file within product for

package/README.md

@@ -28,6 +28,6 @@ Kendo UI for Angular is a commercial UI library designed and built for developin
 * [Feedback Portal](https://feedback.telerik.com/kendo-angular-ui)
 * [StackOverflow](https://stackoverflow.com/questions/tagged/kendo-ui-angular2)
 
-*Copyright © 2022 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved.*
+*Copyright © 2023 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved.*
 
 *Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries.*

package/common/icon-base.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { ElementRef, Renderer2 } from '@angular/core';

package/common/icon-settings.d.ts

@@ -0,0 +1,10 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { InjectionToken } from '@angular/core';
+import { IconSettings } from './models';
+/**
+ * A token that specifies the icons [settings ('size', 'themeColor', 'flip')](appearance_svgicon) of Kendo UI for Angular components.
+ */
+export declare const ICON_SETTINGS: InjectionToken<IconSettings>;

package/common/icon-settings.service.d.ts

@@ -0,0 +1,40 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Subject } from 'rxjs';
+import { IconSettings } from './models';
+import { SVGIcon } from '@progress/kendo-svg-icons';
+import * as i0 from "@angular/core";
+/**
+ * A service that returns the current icon settings to be used in subscribers.
+ * Use the public `notify` method to change the icon settings dynamically.
+ */
+export declare class IconSettingsService {
+    /**
+     * @hidden
+     */
+    readonly changes: Subject<IconSettings>;
+    /**
+     * Notifies subscribers that the icon settings were changed.
+     *
+     * @param iconSettings - (Optional) A new value for the [icon settings token]({% slug api_icons_icon_settings %}).
+     */
+    notify(iconSettings?: IconSettings): void;
+    /**
+     * Returns the [`SVGIcon`](slug:api_icons_svgicon) object for the provided key.
+     * Override in a custom service to provide custom SVG icons.
+     *
+     * @hidden
+     */
+    getSvgIcon(_name: string): SVGIcon;
+    /**
+     * Returns the list of classes to be rendered on the host `SPAN` element of custom font icons.
+     * Override in a custom service to provide classes for custom font icons.
+     *
+     * @hidden
+     */
+    getCustomFontIconClass(_key: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconSettingsService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<IconSettingsService>;
+}

package/common/icons.service.d.ts

@@ -0,0 +1,40 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { OnDestroy } from '@angular/core';
+import { Subject } from 'rxjs';
+import { IconSettings } from './models';
+import { IconSettingsService } from './icon-settings.service';
+import { SVGIcon } from '@progress/kendo-svg-icons';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export declare class IconsService implements OnDestroy {
+    private _iconSettings;
+    private iconSettingsService;
+    /**
+     * Notifies subscribers of the initial icon settings, and upon each call to `notify`.
+     */
+    readonly changes: Subject<IconSettings>;
+    private subs;
+    constructor(_iconSettings: IconSettings, iconSettingsService: IconSettingsService);
+    /**
+     * @hidden
+     */
+    get iconSettings(): IconSettings;
+    ngOnDestroy(): void;
+    /**
+     * Returns the [`SVGIcon`](slug:api_icons_svgicon) object for the provided key.
+     * Override in a custom service to provide custom SVG icons.
+     */
+    getSvgIcon(name: string): SVGIcon;
+    /**
+     * Returns the list of classes to be rendered on the host `SPAN` element of custom font icons.
+     * Override in a custom service to provide classes for custom font icons.
+     */
+    getCustomFontIconClass(key: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconsService, [{ optional: true; }, { optional: true; }]>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<IconsService>;
+}

package/common/models/flip.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**

package/common/models/icon-settings.d.ts

@@ -0,0 +1,14 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { IconFlip } from "./flip";
+import { IconType } from "./icon-type";
+import { IconSize } from "./size";
+import { IconThemeColor } from "./theme-color";
+export interface IconSettings {
+    type?: IconType;
+    themeColor?: IconThemeColor;
+    size?: IconSize;
+    flip?: IconFlip;
+}

package/common/models/icon-type.d.ts

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export declare type IconType = 'font' | 'svg';

package/common/models/index.d.ts

@@ -1,7 +1,9 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 export { IconFlip } from './flip';
 export { IconSize } from './size';
 export { IconThemeColor } from './theme-color';
+export * from './icon-type';
+export * from './icon-settings';

package/common/models/size.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**

package/common/models/theme-color.d.ts

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**

package/common/util.d.ts

@@ -0,0 +1,8 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * @hidden
+ */
+export declare const isPresent: Function;

package/{esm2015/common/icon-base.js → esm2020/common/icon-base.mjs}

@@ -1,8 +1,8 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Input, HostBinding, Directive } from '@angular/core';
+import { ElementRef, Input, Renderer2, HostBinding, Directive } from '@angular/core';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from '../package-metadata';
 import * as i0 from "@angular/core";
@@ -70,21 +70,22 @@ export class IconBaseDirective {
      *
      */
     set size(size) {
+        const currentClass = sizeClasses[this.size];
+        const newClass = sizeClasses[size];
         const element = this.element.nativeElement;
-        this._size = size;
-        const sizeClass = sizeClasses[this.size];
-        this.renderer.removeClass(element, sizeClass);
-        if (size !== 'default') {
-            this.renderer.addClass(element, sizeClass);
+        this.renderer.removeClass(element, currentClass);
+        if (size && size !== 'default') {
+            this.renderer.addClass(element, newClass);
         }
+        this._size = size;
     }
     get size() {
         return this._size;
     }
 }
-IconBaseDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IconBaseDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-IconBaseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: IconBaseDirective, selector: "[kendoIconBase]", inputs: { flip: "flip", themeColor: "themeColor", size: "size" }, host: { properties: { "class.k-flip-h": "this.horizontalFlip", "class.k-flip-v": "this.verticalFlip" } }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IconBaseDirective, decorators: [{
+IconBaseDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: IconBaseDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+IconBaseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: IconBaseDirective, selector: "[kendoIconBase]", inputs: { flip: "flip", themeColor: "themeColor", size: "size" }, host: { properties: { "class.k-flip-h": "this.horizontalFlip", "class.k-flip-v": "this.verticalFlip" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: IconBaseDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoIconBase]'

package/esm2020/common/icon-settings.mjs

@@ -0,0 +1,9 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { InjectionToken } from '@angular/core';
+/**
+ * A token that specifies the icons [settings ('size', 'themeColor', 'flip')](appearance_svgicon) of Kendo UI for Angular components.
+ */
+export const ICON_SETTINGS = new InjectionToken('Kendo UI Icon-Settings token');

package/esm2020/common/icon-settings.service.mjs

@@ -0,0 +1,50 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Injectable } from '@angular/core';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+/**
+ * A service that returns the current icon settings to be used in subscribers.
+ * Use the public `notify` method to change the icon settings dynamically.
+ */
+export class IconSettingsService {
+    constructor() {
+        /**
+         * @hidden
+         */
+        this.changes = new Subject();
+    }
+    /**
+     * Notifies subscribers that the icon settings were changed.
+     *
+     * @param iconSettings - (Optional) A new value for the [icon settings token]({% slug api_icons_icon_settings %}).
+     */
+    notify(iconSettings) {
+        this.changes.next(iconSettings);
+    }
+    /**
+     * Returns the [`SVGIcon`](slug:api_icons_svgicon) object for the provided key.
+     * Override in a custom service to provide custom SVG icons.
+     *
+     * @hidden
+     */
+    getSvgIcon(_name) {
+        return null;
+    }
+    /**
+     * Returns the list of classes to be rendered on the host `SPAN` element of custom font icons.
+     * Override in a custom service to provide classes for custom font icons.
+     *
+     * @hidden
+     */
+    getCustomFontIconClass(_key) {
+        return null;
+    }
+}
+IconSettingsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: IconSettingsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+IconSettingsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: IconSettingsService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: IconSettingsService, decorators: [{
+            type: Injectable
+        }] });

package/esm2020/common/icons.service.mjs

@@ -0,0 +1,68 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Inject, Injectable, Optional } from '@angular/core';
+import { BehaviorSubject, Subscription } from 'rxjs';
+import { map, tap } from 'rxjs/operators';
+import { isPresent } from './../common/util';
+import { IconSettingsService } from './icon-settings.service';
+import { ICON_SETTINGS } from './icon-settings';
+import * as i0 from "@angular/core";
+import * as i1 from "./icon-settings.service";
+/**
+ * @hidden
+ */
+export class IconsService {
+    constructor(_iconSettings, iconSettingsService) {
+        this._iconSettings = _iconSettings;
+        this.iconSettingsService = iconSettingsService;
+        /**
+         * Notifies subscribers of the initial icon settings, and upon each call to `notify`.
+         */
+        this.changes = new BehaviorSubject(this.iconSettings || { type: 'font' });
+        this.subs = new Subscription();
+        if (iconSettingsService) {
+            this.subs.add(iconSettingsService.changes
+                .pipe(map(iconSettings => isPresent(iconSettings) ? iconSettings : this._iconSettings), tap(iconSettings => this._iconSettings = iconSettings))
+                .subscribe(iconSettings => this.changes.next(iconSettings)));
+        }
+    }
+    /**
+     * @hidden
+     */
+    get iconSettings() {
+        return this._iconSettings;
+    }
+    ngOnDestroy() {
+        this.subs.unsubscribe();
+    }
+    /**
+     * Returns the [`SVGIcon`](slug:api_icons_svgicon) object for the provided key.
+     * Override in a custom service to provide custom SVG icons.
+     */
+    getSvgIcon(name) {
+        const customIcon = this.iconSettingsService && this.iconSettingsService.getSvgIcon(name);
+        return customIcon;
+    }
+    /**
+     * Returns the list of classes to be rendered on the host `SPAN` element of custom font icons.
+     * Override in a custom service to provide classes for custom font icons.
+     */
+    getCustomFontIconClass(key) {
+        const customClass = this.iconSettingsService && this.iconSettingsService.getCustomFontIconClass(key);
+        return customClass;
+    }
+}
+IconsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: IconsService, deps: [{ token: ICON_SETTINGS, optional: true }, { token: i1.IconSettingsService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+IconsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: IconsService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: IconsService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [ICON_SETTINGS]
+                }] }, { type: i1.IconSettingsService, decorators: [{
+                    type: Optional
+                }] }]; } });

package/{esm2015/common/models/size.js → esm2020/common/models/flip.mjs}

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 export {};

package/{esm2015/common/models/theme-color.js → esm2020/common/models/icon-settings.mjs}

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 export {};

package/{esm2015/common/models/flip.js → esm2020/common/models/icon-type.mjs}

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 export {};

package/esm2020/common/models/index.mjs

@@ -0,0 +1,6 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export * from './icon-type';
+export * from './icon-settings';

package/{esm2015/common/models/index.js → esm2020/common/models/size.mjs}

@@ -1,5 +1,5 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 export {};

package/esm2020/common/models/theme-color.mjs

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+export {};

package/esm2020/common/util.mjs

@@ -0,0 +1,8 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * @hidden
+ */
+export const isPresent = (value) => value !== null && value !== undefined;

package/{esm2015/icon/icon.component.js → esm2020/icon/icon.component.mjs}

@@ -1,8 +1,9 @@
 /**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { Component, Input, HostBinding } from '@angular/core';
+import { Component, ElementRef, Input, Renderer2, HostBinding } from '@angular/core';
+import { isDocumentAvailable } from '@progress/kendo-angular-common';
 import { IconBaseDirective } from '../common/icon-base';
 import * as i0 from "@angular/core";
 /**
@@ -20,25 +21,25 @@ export class IconComponent extends IconBaseDirective {
      * All [Kendo UI Icons]({% slug icons %}#toc-list-of-font-icons) are supported.
      */
     set name(name) {
-        const element = this.element.nativeElement;
-        this.renderer.removeClass(element, `k-i-${this.name}`);
-        this._name = name;
-        if (name) {
-            this.renderer.addClass(element, `k-i-${this.name}`);
+        if (isDocumentAvailable()) {
+            const element = this.element.nativeElement;
+            this.renderer.removeClass(element, `k-i-${this.name}`);
+            this.renderer.addClass(element, `k-i-${name}`);
         }
+        this._name = name;
     }
     get name() {
         return this._name;
     }
 }
-IconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IconComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: IconComponent, selector: "kendo-icon", inputs: { name: "name" }, host: { properties: { "class.k-icon": "this.hostClass" } }, exportAs: ["kendoIcon"], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IconComponent, decorators: [{
+IconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: IconComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: IconComponent, selector: "kendo-icon", inputs: { name: "name" }, host: { properties: { "class.k-icon": "this.hostClass" } }, exportAs: ["kendoIcon"], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: IconComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoIcon',
                     selector: 'kendo-icon',
-                    template: ``
+                    template: ''
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { hostClass: [{
                 type: HostBinding,

package/esm2020/icon-wrapper/icon-wrapper.component.mjs

@@ -0,0 +1,109 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2023 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, HostBinding, Input } from '@angular/core';
+import { Subscription } from 'rxjs';
+import { IconsService } from '../common/icons.service';
+import * as i0 from "@angular/core";
+import * as i1 from "../common/icons.service";
+import * as i2 from "../svg-icon/svg-icon.component";
+import * as i3 from "../icon/icon.component";
+import * as i4 from "@angular/common";
+/**
+ * @hidden
+ */
+export class IconWrapperComponent {
+    constructor(iconsService) {
+        this.iconsService = iconsService;
+        this.hostClass = true;
+        /**
+         * Provided by consuming components in case an additional k-specific class needs to be rendered
+         * on the internal Icon component.
+         */
+        this.innerCssClass = '';
+        /**
+         * Provided by consuming components in case a custom font icon class is set
+         * by the developer using the consuming component through its API.
+         */
+        this.customFontClass = '';
+        this.subs = new Subscription();
+        this.subs = iconsService.changes.subscribe(iconSettings => {
+            this.iconSettings = iconSettings;
+        });
+    }
+    get customClasses() {
+        const classes = [this.customFontClass, this.innerCssClass].filter(cl => !!cl).join(' ');
+        return classes;
+    }
+    get getSvgIcon() {
+        return this.iconsService.getSvgIcon(this.name) || this.svgIcon;
+    }
+    get customFontIconClass() {
+        return this.iconsService.getCustomFontIconClass(this.name) || this.customFontClass;
+    }
+    ngOnDestroy() {
+        this.subs.unsubscribe();
+    }
+}
+IconWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: IconWrapperComponent, deps: [{ token: i1.IconsService }], target: i0.ɵɵFactoryTarget.Component });
+IconWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: { name: "name", svgIcon: "svgIcon", innerCssClass: "innerCssClass", customFontClass: "customFontClass" }, host: { properties: { "class.k-icon-wrapper-host": "this.hostClass" } }, exportAs: ["kendoIconWrapper"], ngImport: i0, template: `
+        <kendo-svg-icon
+            *ngIf="iconSettings?.type === 'svg'; else font"
+            [ngClass]="innerCssClass"
+            [icon]="getSvgIcon"
+            [size]="iconSettings?.size"
+            [themeColor]="iconSettings?.themeColor"
+            [flip]="iconSettings?.flip"></kendo-svg-icon>
+        <ng-template #font>
+            <kendo-icon 
+                *ngIf="!customFontIconClass; else custom"
+                [ngClass]="innerCssClass"
+                [name]="name"
+                [size]="iconSettings?.size"
+                [themeColor]="iconSettings?.themeColor"
+                [flip]="iconSettings?.flip"></kendo-icon>
+            <ng-template #custom>
+                <span [ngClass]="customClasses"></span>
+            </ng-template>
+        </ng-template>
+    `, isInline: true, components: [{ type: i2.SVGIconComponent, selector: "kendo-svg-icon", inputs: ["icon"], exportAs: ["kendoSVGIcon"] }, { type: i3.IconComponent, selector: "kendo-icon", inputs: ["name"], exportAs: ["kendoIcon"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: IconWrapperComponent, decorators: [{
+            type: Component,
+            args: [{
+                    exportAs: 'kendoIconWrapper',
+                    selector: 'kendo-icon-wrapper',
+                    template: `
+        <kendo-svg-icon
+            *ngIf="iconSettings?.type === 'svg'; else font"
+            [ngClass]="innerCssClass"
+            [icon]="getSvgIcon"
+            [size]="iconSettings?.size"
+            [themeColor]="iconSettings?.themeColor"
+            [flip]="iconSettings?.flip"></kendo-svg-icon>
+        <ng-template #font>
+            <kendo-icon 
+                *ngIf="!customFontIconClass; else custom"
+                [ngClass]="innerCssClass"
+                [name]="name"
+                [size]="iconSettings?.size"
+                [themeColor]="iconSettings?.themeColor"
+                [flip]="iconSettings?.flip"></kendo-icon>
+            <ng-template #custom>
+                <span [ngClass]="customClasses"></span>
+            </ng-template>
+        </ng-template>
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i1.IconsService }]; }, propDecorators: { hostClass: [{
+                type: HostBinding,
+                args: ['class.k-icon-wrapper-host']
+            }], name: [{
+                type: Input
+            }], svgIcon: [{
+                type: Input
+            }], innerCssClass: [{
+                type: Input
+            }], customFontClass: [{
+                type: Input
+            }] } });