@progress/kendo-angular-icons 25.0.0-develop.17 → 25.0.0-develop.19

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

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import * as i0 from '@angular/core';
 import { Input, HostBinding, Directive, signal, ChangeDetectionStrategy, Component, computed, isDevMode, Injectable, InjectionToken, Optional, Inject, NgModule } from '@angular/core';
-import { isDocumentAvailable, areObjectsEqual } from '@progress/kendo-angular-common';
+import { isDocumentAvailable, areObjectsEqual, KENDO_COMPONENT_NAME } from '@progress/kendo-angular-common';
 import { validatePackage } from '@progress/kendo-licensing';
 import * as i1_1 from '@angular/platform-browser';
 import { Subject, BehaviorSubject, Subscription } from 'rxjs';
@@ -19,8 +19,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1785492978,
-    version: '25.0.0-develop.17',
+    publishDate: 1785503177,
+    version: '25.0.0-develop.19',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -349,19 +349,21 @@ class IconSettingsService {
     /**
      * 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.
+     * The optional `_component` parameter carries the host component identity (e.g. `'dateinput'`, `'grid'`)
+     * so subclasses can return different icons for the same name depending on the requesting component.
      *
-     * @hidden
      */
-    getSvgIcon(_name) {
+    getSvgIcon(_name, _component) {
         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.
+     * The optional `_component` parameter carries the host component identity so subclasses can
+     * return different classes for the same key depending on the requesting component.
      *
-     * @hidden
      */
-    getCustomFontIconClass(_key) {
+    getCustomFontIconClass(_key, _component) {
         return null;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: IconSettingsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
@@ -439,20 +441,40 @@ class IconsService {
     /**
      * 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.
+     * Walks the `componentChain` outermost-first so the closest explicitly configured ancestor wins,
+     * falling back to a global (no component) lookup when no level in the chain matches.
      * @hidden
      */
-    getSvgIcon(name) {
-        const customIcon = this.iconSettingsService && this.iconSettingsService.getSvgIcon(name);
-        return customIcon;
+    getSvgIcon(name, componentChain) {
+        if (!this.iconSettingsService) {
+            return null;
+        }
+        for (const component of componentChain ?? []) {
+            const scoped = this.iconSettingsService.getSvgIcon(name, component.toLowerCase());
+            if (scoped) {
+                return scoped;
+            }
+        }
+        return this.iconSettingsService.getSvgIcon(name);
     }
     /**
      * 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.
+     * Walks the `componentChain` outermost-first so the closest explicitly configured ancestor wins,
+     * falling back to a global (no component) lookup when no level in the chain matches.
      * @hidden
      */
-    getCustomFontIconClass(key) {
-        const customClass = this.iconSettingsService && this.iconSettingsService.getCustomFontIconClass(key);
-        return customClass;
+    getCustomFontIconClass(key, componentChain) {
+        if (!this.iconSettingsService) {
+            return null;
+        }
+        for (const component of componentChain ?? []) {
+            const scoped = this.iconSettingsService.getCustomFontIconClass(key, component.toLowerCase());
+            if (scoped) {
+                return scoped;
+            }
+        }
+        return this.iconSettingsService.getCustomFontIconClass(key);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", 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.26", ngImport: i0, type: IconsService, providedIn: 'root' });
@@ -477,6 +499,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
 class IconWrapperComponent {
     iconsService;
     element;
+    componentChain;
     hostClass = true;
     /**
      * Sets the name for an existing font icon in a Kendo UI theme to render.
@@ -518,7 +541,7 @@ class IconWrapperComponent {
     get iconSettings() { return this._iconSettings(); }
     // Resolves the effective SVG icon: prefer service-provided icon, then fall back to the svgIcon input.
     // Extracted from hasSvgIcon getter to avoid writing to a signal inside a reactive context.
-    _resolvedSvgIcon = computed(() => this.iconsService.getSvgIcon(this._name()) || this._svgIcon(), ...(ngDevMode ? [{ debugName: "_resolvedSvgIcon" }] : []));
+    _resolvedSvgIcon = computed(() => this.iconsService.getSvgIcon(this._name(), this.componentChain) || this._svgIcon(), ...(ngDevMode ? [{ debugName: "_resolvedSvgIcon" }] : []));
     get resolvedSvgIcon() { return this._resolvedSvgIcon(); }
     get hasSvgIcon() {
         if (this._resolvedSvgIcon()) {
@@ -545,12 +568,13 @@ https://www.telerik.com/design-system/docs/foundation/iconography/icon-list/
         return false;
     }
     get customFontIconClass() {
-        return this.iconsService.getCustomFontIconClass(this.name) || this.customFontClass;
+        return this.iconsService.getCustomFontIconClass(this.name, this.componentChain) || this.customFontClass;
     }
     subs = new Subscription();
-    constructor(iconsService, element) {
+    constructor(iconsService, element, componentChain) {
         this.iconsService = iconsService;
         this.element = element;
+        this.componentChain = componentChain;
         this.subs = iconsService.changes.subscribe(iconSettings => {
             this._iconSettings.set(iconSettings);
         });
@@ -558,7 +582,7 @@ https://www.telerik.com/design-system/docs/foundation/iconography/icon-list/
     ngOnDestroy() {
         this.subs.unsubscribe();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: IconWrapperComponent, deps: [{ token: IconsService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.26", ngImport: i0, type: IconWrapperComponent, deps: [{ token: IconsService }, { token: i0.ElementRef }, { token: KENDO_COMPONENT_NAME, optional: true }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.26", 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
@@ -613,7 +637,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.26", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [NgClass, IconComponent, SVGIconComponent]
                 }]
-        }], ctorParameters: () => [{ type: IconsService }, { type: i0.ElementRef }], propDecorators: { hostClass: [{
+        }], ctorParameters: () => [{ type: IconsService }, { type: i0.ElementRef }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [KENDO_COMPONENT_NAME]
+                }] }], propDecorators: { hostClass: [{
                 type: HostBinding,
                 args: ['class.k-icon-wrapper-host']
             }], name: [{

package/index.d.ts

@@ -241,17 +241,19 @@ declare class IconSettingsService {
     /**
      * 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.
+     * The optional `_component` parameter carries the host component identity (e.g. `'dateinput'`, `'grid'`)
+     * so subclasses can return different icons for the same name depending on the requesting component.
      *
-     * @hidden
      */
-    getSvgIcon(_name: string): SVGIcon;
+    getSvgIcon(_name: string, _component?: 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.
+     * The optional `_component` parameter carries the host component identity so subclasses can
+     * return different classes for the same key depending on the requesting component.
      *
-     * @hidden
      */
-    getCustomFontIconClass(_key: string): string;
+    getCustomFontIconClass(_key: string, _component?: string): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconSettingsService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<IconSettingsService>;
 }
@@ -292,15 +294,19 @@ declare class IconsService implements OnDestroy {
     /**
      * 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.
+     * Walks the `componentChain` outermost-first so the closest explicitly configured ancestor wins,
+     * falling back to a global (no component) lookup when no level in the chain matches.
      * @hidden
      */
-    getSvgIcon(name: string): SVGIcon;
+    getSvgIcon(name: string, componentChain?: 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.
+     * Walks the `componentChain` outermost-first so the closest explicitly configured ancestor wins,
+     * falling back to a global (no component) lookup when no level in the chain matches.
      * @hidden
      */
-    getCustomFontIconClass(key: string): string;
+    getCustomFontIconClass(key: string, componentChain?: string[]): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<IconsService, [{ optional: true; }, { optional: true; }]>;
     static ɵprov: i0.ɵɵInjectableDeclaration<IconsService>;
 }
@@ -311,6 +317,7 @@ declare class IconsService implements OnDestroy {
 declare class IconWrapperComponent implements OnDestroy {
     private iconsService;
     element: ElementRef;
+    private componentChain;
     hostClass: boolean;
     /**
      * Sets the name for an existing font icon in a Kendo UI theme to render.
@@ -351,9 +358,9 @@ declare class IconWrapperComponent implements OnDestroy {
     get hasSvgIcon(): boolean;
     get customFontIconClass(): string;
     private subs;
-    constructor(iconsService: IconsService, element: ElementRef);
+    constructor(iconsService: IconsService, element: ElementRef, componentChain: string[]);
     ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<IconWrapperComponent, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconWrapperComponent, [null, null, { optional: true; }]>;
     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>;
 }
 

package/package-metadata.mjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-icons",
-  "version": "25.0.0-develop.17",
+  "version": "25.0.0-develop.19",
   "description": "Kendo UI Angular component starter template",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -31,7 +31,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1785492978,
+      "publishDate": 1785503177,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -42,7 +42,7 @@
     "@angular/platform-browser": "20 - 22",
     "@progress/kendo-licensing": "^1.11.0",
     "@progress/kendo-svg-icons": "^4.9.0 || ^5.0.0",
-    "@progress/kendo-angular-common": "25.0.0-develop.17",
+    "@progress/kendo-angular-common": "25.0.0-develop.19",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "peerDependenciesMeta": {
@@ -52,7 +52,7 @@
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "25.0.0-develop.17"
+    "@progress/kendo-angular-schematics": "25.0.0-develop.19"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2022/progress-kendo-angular-icons.mjs",