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

package/{fesm2015/kendo-angular-icons.js → fesm2020/progress-kendo-angular-icons.mjs}

@@ -1,14 +1,16 @@
 /**-----------------------------------------------------------------------------------------
-* 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 * as i0 from '@angular/core';
-import { Directive, HostBinding, Input, Component, isDevMode, NgModule } from '@angular/core';
-import { validatePackage } from '@progress/kendo-licensing';
+import { Directive, HostBinding, Input, Component, isDevMode, Injectable, InjectionToken, Optional, Inject, NgModule } from '@angular/core';
 import { isDocumentAvailable } from '@progress/kendo-angular-common';
+import { validatePackage } from '@progress/kendo-licensing';
 import * as i1 from '@angular/platform-browser';
-import * as i2 from '@angular/common';
+import * as i4 from '@angular/common';
 import { CommonModule } from '@angular/common';
+import { Subject, BehaviorSubject, Subscription } from 'rxjs';
+import { map, tap } from 'rxjs/operators';
 
 /**
  * @hidden
@@ -17,9 +19,9 @@ const packageMetadata = {
     name: '@progress/kendo-angular-icons',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1668698255,
+    publishDate: 1673469086,
     version: '',
-    licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
+    licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
 const sizeClasses = {
@@ -86,21 +88,22 @@ 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]'
@@ -134,25 +137,25 @@ 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,
@@ -177,18 +180,20 @@ class SVGIconComponent extends IconBaseDirective {
      */
     set icon(icon) {
         const element = this.element.nativeElement;
-        if (this._icon && this._icon.name) {
+        const hasDocument = isDocumentAvailable();
+        if (this._icon && this._icon.name && hasDocument) {
             this.renderer.removeClass(element, `k-svg-i-${this._icon.name}`);
         }
         this._icon = icon;
-        this.renderer.addClass(element, `k-svg-i-${this._icon.name}`);
+        if (hasDocument) {
+            this.renderer.addClass(element, `k-svg-i-${this._icon.name}`);
+        }
     }
     get icon() {
         return this._icon;
     }
     get content() {
-        this.safeContent = this.safeContent || this.domSanitizer.bypassSecurityTrustHtml(this.icon.content);
-        return this.safeContent;
+        return this.domSanitizer.bypassSecurityTrustHtml(this.icon.content);
     }
     get visible() {
         return this.icon && isDocumentAvailable();
@@ -209,12 +214,12 @@ class SVGIconComponent extends IconBaseDirective {
         }
     }
 }
-SVGIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SVGIconComponent, deps: [{ token: i1.DomSanitizer }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-SVGIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SVGIconComponent, selector: "kendo-svg-icon", inputs: { icon: "icon" }, host: { properties: { "class.k-svg-icon": "this.hostClass" } }, exportAs: ["kendoSVGIcon"], usesInheritance: true, ngImport: i0, template: `
+SVGIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SVGIconComponent, deps: [{ token: i1.DomSanitizer }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+SVGIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: SVGIconComponent, selector: "kendo-svg-icon", inputs: { icon: "icon" }, host: { properties: { "class.k-svg-icon": "this.hostClass" } }, exportAs: ["kendoSVGIcon"], usesInheritance: true, ngImport: i0, template: `
         <svg *ngIf="visible" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
              [attr.viewBox]="icon.viewBox" [innerHTML]="content">
-        </svg>`, isInline: true, directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SVGIconComponent, decorators: [{
+        </svg>`, isInline: true, directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SVGIconComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoSVGIcon',
@@ -231,11 +236,220 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 type: Input
             }] } });
 
-const exportedModules$1 = [
+/**
+ * @hidden
+ */
+const isPresent = (value) => value !== null && value !== undefined;
+
+/**
+ * A service that returns the current icon settings to be used in subscribers.
+ * Use the public `notify` method to change the icon settings dynamically.
+ */
+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
+        }] });
+
+/**
+ * A token that specifies the icons [settings ('size', 'themeColor', 'flip')](appearance_svgicon) of Kendo UI for Angular components.
+ */
+const ICON_SETTINGS = new InjectionToken('Kendo UI Icon-Settings token');
+
+/**
+ * @hidden
+ */
+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: 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: IconSettingsService, decorators: [{
+                    type: Optional
+                }] }]; } });
+
+/**
+ * @hidden
+ */
+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: 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: SVGIconComponent, selector: "kendo-svg-icon", inputs: ["icon"], exportAs: ["kendoSVGIcon"] }, { type: 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: IconsService }]; }, propDecorators: { hostClass: [{
+                type: HostBinding,
+                args: ['class.k-icon-wrapper-host']
+            }], name: [{
+                type: Input
+            }], svgIcon: [{
+                type: Input
+            }], innerCssClass: [{
+                type: Input
+            }], customFontClass: [{
+                type: Input
+            }] } });
+
+const exportedModules$2 = [
     IconComponent
 ];
-const declarations$1 = [
-    ...exportedModules$1
+const declarations$2 = [
+    ...exportedModules$2
 ];
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
@@ -270,23 +484,23 @@ const declarations$1 = [
  */
 class IconModule {
 }
-IconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-IconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IconModule, declarations: [IconComponent], imports: [CommonModule], exports: [IconComponent] });
-IconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IconModule, imports: [[CommonModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IconModule, decorators: [{
+IconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: IconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+IconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: IconModule, declarations: [IconComponent], imports: [CommonModule], exports: [IconComponent, CommonModule] });
+IconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: IconModule, imports: [[CommonModule], CommonModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: IconModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [declarations$1],
-                    exports: [exportedModules$1],
+                    declarations: [declarations$2],
+                    exports: [exportedModules$2, CommonModule],
                     imports: [CommonModule]
                 }]
         }] });
 
-const exportedModules = [
+const exportedModules$1 = [
     SVGIconComponent
 ];
-const declarations = [
-    ...exportedModules
+const declarations$1 = [
+    ...exportedModules$1
 ];
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
@@ -321,18 +535,24 @@ const declarations = [
  */
 class SVGIconModule {
 }
-SVGIconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SVGIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SVGIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SVGIconModule, declarations: [SVGIconComponent], imports: [CommonModule], exports: [SVGIconComponent] });
-SVGIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SVGIconModule, imports: [[CommonModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SVGIconModule, decorators: [{
+SVGIconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SVGIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SVGIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SVGIconModule, declarations: [SVGIconComponent], imports: [CommonModule], exports: [SVGIconComponent] });
+SVGIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SVGIconModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: SVGIconModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [declarations],
-                    exports: [exportedModules],
+                    declarations: [declarations$1],
+                    exports: [exportedModules$1],
                     imports: [CommonModule]
                 }]
         }] });
 
+const exportedModules = [
+    IconWrapperComponent
+];
+const declarations = [
+    ...exportedModules
+];
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the Icons components.
@@ -366,18 +586,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
  */
 class IconsModule {
 }
-IconsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IconsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-IconsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IconsModule, exports: [IconModule,
-        SVGIconModule] });
-IconsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IconsModule, imports: [IconModule,
+IconsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: IconsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+IconsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: IconsModule, declarations: [IconWrapperComponent], imports: [IconModule,
+        SVGIconModule], exports: [IconModule,
+        SVGIconModule, IconWrapperComponent] });
+IconsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: IconsModule, providers: [IconsService], imports: [[
+            IconModule,
+            SVGIconModule
+        ], IconModule,
         SVGIconModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: IconsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: IconsModule, decorators: [{
             type: NgModule,
             args: [{
-                    exports: [
+                    declarations,
+                    imports: [
                         IconModule,
                         SVGIconModule
-                    ]
+                    ],
+                    exports: [
+                        IconModule,
+                        SVGIconModule,
+                        exportedModules
+                    ],
+                    providers: [IconsService]
                 }]
         }] });
 
@@ -385,5 +616,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { IconComponent, IconModule, IconsModule, SVGIconComponent, SVGIconModule };
+export { ICON_SETTINGS, IconComponent, IconModule, IconSettingsService, IconWrapperComponent, IconsModule, IconsService, SVGIconComponent, SVGIconModule };
 

package/icon/icon.component.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/icon-wrapper/icon-wrapper.component.d.ts

@@ -0,0 +1,44 @@
+/**-----------------------------------------------------------------------------------------
+* 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 { SVGIcon } from '@progress/kendo-svg-icons';
+import { IconsService } from '../common/icons.service';
+import { IconSettings } from '../common/models';
+import * as i0 from "@angular/core";
+/**
+ * @hidden
+ */
+export declare class IconWrapperComponent implements OnDestroy {
+    private iconsService;
+    hostClass: boolean;
+    /**
+     * Defines the name for an existing font icon in a Kendo UI theme, which will be rendered.
+     * All [Kendo UI Icons]({% slug icons %}#toc-list-of-font-icons) are supported.
+     */
+    name: string;
+    /**
+     * Defines a [SVGIcon](slug:api_icons_svgicon) to be rendered.
+     */
+    svgIcon: SVGIcon;
+    /**
+     * Provided by consuming components in case an additional k-specific class needs to be rendered
+     * on the internal Icon component.
+     */
+    innerCssClass: string;
+    /**
+     * Provided by consuming components in case a custom font icon class is set
+     * by the developer using the consuming component through its API.
+     */
+    customFontClass: string;
+    get customClasses(): string;
+    iconSettings: IconSettings;
+    get getSvgIcon(): SVGIcon;
+    get customFontIconClass(): string;
+    private subs;
+    constructor(iconsService: IconsService);
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconWrapperComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconWrapperComponent, "kendo-icon-wrapper", ["kendoIconWrapper"], { "name": "name"; "svgIcon": "svgIcon"; "innerCssClass": "innerCssClass"; "customFontClass": "customFontClass"; }, {}, never, never>;
+}

package/icon.module.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 * as i0 from "@angular/core";
@@ -38,6 +38,6 @@ import * as i2 from "@angular/common";
  */
 export declare class IconModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<IconModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<IconModule, [typeof i1.IconComponent], [typeof i2.CommonModule], [typeof i1.IconComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<IconModule, [typeof i1.IconComponent], [typeof i2.CommonModule], [typeof i1.IconComponent, typeof i2.CommonModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<IconModule>;
 }

package/icons.module.d.ts

@@ -1,10 +1,11 @@
 /**-----------------------------------------------------------------------------------------
-* 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 * as i0 from "@angular/core";
-import * as i1 from "./icon.module";
-import * as i2 from "./svg-icon.module";
+import * as i1 from "./icon-wrapper/icon-wrapper.component";
+import * as i2 from "./icon.module";
+import * as i3 from "./svg-icon.module";
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the Icons components.
@@ -38,6 +39,6 @@ import * as i2 from "./svg-icon.module";
  */
 export declare class IconsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<IconsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<IconsModule, never, never, [typeof i1.IconModule, typeof i2.SVGIconModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<IconsModule, [typeof i1.IconWrapperComponent], [typeof i2.IconModule, typeof i3.SVGIconModule], [typeof i2.IconModule, typeof i3.SVGIconModule, typeof i1.IconWrapperComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<IconsModule>;
 }

package/{main.d.ts → index.d.ts}

@@ -1,10 +1,15 @@
 /**-----------------------------------------------------------------------------------------
-* 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 { IconComponent } from './icon/icon.component';
 export { SVGIconComponent } from './svg-icon/svg-icon.component';
+export { IconWrapperComponent } from './icon-wrapper/icon-wrapper.component';
 export { IconModule } from './icon.module';
 export { SVGIconModule } from './svg-icon.module';
 export { IconsModule } from './icons.module';
-export { IconFlip, IconSize, IconThemeColor } from './common/models';
+export { IconFlip, IconSize, IconThemeColor, IconType, IconSettings } from './common/models';
+export { IconsService } from './common/icons.service';
+export { IconSettingsService } from './common/icon-settings.service';
+export { ICON_SETTINGS } from './common/icon-settings';
+export { SVGIcon } from '@progress/kendo-svg-icons';

package/package-metadata.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 { PackageMetadata } from '@progress/kendo-licensing';