@progress/kendo-angular-icons 16.5.0 → 16.6.0-develop.2

package/directives.d.ts

@@ -0,0 +1,18 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { IconComponent } from "./icon/icon.component";
+import { SVGIconComponent } from "./svg-icon/svg-icon.component";
+/**
+ * Utility array that contains all `KendoIcon` related components and directives
+ */
+export declare const KENDO_ICON: readonly [typeof IconComponent];
+/**
+ * Utility array that contains all `KendoSVGIcon` related components and directives
+ */
+export declare const KENDO_SVGICON: readonly [typeof SVGIconComponent];
+/**
+ * Utility array that contains all `@progress/kendo-angular-icons` related components and directives
+ */
+export declare const KENDO_ICONS: readonly [typeof IconComponent, typeof SVGIconComponent];

package/esm2020/common/icons.service.mjs

@@ -55,9 +55,12 @@ export class IconsService {
     }
 }
 IconsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", 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: "15.2.10", ngImport: i0, type: IconsService });
+IconsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconsService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconsService, decorators: [{
-            type: Injectable
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Optional
                 }, {

package/esm2020/directives.mjs

@@ -0,0 +1,25 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2024 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { IconComponent } from "./icon/icon.component";
+import { SVGIconComponent } from "./svg-icon/svg-icon.component";
+/**
+ * Utility array that contains all `KendoIcon` related components and directives
+ */
+export const KENDO_ICON = [
+    IconComponent
+];
+/**
+ * Utility array that contains all `KendoSVGIcon` related components and directives
+ */
+export const KENDO_SVGICON = [
+    SVGIconComponent
+];
+/**
+ * Utility array that contains all `@progress/kendo-angular-icons` related components and directives
+ */
+export const KENDO_ICONS = [
+    ...KENDO_ICON,
+    ...KENDO_SVGICON
+];

package/esm2020/icon/icon.component.mjs

@@ -37,13 +37,14 @@ export class IconComponent extends IconBaseDirective {
     }
 }
 IconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: IconComponent, selector: "kendo-icon", inputs: { name: "name" }, host: { properties: { "class.k-icon": "this.hostClass", "class.k-font-icon": "this.hostClass", "attr.aria-hidden": "this.hostAriaHidden" } }, exportAs: ["kendoIcon"], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: IconComponent, isStandalone: true, selector: "kendo-icon", inputs: { name: "name" }, host: { properties: { "class.k-icon": "this.hostClass", "class.k-font-icon": "this.hostClass", "attr.aria-hidden": "this.hostAriaHidden" } }, exportAs: ["kendoIcon"], usesInheritance: true, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoIcon',
                     selector: 'kendo-icon',
-                    template: ''
+                    template: '',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { hostClass: [{
                 type: HostBinding,

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

@@ -5,11 +5,11 @@
 import { Component, HostBinding, Input, isDevMode } from '@angular/core';
 import { Subscription } from 'rxjs';
 import { IconsService } from '../common/icons.service';
+import { NgClass, NgIf } from '@angular/common';
+import { IconComponent } from '../icon/icon.component';
+import { SVGIconComponent } from '../svg-icon/svg-icon.component';
 import * as i0 from "@angular/core";
 import * as i1 from "../common/icons.service";
-import * as i2 from "../icon/icon.component";
-import * as i3 from "@angular/common";
-import * as i4 from "../svg-icon/svg-icon.component";
 /**
  * @hidden
  */
@@ -69,7 +69,7 @@ https://www.telerik.com/design-system/docs/foundation/iconography/icon-list/
     }
 }
 IconWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconWrapperComponent, deps: [{ token: i1.IconsService }], target: i0.ɵɵFactoryTarget.Component });
-IconWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: { name: "name", svgIcon: "svgIcon", innerCssClass: "innerCssClass", customFontClass: "customFontClass", size: "size" }, host: { properties: { "class.k-icon-wrapper-host": "this.hostClass" } }, exportAs: ["kendoIconWrapper"], ngImport: i0, template: `
+IconWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: IconWrapperComponent, isStandalone: true, selector: "kendo-icon-wrapper", inputs: { name: "name", svgIcon: "svgIcon", innerCssClass: "innerCssClass", customFontClass: "customFontClass", size: "size" }, host: { properties: { "class.k-icon-wrapper-host": "this.hostClass" } }, exportAs: ["kendoIconWrapper"], ngImport: i0, template: `
         <kendo-svgicon
             *ngIf="iconSettings?.type === 'svg' && hasSvgIcon; else font"
             [ngClass]="innerCssClass"
@@ -89,7 +89,7 @@ IconWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
                 <span [ngClass]="customClasses"></span>
             </ng-template>
         </ng-template>
-    `, isInline: true, dependencies: [{ kind: "component", type: i2.IconComponent, selector: "kendo-icon", inputs: ["name"], exportAs: ["kendoIcon"] }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.SVGIconComponent, selector: "kendo-svg-icon, kendo-svgicon", inputs: ["icon"], exportAs: ["kendoSVGIcon"] }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "kendo-icon", inputs: ["name"], exportAs: ["kendoIcon"] }, { kind: "component", type: SVGIconComponent, selector: "kendo-svg-icon, kendo-svgicon", inputs: ["icon"], exportAs: ["kendoSVGIcon"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconWrapperComponent, decorators: [{
             type: Component,
             args: [{
@@ -115,7 +115,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 <span [ngClass]="customClasses"></span>
             </ng-template>
         </ng-template>
-    `
+    `,
+                    standalone: true,
+                    imports: [NgClass, NgIf, IconComponent, SVGIconComponent]
                 }]
         }], ctorParameters: function () { return [{ type: i1.IconsService }]; }, propDecorators: { hostClass: [{
                 type: HostBinding,

package/esm2020/icon.module.mjs

@@ -3,15 +3,9 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
 import { IconComponent } from './icon/icon.component';
 import * as i0 from "@angular/core";
-const exportedModules = [
-    IconComponent
-];
-const declarations = [
-    ...exportedModules
-];
+//IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the Icon component.
@@ -46,13 +40,12 @@ const declarations = [
 export class IconModule {
 }
 IconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-IconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: IconModule, declarations: [IconComponent], imports: [CommonModule], exports: [IconComponent, CommonModule] });
-IconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconModule, imports: [CommonModule, CommonModule] });
+IconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: IconModule, imports: [IconComponent], exports: [IconComponent] });
+IconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconModule, imports: [IconComponent] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [declarations],
-                    exports: [exportedModules, CommonModule],
-                    imports: [CommonModule]
+                    exports: [IconComponent],
+                    imports: [IconComponent]
                 }]
         }] });

package/esm2020/icons.module.mjs

@@ -4,16 +4,11 @@
 *-------------------------------------------------------------------------------------------*/
 import { NgModule } from '@angular/core';
 import { IconsService } from './common/icons.service';
-import { IconWrapperComponent } from './icon-wrapper/icon-wrapper.component';
-import { IconModule } from './icon.module';
-import { SVGIconModule } from './svg-icon.module';
+import { KENDO_ICONS } from './directives';
 import * as i0 from "@angular/core";
-const exportedModules = [
-    IconWrapperComponent
-];
-const declarations = [
-    ...exportedModules
-];
+import * as i1 from "./icon/icon.component";
+import * as i2 from "./svg-icon/svg-icon.component";
+//IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the Icons components.
@@ -48,24 +43,16 @@ const declarations = [
 export class IconsModule {
 }
 IconsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-IconsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: IconsModule, declarations: [IconWrapperComponent], imports: [IconModule,
-        SVGIconModule], exports: [IconModule,
-        SVGIconModule, IconWrapperComponent] });
-IconsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconsModule, providers: [IconsService], imports: [IconModule,
-        SVGIconModule, IconModule,
-        SVGIconModule] });
+IconsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: IconsModule, imports: [i1.IconComponent, i2.SVGIconComponent], exports: [i1.IconComponent, i2.SVGIconComponent] });
+IconsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconsModule, providers: [IconsService], imports: [KENDO_ICONS] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconsModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations,
                     imports: [
-                        IconModule,
-                        SVGIconModule
+                        ...KENDO_ICONS
                     ],
                     exports: [
-                        IconModule,
-                        SVGIconModule,
-                        exportedModules
+                        ...KENDO_ICONS
                     ],
                     providers: [IconsService]
                 }]

package/esm2020/index.mjs

@@ -11,3 +11,4 @@ export { IconsModule } from './icons.module';
 export { IconsService } from './common/icons.service';
 export { IconSettingsService } from './common/icon-settings.service';
 export { ICON_SETTINGS } from './common/icon-settings';
+export * from './directives';

package/esm2020/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-icons',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1721813930,
-    version: '16.5.0',
+    publishDate: 1721846795,
+    version: '16.6.0-develop.2',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

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

@@ -6,9 +6,9 @@ import { Component, ElementRef, Input, Renderer2, HostBinding, isDevMode, Change
 import { DomSanitizer } from "@angular/platform-browser";
 import { isDocumentAvailable } from '@progress/kendo-angular-common';
 import { IconBaseDirective } from '../common/icon-base';
+import { NgClass, NgIf } from '@angular/common';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/platform-browser";
-import * as i2 from "@angular/common";
 const areSame = (i1, i2) => i1?.name === i2?.name && i1.content === i2.content && i1.viewBox === i2.viewBox;
 /**
  * Represents the Kendo UI SVG Icon component for Angular.
@@ -65,10 +65,10 @@ export class SVGIconComponent extends IconBaseDirective {
     }
 }
 SVGIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SVGIconComponent, deps: [{ token: i1.DomSanitizer }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-SVGIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SVGIconComponent, selector: "kendo-svg-icon, kendo-svgicon", inputs: { icon: "icon" }, host: { properties: { "class.k-svg-icon": "this.hostClass", "class.k-icon": "this.hostClass", "attr.aria-hidden": "this.hostAriaHidden" } }, exportAs: ["kendoSVGIcon"], usesInheritance: true, ngImport: i0, template: `
+SVGIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SVGIconComponent, isStandalone: true, selector: "kendo-svg-icon, kendo-svgicon", inputs: { icon: "icon" }, host: { properties: { "class.k-svg-icon": "this.hostClass", "class.k-icon": "this.hostClass", "attr.aria-hidden": "this.hostAriaHidden" } }, exportAs: ["kendoSVGIcon"], usesInheritance: true, ngImport: i0, template: `
         <svg [style.pointerEvents]="'none'" *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, dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        </svg>`, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SVGIconComponent, decorators: [{
             type: Component,
             args: [{
@@ -78,7 +78,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         <svg [style.pointerEvents]="'none'" *ngIf="visible" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
             [attr.viewBox]="icon.viewBox" [innerHTML]="content">
         </svg>`,
-                    changeDetection: ChangeDetectionStrategy.OnPush
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    standalone: true,
+                    imports: [NgIf, NgClass]
                 }]
         }], ctorParameters: function () { return [{ type: i1.DomSanitizer }, { type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { hostClass: [{
                 type: HostBinding,

package/esm2020/svg-icon.module.mjs

@@ -3,15 +3,9 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
 import { SVGIconComponent } from './svg-icon/svg-icon.component';
 import * as i0 from "@angular/core";
-const exportedModules = [
-    SVGIconComponent
-];
-const declarations = [
-    ...exportedModules
-];
+//IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the SVG Icon component.
@@ -46,13 +40,12 @@ const declarations = [
 export class SVGIconModule {
 }
 SVGIconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SVGIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SVGIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SVGIconModule, declarations: [SVGIconComponent], imports: [CommonModule], exports: [SVGIconComponent] });
-SVGIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SVGIconModule, imports: [CommonModule] });
+SVGIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SVGIconModule, imports: [SVGIconComponent], exports: [SVGIconComponent] });
+SVGIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SVGIconModule, imports: [SVGIconComponent] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SVGIconModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [declarations],
-                    exports: [exportedModules],
-                    imports: [CommonModule]
+                    exports: [SVGIconComponent],
+                    imports: [SVGIconComponent]
                 }]
         }] });

package/fesm2015/progress-kendo-angular-icons.mjs

@@ -6,9 +6,8 @@ import * as i0 from '@angular/core';
 import { Directive, HostBinding, Input, Component, isDevMode, ChangeDetectionStrategy, InjectionToken, Injectable, Optional, Inject, NgModule } from '@angular/core';
 import { isDocumentAvailable } from '@progress/kendo-angular-common';
 import { validatePackage } from '@progress/kendo-licensing';
+import { NgIf, NgClass } from '@angular/common';
 import * as i1 from '@angular/platform-browser';
-import * as i3 from '@angular/common';
-import { CommonModule } from '@angular/common';
 import { Subject, BehaviorSubject, Subscription } from 'rxjs';
 import { map, tap } from 'rxjs/operators';
 
@@ -19,8 +18,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-icons',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1721813930,
-    version: '16.5.0',
+    publishDate: 1721846795,
+    version: '16.6.0-develop.2',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -161,13 +160,14 @@ class IconComponent extends IconBaseDirective {
     }
 }
 IconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: IconComponent, selector: "kendo-icon", inputs: { name: "name" }, host: { properties: { "class.k-icon": "this.hostClass", "class.k-font-icon": "this.hostClass", "attr.aria-hidden": "this.hostAriaHidden" } }, exportAs: ["kendoIcon"], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: IconComponent, isStandalone: true, selector: "kendo-icon", inputs: { name: "name" }, host: { properties: { "class.k-icon": "this.hostClass", "class.k-font-icon": "this.hostClass", "attr.aria-hidden": "this.hostAriaHidden" } }, exportAs: ["kendoIcon"], usesInheritance: true, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoIcon',
                     selector: 'kendo-icon',
-                    template: ''
+                    template: '',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { hostClass: [{
                 type: HostBinding,
@@ -239,10 +239,10 @@ class SVGIconComponent extends IconBaseDirective {
     }
 }
 SVGIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SVGIconComponent, deps: [{ token: i1.DomSanitizer }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-SVGIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SVGIconComponent, selector: "kendo-svg-icon, kendo-svgicon", inputs: { icon: "icon" }, host: { properties: { "class.k-svg-icon": "this.hostClass", "class.k-icon": "this.hostClass", "attr.aria-hidden": "this.hostAriaHidden" } }, exportAs: ["kendoSVGIcon"], usesInheritance: true, ngImport: i0, template: `
+SVGIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SVGIconComponent, isStandalone: true, selector: "kendo-svg-icon, kendo-svgicon", inputs: { icon: "icon" }, host: { properties: { "class.k-svg-icon": "this.hostClass", "class.k-icon": "this.hostClass", "attr.aria-hidden": "this.hostAriaHidden" } }, exportAs: ["kendoSVGIcon"], usesInheritance: true, ngImport: i0, template: `
         <svg [style.pointerEvents]="'none'" *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, dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        </svg>`, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SVGIconComponent, decorators: [{
             type: Component,
             args: [{
@@ -252,7 +252,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         <svg [style.pointerEvents]="'none'" *ngIf="visible" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
             [attr.viewBox]="icon.viewBox" [innerHTML]="content">
         </svg>`,
-                    changeDetection: ChangeDetectionStrategy.OnPush
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    standalone: true,
+                    imports: [NgIf, NgClass]
                 }]
         }], ctorParameters: function () { return [{ type: i1.DomSanitizer }, { type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { hostClass: [{
                 type: HostBinding,
@@ -377,9 +379,12 @@ class IconsService {
     }
 }
 IconsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", 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: "15.2.10", ngImport: i0, type: IconsService });
+IconsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconsService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconsService, decorators: [{
-            type: Injectable
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
         }], ctorParameters: function () {
         return [{ type: undefined, decorators: [{
                         type: Optional
@@ -450,7 +455,7 @@ https://www.telerik.com/design-system/docs/foundation/iconography/icon-list/
     }
 }
 IconWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconWrapperComponent, deps: [{ token: IconsService }], target: i0.ɵɵFactoryTarget.Component });
-IconWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: { name: "name", svgIcon: "svgIcon", innerCssClass: "innerCssClass", customFontClass: "customFontClass", size: "size" }, host: { properties: { "class.k-icon-wrapper-host": "this.hostClass" } }, exportAs: ["kendoIconWrapper"], ngImport: i0, template: `
+IconWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: IconWrapperComponent, isStandalone: true, selector: "kendo-icon-wrapper", inputs: { name: "name", svgIcon: "svgIcon", innerCssClass: "innerCssClass", customFontClass: "customFontClass", size: "size" }, host: { properties: { "class.k-icon-wrapper-host": "this.hostClass" } }, exportAs: ["kendoIconWrapper"], ngImport: i0, template: `
         <kendo-svgicon
             *ngIf="iconSettings?.type === 'svg' && hasSvgIcon; else font"
             [ngClass]="innerCssClass"
@@ -470,7 +475,7 @@ IconWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
                 <span [ngClass]="customClasses"></span>
             </ng-template>
         </ng-template>
-    `, isInline: true, dependencies: [{ kind: "component", type: IconComponent, selector: "kendo-icon", inputs: ["name"], exportAs: ["kendoIcon"] }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SVGIconComponent, selector: "kendo-svg-icon, kendo-svgicon", inputs: ["icon"], exportAs: ["kendoSVGIcon"] }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "kendo-icon", inputs: ["name"], exportAs: ["kendoIcon"] }, { kind: "component", type: SVGIconComponent, selector: "kendo-svg-icon, kendo-svgicon", inputs: ["icon"], exportAs: ["kendoSVGIcon"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconWrapperComponent, decorators: [{
             type: Component,
             args: [{
@@ -496,7 +501,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 <span [ngClass]="customClasses"></span>
             </ng-template>
         </ng-template>
-    `
+    `,
+                    standalone: true,
+                    imports: [NgClass, NgIf, IconComponent, SVGIconComponent]
                 }]
         }], ctorParameters: function () { return [{ type: IconsService }]; }, propDecorators: { hostClass: [{
                 type: HostBinding,
@@ -513,12 +520,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: Input
             }] } });
 
-const exportedModules$2 = [
-    IconComponent
-];
-const declarations$2 = [
-    ...exportedModules$2
-];
+//IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the Icon component.
@@ -553,23 +555,17 @@ const declarations$2 = [
 class IconModule {
 }
 IconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-IconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: IconModule, declarations: [IconComponent], imports: [CommonModule], exports: [IconComponent, CommonModule] });
-IconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconModule, imports: [CommonModule, CommonModule] });
+IconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: IconModule, imports: [IconComponent], exports: [IconComponent] });
+IconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconModule, imports: [IconComponent] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [declarations$2],
-                    exports: [exportedModules$2, CommonModule],
-                    imports: [CommonModule]
+                    exports: [IconComponent],
+                    imports: [IconComponent]
                 }]
         }] });
 
-const exportedModules$1 = [
-    SVGIconComponent
-];
-const declarations$1 = [
-    ...exportedModules$1
-];
+//IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the SVG Icon component.
@@ -604,23 +600,37 @@ const declarations$1 = [
 class SVGIconModule {
 }
 SVGIconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SVGIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SVGIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SVGIconModule, declarations: [SVGIconComponent], imports: [CommonModule], exports: [SVGIconComponent] });
-SVGIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SVGIconModule, imports: [CommonModule] });
+SVGIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SVGIconModule, imports: [SVGIconComponent], exports: [SVGIconComponent] });
+SVGIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SVGIconModule, imports: [SVGIconComponent] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SVGIconModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [declarations$1],
-                    exports: [exportedModules$1],
-                    imports: [CommonModule]
+                    exports: [SVGIconComponent],
+                    imports: [SVGIconComponent]
                 }]
         }] });
 
-const exportedModules = [
-    IconWrapperComponent
+/**
+ * Utility array that contains all `KendoIcon` related components and directives
+ */
+const KENDO_ICON = [
+    IconComponent
 ];
-const declarations = [
-    ...exportedModules
+/**
+ * Utility array that contains all `KendoSVGIcon` related components and directives
+ */
+const KENDO_SVGICON = [
+    SVGIconComponent
 ];
+/**
+ * Utility array that contains all `@progress/kendo-angular-icons` related components and directives
+ */
+const KENDO_ICONS = [
+    ...KENDO_ICON,
+    ...KENDO_SVGICON
+];
+
+//IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the Icons components.
@@ -655,24 +665,16 @@ const declarations = [
 class IconsModule {
 }
 IconsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-IconsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: IconsModule, declarations: [IconWrapperComponent], imports: [IconModule,
-        SVGIconModule], exports: [IconModule,
-        SVGIconModule, IconWrapperComponent] });
-IconsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconsModule, providers: [IconsService], imports: [IconModule,
-        SVGIconModule, IconModule,
-        SVGIconModule] });
+IconsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: IconsModule, imports: [IconComponent, SVGIconComponent], exports: [IconComponent, SVGIconComponent] });
+IconsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconsModule, providers: [IconsService], imports: [KENDO_ICONS] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconsModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations,
                     imports: [
-                        IconModule,
-                        SVGIconModule
+                        ...KENDO_ICONS
                     ],
                     exports: [
-                        IconModule,
-                        SVGIconModule,
-                        exportedModules
+                        ...KENDO_ICONS
                     ],
                     providers: [IconsService]
                 }]
@@ -682,5 +684,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ICON_SETTINGS, IconComponent, IconModule, IconSettingsService, IconWrapperComponent, IconsModule, IconsService, SVGIconComponent, SVGIconModule };
+export { ICON_SETTINGS, IconComponent, IconModule, IconSettingsService, IconWrapperComponent, IconsModule, IconsService, KENDO_ICON, KENDO_ICONS, KENDO_SVGICON, SVGIconComponent, SVGIconModule };
 

package/fesm2020/progress-kendo-angular-icons.mjs

@@ -7,8 +7,7 @@ import { Directive, HostBinding, Input, Component, isDevMode, ChangeDetectionStr
 import { isDocumentAvailable } from '@progress/kendo-angular-common';
 import { validatePackage } from '@progress/kendo-licensing';
 import * as i1 from '@angular/platform-browser';
-import * as i3 from '@angular/common';
-import { CommonModule } from '@angular/common';
+import { NgIf, NgClass } from '@angular/common';
 import { Subject, BehaviorSubject, Subscription } from 'rxjs';
 import { map, tap } from 'rxjs/operators';
 
@@ -19,8 +18,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-icons',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1721813930,
-    version: '16.5.0',
+    publishDate: 1721846795,
+    version: '16.6.0-develop.2',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -161,13 +160,14 @@ class IconComponent extends IconBaseDirective {
     }
 }
 IconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: IconComponent, selector: "kendo-icon", inputs: { name: "name" }, host: { properties: { "class.k-icon": "this.hostClass", "class.k-font-icon": "this.hostClass", "attr.aria-hidden": "this.hostAriaHidden" } }, exportAs: ["kendoIcon"], usesInheritance: true, ngImport: i0, template: '', isInline: true });
+IconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: IconComponent, isStandalone: true, selector: "kendo-icon", inputs: { name: "name" }, host: { properties: { "class.k-icon": "this.hostClass", "class.k-font-icon": "this.hostClass", "attr.aria-hidden": "this.hostAriaHidden" } }, exportAs: ["kendoIcon"], usesInheritance: true, ngImport: i0, template: '', isInline: true });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoIcon',
                     selector: 'kendo-icon',
-                    template: ''
+                    template: '',
+                    standalone: true
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { hostClass: [{
                 type: HostBinding,
@@ -238,10 +238,10 @@ class SVGIconComponent extends IconBaseDirective {
     }
 }
 SVGIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SVGIconComponent, deps: [{ token: i1.DomSanitizer }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-SVGIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SVGIconComponent, selector: "kendo-svg-icon, kendo-svgicon", inputs: { icon: "icon" }, host: { properties: { "class.k-svg-icon": "this.hostClass", "class.k-icon": "this.hostClass", "attr.aria-hidden": "this.hostAriaHidden" } }, exportAs: ["kendoSVGIcon"], usesInheritance: true, ngImport: i0, template: `
+SVGIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SVGIconComponent, isStandalone: true, selector: "kendo-svg-icon, kendo-svgicon", inputs: { icon: "icon" }, host: { properties: { "class.k-svg-icon": "this.hostClass", "class.k-icon": "this.hostClass", "attr.aria-hidden": "this.hostAriaHidden" } }, exportAs: ["kendoSVGIcon"], usesInheritance: true, ngImport: i0, template: `
         <svg [style.pointerEvents]="'none'" *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, dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        </svg>`, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SVGIconComponent, decorators: [{
             type: Component,
             args: [{
@@ -251,7 +251,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
         <svg [style.pointerEvents]="'none'" *ngIf="visible" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
             [attr.viewBox]="icon.viewBox" [innerHTML]="content">
         </svg>`,
-                    changeDetection: ChangeDetectionStrategy.OnPush
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    standalone: true,
+                    imports: [NgIf, NgClass]
                 }]
         }], ctorParameters: function () { return [{ type: i1.DomSanitizer }, { type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { hostClass: [{
                 type: HostBinding,
@@ -376,9 +378,12 @@ class IconsService {
     }
 }
 IconsService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", 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: "15.2.10", ngImport: i0, type: IconsService });
+IconsService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconsService, providedIn: 'root' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconsService, decorators: [{
-            type: Injectable
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Optional
                 }, {
@@ -447,7 +452,7 @@ https://www.telerik.com/design-system/docs/foundation/iconography/icon-list/
     }
 }
 IconWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconWrapperComponent, deps: [{ token: IconsService }], target: i0.ɵɵFactoryTarget.Component });
-IconWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: { name: "name", svgIcon: "svgIcon", innerCssClass: "innerCssClass", customFontClass: "customFontClass", size: "size" }, host: { properties: { "class.k-icon-wrapper-host": "this.hostClass" } }, exportAs: ["kendoIconWrapper"], ngImport: i0, template: `
+IconWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: IconWrapperComponent, isStandalone: true, selector: "kendo-icon-wrapper", inputs: { name: "name", svgIcon: "svgIcon", innerCssClass: "innerCssClass", customFontClass: "customFontClass", size: "size" }, host: { properties: { "class.k-icon-wrapper-host": "this.hostClass" } }, exportAs: ["kendoIconWrapper"], ngImport: i0, template: `
         <kendo-svgicon
             *ngIf="iconSettings?.type === 'svg' && hasSvgIcon; else font"
             [ngClass]="innerCssClass"
@@ -467,7 +472,7 @@ IconWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
                 <span [ngClass]="customClasses"></span>
             </ng-template>
         </ng-template>
-    `, isInline: true, dependencies: [{ kind: "component", type: IconComponent, selector: "kendo-icon", inputs: ["name"], exportAs: ["kendoIcon"] }, { kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SVGIconComponent, selector: "kendo-svg-icon, kendo-svgicon", inputs: ["icon"], exportAs: ["kendoSVGIcon"] }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: IconComponent, selector: "kendo-icon", inputs: ["name"], exportAs: ["kendoIcon"] }, { kind: "component", type: SVGIconComponent, selector: "kendo-svg-icon, kendo-svgicon", inputs: ["icon"], exportAs: ["kendoSVGIcon"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconWrapperComponent, decorators: [{
             type: Component,
             args: [{
@@ -493,7 +498,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 <span [ngClass]="customClasses"></span>
             </ng-template>
         </ng-template>
-    `
+    `,
+                    standalone: true,
+                    imports: [NgClass, NgIf, IconComponent, SVGIconComponent]
                 }]
         }], ctorParameters: function () { return [{ type: IconsService }]; }, propDecorators: { hostClass: [{
                 type: HostBinding,
@@ -510,12 +517,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: Input
             }] } });
 
-const exportedModules$2 = [
-    IconComponent
-];
-const declarations$2 = [
-    ...exportedModules$2
-];
+//IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the Icon component.
@@ -550,23 +552,17 @@ const declarations$2 = [
 class IconModule {
 }
 IconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-IconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: IconModule, declarations: [IconComponent], imports: [CommonModule], exports: [IconComponent, CommonModule] });
-IconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconModule, imports: [CommonModule, CommonModule] });
+IconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: IconModule, imports: [IconComponent], exports: [IconComponent] });
+IconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconModule, imports: [IconComponent] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [declarations$2],
-                    exports: [exportedModules$2, CommonModule],
-                    imports: [CommonModule]
+                    exports: [IconComponent],
+                    imports: [IconComponent]
                 }]
         }] });
 
-const exportedModules$1 = [
-    SVGIconComponent
-];
-const declarations$1 = [
-    ...exportedModules$1
-];
+//IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the SVG Icon component.
@@ -601,23 +597,37 @@ const declarations$1 = [
 class SVGIconModule {
 }
 SVGIconModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SVGIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SVGIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SVGIconModule, declarations: [SVGIconComponent], imports: [CommonModule], exports: [SVGIconComponent] });
-SVGIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SVGIconModule, imports: [CommonModule] });
+SVGIconModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: SVGIconModule, imports: [SVGIconComponent], exports: [SVGIconComponent] });
+SVGIconModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SVGIconModule, imports: [SVGIconComponent] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SVGIconModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [declarations$1],
-                    exports: [exportedModules$1],
-                    imports: [CommonModule]
+                    exports: [SVGIconComponent],
+                    imports: [SVGIconComponent]
                 }]
         }] });
 
-const exportedModules = [
-    IconWrapperComponent
+/**
+ * Utility array that contains all `KendoIcon` related components and directives
+ */
+const KENDO_ICON = [
+    IconComponent
 ];
-const declarations = [
-    ...exportedModules
+/**
+ * Utility array that contains all `KendoSVGIcon` related components and directives
+ */
+const KENDO_SVGICON = [
+    SVGIconComponent
 ];
+/**
+ * Utility array that contains all `@progress/kendo-angular-icons` related components and directives
+ */
+const KENDO_ICONS = [
+    ...KENDO_ICON,
+    ...KENDO_SVGICON
+];
+
+//IMPORTANT: NgModule export kept for backwards compatibility
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the Icons components.
@@ -652,24 +662,16 @@ const declarations = [
 class IconsModule {
 }
 IconsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-IconsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: IconsModule, declarations: [IconWrapperComponent], imports: [IconModule,
-        SVGIconModule], exports: [IconModule,
-        SVGIconModule, IconWrapperComponent] });
-IconsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconsModule, providers: [IconsService], imports: [IconModule,
-        SVGIconModule, IconModule,
-        SVGIconModule] });
+IconsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: IconsModule, imports: [IconComponent, SVGIconComponent], exports: [IconComponent, SVGIconComponent] });
+IconsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconsModule, providers: [IconsService], imports: [KENDO_ICONS] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: IconsModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations,
                     imports: [
-                        IconModule,
-                        SVGIconModule
+                        ...KENDO_ICONS
                     ],
                     exports: [
-                        IconModule,
-                        SVGIconModule,
-                        exportedModules
+                        ...KENDO_ICONS
                     ],
                     providers: [IconsService]
                 }]
@@ -679,5 +681,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ICON_SETTINGS, IconComponent, IconModule, IconSettingsService, IconWrapperComponent, IconsModule, IconsService, SVGIconComponent, SVGIconModule };
+export { ICON_SETTINGS, IconComponent, IconModule, IconSettingsService, IconWrapperComponent, IconsModule, IconsService, KENDO_ICON, KENDO_ICONS, KENDO_SVGICON, SVGIconComponent, SVGIconModule };
 

package/icon/icon.component.d.ts

@@ -22,5 +22,5 @@ export declare class IconComponent extends IconBaseDirective {
     private _name;
     constructor(element: ElementRef, renderer: Renderer2);
     static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "kendo-icon", ["kendoIcon"], { "name": "name"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "kendo-icon", ["kendoIcon"], { "name": "name"; }, {}, never, never, true, never>;
 }

package/icon-wrapper/icon-wrapper.component.d.ts

@@ -55,5 +55,5 @@ export declare class IconWrapperComponent implements OnDestroy {
     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"; "size": "size"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconWrapperComponent, "kendo-icon-wrapper", ["kendoIconWrapper"], { "name": "name"; "svgIcon": "svgIcon"; "innerCssClass": "innerCssClass"; "customFontClass": "customFontClass"; "size": "size"; }, {}, never, never, true, never>;
 }

package/icon.module.d.ts

@@ -4,7 +4,6 @@
 *-------------------------------------------------------------------------------------------*/
 import * as i0 from "@angular/core";
 import * as i1 from "./icon/icon.component";
-import * as i2 from "@angular/common";
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the Icon component.
@@ -38,6 +37,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, typeof i2.CommonModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<IconModule, never, [typeof i1.IconComponent], [typeof i1.IconComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<IconModule>;
 }

package/icons.module.d.ts

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

package/index.d.ts

@@ -13,3 +13,4 @@ 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';
+export * from './directives';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-icons",
-  "version": "16.5.0",
+  "version": "16.6.0-develop.2",
   "description": "Kendo UI Angular component starter template",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -22,12 +22,12 @@
     "@angular/platform-browser": "15 - 18",
     "@progress/kendo-licensing": "^1.0.2",
     "@progress/kendo-svg-icons": "^3.0.0",
-    "@progress/kendo-angular-common": "16.5.0",
+    "@progress/kendo-angular-common": "16.6.0-develop.2",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "16.5.0"
+    "@progress/kendo-angular-schematics": "16.6.0-develop.2"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2015/progress-kendo-angular-icons.mjs",

package/svg-icon/svg-icon.component.d.ts

@@ -28,5 +28,5 @@ export declare class SVGIconComponent extends IconBaseDirective implements OnIni
     ngOnInit(): void;
     private verifyIconProperty;
     static ɵfac: i0.ɵɵFactoryDeclaration<SVGIconComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SVGIconComponent, "kendo-svg-icon, kendo-svgicon", ["kendoSVGIcon"], { "icon": "icon"; }, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SVGIconComponent, "kendo-svg-icon, kendo-svgicon", ["kendoSVGIcon"], { "icon": "icon"; }, {}, never, never, true, never>;
 }

package/svg-icon.module.d.ts

@@ -4,7 +4,6 @@
 *-------------------------------------------------------------------------------------------*/
 import * as i0 from "@angular/core";
 import * as i1 from "./svg-icon/svg-icon.component";
-import * as i2 from "@angular/common";
 /**
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
  * definition for the SVG Icon component.
@@ -38,6 +37,6 @@ import * as i2 from "@angular/common";
  */
 export declare class SVGIconModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SVGIconModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SVGIconModule, [typeof i1.SVGIconComponent], [typeof i2.CommonModule], [typeof i1.SVGIconComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SVGIconModule, never, [typeof i1.SVGIconComponent], [typeof i1.SVGIconComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SVGIconModule>;
 }