@progress/kendo-angular-icons 24.2.2 → 25.0.0-develop.2

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

@@ -19,8 +19,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1783511215,
-    version: '24.2.2',
+    publishDate: 1783688442,
+    version: '25.0.0-develop.2',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -91,10 +91,10 @@ class IconBaseDirective {
         this.renderer = renderer;
         validatePackage(packageMetadata);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IconBaseDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: IconBaseDirective, isStandalone: true, 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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: IconBaseDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: IconBaseDirective, isStandalone: true, 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: "19.2.25", ngImport: i0, type: IconBaseDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: IconBaseDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoIconBase]'
@@ -150,10 +150,10 @@ class IconComponent extends IconBaseDirective {
         this.element = element;
         this.renderer = renderer;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IconComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", 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 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: IconComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", 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: "19.2.25", ngImport: i0, type: IconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: IconComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoIcon',
@@ -265,15 +265,15 @@ class SVGIconComponent extends IconBaseDirective {
             `);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: SVGIconComponent, deps: [{ token: i1_1.DomSanitizer }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: SVGIconComponent, isStandalone: true, selector: "kendo-svg-icon, kendo-svgicon", inputs: { icon: "icon", variant: "variant" }, 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: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SVGIconComponent, deps: [{ token: i1_1.DomSanitizer }, { token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: SVGIconComponent, isStandalone: true, selector: "kendo-svg-icon, kendo-svgicon", inputs: { icon: "icon", variant: "variant" }, 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: `
         @if (visible) {
           <svg [style.pointerEvents]="'none'" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
             [attr.viewBox]="icon.viewBox" [innerHTML]="content" aria-hidden="true">
           </svg>
         }`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: SVGIconComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SVGIconComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoSVGIcon',
@@ -354,10 +354,10 @@ class IconSettingsService {
     getCustomFontIconClass(_key) {
         return null;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IconSettingsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IconSettingsService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: IconSettingsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: IconSettingsService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IconSettingsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: IconSettingsService, decorators: [{
             type: Injectable
         }] });
 
@@ -444,10 +444,10 @@ class IconsService {
         const customClass = this.iconSettingsService && this.iconSettingsService.getCustomFontIconClass(key);
         return customClass;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IconsService, deps: [{ token: ICON_SETTINGS, optional: true }, { token: IconSettingsService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IconsService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: IconsService, deps: [{ token: ICON_SETTINGS, optional: true }, { token: IconSettingsService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: IconsService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IconsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: IconsService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -533,8 +533,8 @@ https://www.telerik.com/design-system/docs/foundation/iconography/icon-list/
     ngOnDestroy() {
         this.subs.unsubscribe();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IconWrapperComponent, deps: [{ token: IconsService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", 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: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: IconWrapperComponent, deps: [{ token: IconsService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", 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: `
         @if (iconSettings?.type === 'svg' && hasSvgIcon) {
           <kendo-svgicon
             [ngClass]="innerCssClass"
@@ -556,7 +556,7 @@ https://www.telerik.com/design-system/docs/foundation/iconography/icon-list/
         }
         `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: IconComponent, selector: "kendo-icon", inputs: ["name"], exportAs: ["kendoIcon"] }, { kind: "component", type: SVGIconComponent, selector: "kendo-svg-icon, kendo-svgicon", inputs: ["icon", "variant"], exportAs: ["kendoSVGIcon"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IconWrapperComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: IconWrapperComponent, decorators: [{
             type: Component,
             args: [{
                     exportAs: 'kendoIconWrapper',
@@ -620,11 +620,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
  * ```
  */
 class IconModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.25", ngImport: i0, type: IconModule, imports: [IconComponent], exports: [IconComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IconModule });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: IconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: IconModule, imports: [IconComponent], exports: [IconComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: IconModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IconModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: IconModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [IconComponent],
@@ -652,11 +652,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
  * ```
  */
 class SVGIconModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: SVGIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.25", ngImport: i0, type: SVGIconModule, imports: [SVGIconComponent], exports: [SVGIconComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: SVGIconModule });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SVGIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: SVGIconModule, imports: [SVGIconComponent], exports: [SVGIconComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SVGIconModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: SVGIconModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: SVGIconModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [SVGIconComponent],
@@ -746,11 +746,11 @@ const KENDO_ICONS = [
  * ```
  */
 class IconsModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IconsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.25", ngImport: i0, type: IconsModule, imports: [IconComponent, SVGIconComponent], exports: [IconComponent, SVGIconComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IconsModule, providers: [IconsService] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: IconsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: IconsModule, imports: [IconComponent, SVGIconComponent], exports: [IconComponent, SVGIconComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: IconsModule, providers: [IconsService] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: IconsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: IconsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/index.d.ts

@@ -2,15 +2,482 @@
 * Copyright © 2026 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, IconType, IconSettings, IconVariant } from './common/models';
-export { IconsService } from './common/icons.service';
-export { IconSettingsService } from './common/icon-settings.service';
-export { ICON_SETTINGS } from './common/icon-settings';
+import * as i0 from '@angular/core';
+import { ElementRef, Renderer2, OnInit, OnDestroy, InjectionToken } from '@angular/core';
+import { SafeHtml, DomSanitizer } from '@angular/platform-browser';
+import { SVGIcon } from '@progress/kendo-svg-icons';
 export { SVGIcon } from '@progress/kendo-svg-icons';
-export * from './directives';
+import { Subject } from 'rxjs';
+
+/**
+ * Specifies the `IconThemeColor` of the icon.
+ *
+ * Use this type to set the icon theme color. The possible values are:
+ * - `inherit` (Default)—Applies coloring based on the current color.
+ * - `primary` —Applies coloring based on primary theme color.
+ * - `secondary`—Applies coloring based on secondary theme color.
+ * - `tertiary`— Applies coloring based on tertiary theme color.
+ * - `info`—Applies coloring based on info theme color.
+ * - `success`— Applies coloring based on success theme color.
+ * - `warning`— Applies coloring based on warning theme color.
+ * - `error`— Applies coloring based on error theme color.
+ * - `inverse`— Applies coloring based on inverse theme color.
+ *
+ */
+type IconThemeColor = 'inherit' | 'primary' | 'secondary' | 'tertiary' | 'info' | 'success' | 'warning' | 'error' | 'inverse';
+
+/**
+ * Specifies the `IconSize` of the icon.
+ *
+ * Use this type to set the icon size. The possible values are:
+ * - `default` (Default)—Font-size: 16px; Width: 16px; Height: 16px.
+ * - `xsmall`—Font-size: 12px; Width: 12px; Height: 12px.
+ * - `small`—Font-size: 14px; Width: 14px; Height: 14px.
+ * - `medium`—Font-size: 16px; Width: 16px; Height: 16px.
+ * - `large`—Font-size: 20px; Width: 20px; Height: 20px.
+ * - `xlarge`—Font-size: 24px; Width: 24px; Height: 24px.
+ * - `xxlarge`—Font-size: 32px; Width: 32px; Height: 32px.
+ * - `xxxlarge`—Font-size: 48px; Width: 48px; Height: 48px.
+ *
+ */
+type IconSize = 'default' | 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge' | 'xxxlarge';
+
+/**
+ * Specifies the `IconFlip` direction.
+ *
+ * Use this type to control how to flip an icon. The possible values  are:
+ * - `default`: No flip applied.
+ * - `horizontal`: Flip the icon horizontally.
+ * - `vertical`: Flip the icon vertically.
+ * - `both`: Flip the icon both horizontally and vertically.
+ *
+ */
+type IconFlip = 'default' | 'horizontal' | 'vertical' | 'both';
+
+/**
+ * @hidden
+ */
+declare abstract class IconBaseDirective {
+    element: ElementRef;
+    renderer: Renderer2;
+    get horizontalFlip(): boolean;
+    get verticalFlip(): boolean;
+    /**
+     * Flips the icon horizontally, vertically, or in both directions.
+     */
+    flip: IconFlip;
+    /**
+     * Sets the `IconThemeColor` for the icon. Use this property to apply a theme color.
+     */
+    set themeColor(themeColor: IconThemeColor);
+    get themeColor(): IconThemeColor;
+    /**
+     * Sets the `IconSize` for the icon. Use this property to change the icon size.
+     */
+    set size(size: IconSize);
+    get size(): IconSize;
+    _themeColor: IconThemeColor;
+    _size: IconSize;
+    constructor(element: ElementRef, renderer: Renderer2);
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconBaseDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IconBaseDirective, "[kendoIconBase]", never, { "flip": { "alias": "flip"; "required": false; }; "themeColor": { "alias": "themeColor"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Represents the [Kendo UI Icon component for Angular](https://www.telerik.com/kendo-angular-ui/components/icons/icon).
+ * Used to display icons from the [Kendo UI Icons](https://www.telerik.com/kendo-angular-ui/components/icons/icon/icon-list) collection.
+ *
+ * @example
+ * ```html
+ * <kendo-icon name="home"></kendo-icon>
+ * ```
+ */
+declare class IconComponent extends IconBaseDirective {
+    element: ElementRef;
+    renderer: Renderer2;
+    hostClass: boolean;
+    hostAriaHidden: boolean;
+    /**
+     * Sets the `Icon` to render. Supports all [Kendo UI Icons](https://www.telerik.com/kendo-angular-ui/components/icons/icon/icon-list).
+     */
+    set name(name: string);
+    get name(): string;
+    private _name;
+    constructor(element: ElementRef, renderer: Renderer2);
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "kendo-icon", ["kendoIcon"], { "name": { "alias": "name"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Specifies the style variant of an SVG icon.
+ *
+ */
+type IconVariant = 'solid' | 'outline' | 'duotone';
+
+/**
+ * Represents the [Kendo UI SVG Icon component for Angular](https://www.telerik.com/kendo-angular-ui/components/icons/svgicon).
+ * Used to display icons from the [Kendo UI SVG Icons](https://www.telerik.com/kendo-angular-ui/components/icons/svgicon/svgicon-list) collection.
+ *
+ * @example
+ * ```ts
+ * import { KENDO_ICONS } from "@progress/kendo-angular-icons";
+ * import { paperclipIcon } from "@progress/kendo-svg-icons";
+ *
+ * @Component({
+ *  selector: "my-app",
+ *  imports: [KENDO_ICONS],
+ *  template: `
+ *   <kendo-svg-icon [icon]="paperclipIcon"></kendo-svg-icon>
+ *  `,
+ *  providers: [],
+ * })
+ * export class AppComponent {
+ *  public paperclipIcon = paperclipIcon;
+ * }
+ * ```
+ */
+declare class SVGIconComponent extends IconBaseDirective implements OnInit {
+    private domSanitizer;
+    element: ElementRef;
+    renderer: Renderer2;
+    hostClass: boolean;
+    hostAriaHidden: boolean;
+    /**
+     * Sets the `SVGIcon` to render. Supports all [Kendo UI SVG Icons](https://www.telerik.com/kendo-angular-ui/components/icons/svgicon/svgicon-list).
+     */
+    set icon(icon: SVGIcon);
+    get icon(): SVGIcon;
+    /**
+     * Sets the style variant of the icon.
+     *
+     * > Requires `@progress/kendo-svg-icons` v5 or later for the `variants` property to be available on icons.
+     */
+    set variant(variant: IconVariant);
+    get variant(): IconVariant;
+    get content(): SafeHtml;
+    get visible(): boolean;
+    private _icon;
+    private _variant;
+    constructor(domSanitizer: DomSanitizer, element: ElementRef, renderer: Renderer2);
+    ngOnInit(): void;
+    private verifyIconProperty;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SVGIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SVGIconComponent, "kendo-svg-icon, kendo-svgicon", ["kendoSVGIcon"], { "icon": { "alias": "icon"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Specifies the `IconType` for icons.
+ * Use `IconType` to set how the icon renders.
+ */
+type IconType = 'font' | 'svg';
+
+/**
+ * Represents the icon settings for Kendo UI icons.
+ * Use the `IconSettings` interface to set the icon `type`, `themeColor`, `size`, and `flip` direction.
+ *
+ * @example
+ * ```typescript
+ * const settings: IconSettings = {
+ *   type: 'svg',
+ *   themeColor: 'primary',
+ *   size: 'large',
+ *   flip: 'horizontal'
+ * };
+ * ```
+ */
+interface IconSettings {
+    /**
+     * Sets the `type` of the icon.
+     */
+    type?: IconType;
+    /**
+     * Sets the `themeColor` of the icon.
+     */
+    themeColor?: IconThemeColor;
+    /**
+     * Sets the `size` of the icon.
+     */
+    size?: IconSize;
+    /**
+     * Sets the `flip` direction of the icon.
+     */
+    flip?: IconFlip;
+}
+
+/**
+ * Represents the service that manages icon settings.
+ * Use the `notify` method to update icon settings dynamically.
+ *
+ * @example
+ * ```typescript
+ * constructor(private iconSettingsService: IconSettingsService) {}
+ *
+ * this.iconSettingsService.notify({ themeColor: 'primary' });
+ * ```
+ */
+declare class IconSettingsService {
+    /**
+     * @hidden
+     */
+    readonly changes: Subject<IconSettings>;
+    /**
+     * Notifies subscribers about changes in the icon settings.
+     *
+     * @param iconSettings - (Optional) Sets a new value for the [icon settings token](https://www.telerik.com/kendo-angular-ui/components/icons/api/icon_settings).
+     * @example
+     * ```typescript
+     * iconSettingsService.notify({ size: 'large' });
+     * ```
+     */
+    notify(iconSettings?: IconSettings): void;
+    /**
+     * Returns the [`SVGIcon`](https://www.telerik.com/kendo-angular-ui/components/icons/api/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>;
+}
+
+/**
+ * Represents the service that manages icon settings.
+ * Add this service to the `providers` array when you use it in a standalone component.
+ *
+ * @example
+ * ```typescript
+ * import { IconsService } from '@progress/kendo-angular-icons';
+ *
+ * @Component({
+ *   selector: 'my-component',
+ *   standalone: true,
+ *   imports: [ ... ],
+ *   providers: [IconsService, { provide: ICON_SETTINGS, useValue: { type: 'font' } }],
+ *   template: `...`
+ * })
+ * export class AppComponent {}
+ * ```
+ */
+declare class IconsService implements OnDestroy {
+    private _iconSettings;
+    private iconSettingsService;
+    /**
+     * Notifies subscribers of the initial icon settings and on each call to `notify`.
+     * @hidden
+     */
+    readonly changes: Subject<IconSettings>;
+    private subs;
+    constructor(_iconSettings: IconSettings, iconSettingsService: IconSettingsService);
+    /**
+     * @hidden
+     */
+    get iconSettings(): IconSettings;
+    ngOnDestroy(): void;
+    /**
+     * Returns the [`SVGIcon`](https://www.telerik.com/kendo-angular-ui/components/icons/api/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<IconsService, [{ optional: true; }, { optional: true; }]>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<IconsService>;
+}
+
+/**
+ * @hidden
+ */
+declare class IconWrapperComponent implements OnDestroy {
+    private iconsService;
+    element: ElementRef;
+    hostClass: boolean;
+    /**
+     * Sets the name for an existing font icon in a Kendo UI theme to render.
+     * Supports all [Kendo UI Icons](https://www.telerik.com/kendo-angular-ui/components/styling/icons#icons-list).
+     */
+    name: string;
+    /**
+     * Sets the [SVGIcon](https://www.telerik.com/kendo-angular-ui/components/icons/api/svgicon) to render.
+     */
+    svgIcon: SVGIcon;
+    /**
+     * Sets an additional class on the internal Icon component.
+     */
+    innerCssClass: string;
+    /**
+     * Sets a custom font icon class using the API of the consuming component.
+     */
+    customFontClass: string;
+    /**
+     * Sets the `IconSize` for the icon.
+     */
+    size: IconSize;
+    get customClasses(): string;
+    iconSettings: IconSettings;
+    get hasSvgIcon(): boolean;
+    get customFontIconClass(): string;
+    private subs;
+    constructor(iconsService: IconsService, element: ElementRef);
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconWrapperComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconWrapperComponent, "kendo-icon-wrapper", ["kendoIconWrapper"], { "name": { "alias": "name"; "required": false; }; "svgIcon": { "alias": "svgIcon"; "required": false; }; "innerCssClass": { "alias": "innerCssClass"; "required": false; }; "customFontClass": { "alias": "customFontClass"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Represents the [`NgModule`](link:site.data.urls.angular['ngmoduleapi']) definition for the Icon component.
+ *
+ * @example
+ * ```typescript
+ * import { NgModule } from '@angular/core';
+ * import { IconModule } from '@progress/kendo-angular-icons';
+ * import { BrowserModule } from '@angular/platform-browser';
+ * import { AppComponent } from './app.component';
+ *
+ * @NgModule({
+ *   declarations: [AppComponent],
+ *   imports: [BrowserModule, IconModule],
+ *   bootstrap: [AppComponent]
+ * })
+ * export class AppModule {}
+ * ```
+ */
+declare class IconModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<IconModule, never, [typeof IconComponent], [typeof IconComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<IconModule>;
+}
+
+/**
+ * Represents the [`NgModule`](link:site.data.urls.angular['ngmoduleapi']) definition for the SVG Icon component.
+ *
+ * @example
+ * ```typescript
+ * import { NgModule } from '@angular/core';
+ * import { SVGIconModule } from '@progress/kendo-angular-icons';
+ * import { BrowserModule } from '@angular/platform-browser';
+ * import { AppComponent } from './app.component';
+ *
+ * @NgModule({
+ *   declarations: [AppComponent],
+ *   imports: [BrowserModule, SVGIconModule],
+ *   bootstrap: [AppComponent]
+ * })
+ * export class AppModule {}
+ * ```
+ */
+declare class SVGIconModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SVGIconModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SVGIconModule, never, [typeof SVGIconComponent], [typeof SVGIconComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SVGIconModule>;
+}
+
+/**
+ * Represents the [`NgModule`](link:site.data.urls.angular['ngmoduleapi']) definition for the Icons components.
+ *
+ * @example
+ * ```typescript
+ * import { NgModule } from '@angular/core';
+ * import { IconsModule } from '@progress/kendo-angular-icons';
+ * import { BrowserModule } from '@angular/platform-browser';
+ * import { AppComponent } from './app.component';
+ *
+ * @NgModule({
+ *   declarations: [AppComponent],
+ *   imports: [BrowserModule, IconsModule],
+ *   bootstrap: [AppComponent]
+ * })
+ * export class AppModule {}
+ * ```
+ */
+declare class IconsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<IconsModule, never, [typeof IconComponent, typeof SVGIconComponent], [typeof IconComponent, typeof SVGIconComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<IconsModule>;
+}
+
+/**
+ * Represents the token for the `IconSettings` of Kendo UI for Angular components.
+ * Use this token to configure icon settings. ([See example.](https://www.telerik.com/kendo-angular-ui/components/icons/icon-settings#icons-configuration))
+ *
+ * @example
+ * ```typescript
+ * import { NgModule } from '@angular/core';
+ *
+ * @NgModule({
+ *   providers: [{ provide: ICON_SETTINGS, useValue: { type: 'svg', size: 'xsmall' } }]
+ * })
+ * export class AppModule {}
+ * ```
+ */
+declare const ICON_SETTINGS: InjectionToken<IconSettings>;
+
+/**
+ * Represents the utility array that contains all `KendoIcon`-related components and directives.
+ *
+ * @example
+ * ```typescript
+ * import { Component } from '@angular/core';
+ * import { KENDO_ICON } from '@progress/kendo-angular-icons';
+ *
+ * @Component({
+ *   selector: 'my-app',
+ *   standalone: true,
+ *   imports: [KENDO_ICON],
+ *   template: `...`,
+ * })
+ * export class AppComponent {}
+ * ```
+ */
+declare const KENDO_ICON: readonly [typeof IconComponent];
+/**
+ * Represents the utility array that contains all `KendoSVGIcon`-related components and directives.
+ *
+ * @example
+ * ```typescript
+ * import { Component } from '@angular/core';
+ * import { KENDO_SVGICON } from '@progress/kendo-angular-icons';
+ *
+ * @Component({
+ *   selector: 'my-app',
+ *   standalone: true,
+ *   imports: [KENDO_SVGICON],
+ *   template: `...`,
+ * })
+ * export class AppComponent {}
+ * ```
+ */
+declare const KENDO_SVGICON: readonly [typeof SVGIconComponent];
+/**
+ * Represents the utility array that contains all `@progress/kendo-angular-icons`-related components and directives.
+ *
+ * @example
+ * ```typescript
+ * import { Component, ViewEncapsulation } from '@angular/core';
+ * import { KENDO_ICONS } from '@progress/kendo-angular-icons';
+ *
+ * @Component({
+ *   selector: 'my-app',
+ *   standalone: true,
+ *   imports: [KENDO_ICONS],
+ *   template: `...`,
+ * })
+ * export class AppComponent {}
+ * ```
+ */
+declare const KENDO_ICONS: readonly [typeof IconComponent, typeof SVGIconComponent];
+
+export { ICON_SETTINGS, IconComponent, IconModule, IconSettingsService, IconWrapperComponent, IconsModule, IconsService, KENDO_ICON, KENDO_ICONS, KENDO_SVGICON, SVGIconComponent, SVGIconModule };
+export type { IconFlip, IconSettings, IconSize, IconThemeColor, IconType, IconVariant };

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1783511215,
-  "version": "24.2.2",
+  "publishDate": 1783688442,
+  "version": "25.0.0-develop.2",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };