@progress/kendo-angular-common 25.3.1-develop.1 → 25.4.0-develop.1

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

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as i0 from '@angular/core';
-import { afterNextRender, EventEmitter, signal, Output, Input, Directive, Injectable, ChangeDetectionStrategy, Component, InjectionToken, HostBinding, ViewChild, Optional, isDevMode, SkipSelf, Inject } from '@angular/core';
+import { afterNextRender, EventEmitter, signal, Output, Input, Directive, Injectable, ChangeDetectionStrategy, Component, InjectionToken, HostBinding, ViewChild, Optional, isDevMode, Injector } from '@angular/core';
 import { detectDesktopBrowser, detectMobileOS } from '@progress/kendo-common';
 import { Draggable } from '@progress/kendo-draggable';
 import { auditTime } from 'rxjs/operators';
@@ -303,8 +303,8 @@ class DraggableDirective {
     kendoPress = new EventEmitter();
     kendoDrag = new EventEmitter();
     kendoRelease = new EventEmitter();
-    draggable = signal(undefined, ...(ngDevMode ? [{ debugName: "draggable" }] : []));
-    _enableDrag = signal(true, ...(ngDevMode ? [{ debugName: "_enableDrag" }] : []));
+    draggable = signal(undefined, ...(ngDevMode ? [{ debugName: "draggable" }] : /* istanbul ignore next */ []));
+    _enableDrag = signal(true, ...(ngDevMode ? [{ debugName: "_enableDrag" }] : /* istanbul ignore next */ []));
     constructor(element, ngZone) {
         this.element = element;
         this.ngZone = ngZone;
@@ -332,10 +332,10 @@ class DraggableDirective {
             this.draggable.set(undefined);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.32", ngImport: i0, type: DraggableDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.32", type: DraggableDirective, isStandalone: true, selector: "[kendoDraggable]", inputs: { enableDrag: "enableDrag" }, outputs: { kendoPress: "kendoPress", kendoDrag: "kendoDrag", kendoRelease: "kendoRelease" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: DraggableDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: DraggableDirective, isStandalone: true, selector: "[kendoDraggable]", inputs: { enableDrag: "enableDrag" }, outputs: { kendoPress: "kendoPress", kendoDrag: "kendoDrag", kendoRelease: "kendoRelease" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.32", ngImport: i0, type: DraggableDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: DraggableDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoDraggable]',
@@ -504,7 +504,7 @@ class EventsOutsideAngularDirective {
     renderer;
     set events(value) { this._events.set(value); }
     get events() { return this._events(); }
-    _scope = signal(undefined, ...(ngDevMode ? [{ debugName: "_scope" }] : []));
+    _scope = signal(undefined, ...(ngDevMode ? [{ debugName: "_scope" }] : /* istanbul ignore next */ []));
     set scope(value) { this._scope.set(value); }
     get scope() { return this._scope(); }
     subscriptions;
@@ -513,7 +513,7 @@ class EventsOutsideAngularDirective {
         this.ngZone = ngZone;
         this.renderer = renderer;
     }
-    _events = signal({}, ...(ngDevMode ? [{ debugName: "_events" }] : []));
+    _events = signal({}, ...(ngDevMode ? [{ debugName: "_events" }] : /* istanbul ignore next */ []));
     ngOnInit() {
         if (!this.element?.nativeElement) {
             return;
@@ -536,10 +536,10 @@ class EventsOutsideAngularDirective {
             this.subscriptions = null;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.32", ngImport: i0, type: EventsOutsideAngularDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.32", type: EventsOutsideAngularDirective, isStandalone: true, selector: "[kendoEventsOutsideAngular]", inputs: { events: ["kendoEventsOutsideAngular", "events"], scope: "scope" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EventsOutsideAngularDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: EventsOutsideAngularDirective, isStandalone: true, selector: "[kendoEventsOutsideAngular]", inputs: { events: ["kendoEventsOutsideAngular", "events"], scope: "scope" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.32", ngImport: i0, type: EventsOutsideAngularDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: EventsOutsideAngularDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoEventsOutsideAngular]',
@@ -565,11 +565,11 @@ class ResizeService {
     get state() { return this._state(); }
     set parentElement(value) { this._parentElement.set(value); }
     get parentElement() { return this._parentElement(); }
-    _acceptedSize = signal(false, ...(ngDevMode ? [{ debugName: "_acceptedSize" }] : []));
-    _lastWidth = signal(undefined, ...(ngDevMode ? [{ debugName: "_lastWidth" }] : []));
-    _lastHeight = signal(undefined, ...(ngDevMode ? [{ debugName: "_lastHeight" }] : []));
-    _state = signal(0 /* ServiceState.Initial */, ...(ngDevMode ? [{ debugName: "_state" }] : []));
-    _parentElement = signal(null, ...(ngDevMode ? [{ debugName: "_parentElement" }] : []));
+    _acceptedSize = signal(false, ...(ngDevMode ? [{ debugName: "_acceptedSize" }] : /* istanbul ignore next */ []));
+    _lastWidth = signal(undefined, ...(ngDevMode ? [{ debugName: "_lastWidth" }] : /* istanbul ignore next */ []));
+    _lastHeight = signal(undefined, ...(ngDevMode ? [{ debugName: "_lastHeight" }] : /* istanbul ignore next */ []));
+    _state = signal(0 /* ServiceState.Initial */, ...(ngDevMode ? [{ debugName: "_state" }] : /* istanbul ignore next */ []));
+    _parentElement = signal(null, ...(ngDevMode ? [{ debugName: "_parentElement" }] : /* istanbul ignore next */ []));
     constructor(resizeBatchService) {
         this.resizeBatchService = resizeBatchService;
     }
@@ -665,9 +665,9 @@ class ResizeCompatService extends ResizeService {
     get expandChild() { return this._expandChild(); }
     set shrink(value) { this._shrink.set(value); }
     get shrink() { return this._shrink(); }
-    _expand = signal(null, ...(ngDevMode ? [{ debugName: "_expand" }] : []));
-    _expandChild = signal(null, ...(ngDevMode ? [{ debugName: "_expandChild" }] : []));
-    _shrink = signal(null, ...(ngDevMode ? [{ debugName: "_shrink" }] : []));
+    _expand = signal(null, ...(ngDevMode ? [{ debugName: "_expand" }] : /* istanbul ignore next */ []));
+    _expandChild = signal(null, ...(ngDevMode ? [{ debugName: "_expandChild" }] : /* istanbul ignore next */ []));
+    _shrink = signal(null, ...(ngDevMode ? [{ debugName: "_shrink" }] : /* istanbul ignore next */ []));
     subscription;
     constructor(resizeBatchService, element, ngZone) {
         super(resizeBatchService);
@@ -768,7 +768,7 @@ class ResizeObserverService extends ResizeService {
     static supported() {
         return HAS_OBSERVER;
     }
-    _resizeObserver = signal(null, ...(ngDevMode ? [{ debugName: "_resizeObserver" }] : []));
+    _resizeObserver = signal(null, ...(ngDevMode ? [{ debugName: "_resizeObserver" }] : /* istanbul ignore next */ []));
     constructor(resizeBatchService, element, ngZone) {
         super(resizeBatchService);
         this.element = element;
@@ -802,7 +802,7 @@ class ResizeBatchService {
     ngZone;
     set scheduled(value) { this._scheduled.set(value); }
     get scheduled() { return this._scheduled(); }
-    _scheduled = signal([], ...(ngDevMode ? [{ debugName: "_scheduled" }] : []));
+    _scheduled = signal([], ...(ngDevMode ? [{ debugName: "_scheduled" }] : /* istanbul ignore next */ []));
     resolvedPromise = Promise.resolve(null);
     subscription;
     constructor(ngZone) {
@@ -852,10 +852,10 @@ class ResizeBatchService {
         this.scheduled = [];
         this.unsubscribe();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.32", ngImport: i0, type: ResizeBatchService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.32", ngImport: i0, type: ResizeBatchService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ResizeBatchService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ResizeBatchService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.32", ngImport: i0, type: ResizeBatchService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ResizeBatchService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -899,8 +899,8 @@ class ResizeSensorComponent {
             }
         });
     }
-    _rateLimit = signal(DEFAULT_RATE_LIMIT, ...(ngDevMode ? [{ debugName: "_rateLimit" }] : []));
-    _resizeService = signal(undefined, ...(ngDevMode ? [{ debugName: "_resizeService" }] : []));
+    _rateLimit = signal(DEFAULT_RATE_LIMIT, ...(ngDevMode ? [{ debugName: "_rateLimit" }] : /* istanbul ignore next */ []));
+    _resizeService = signal(undefined, ...(ngDevMode ? [{ debugName: "_resizeService" }] : /* istanbul ignore next */ []));
     ngAfterViewChecked() {
         this.resizeService.checkChanges();
     }
@@ -911,10 +911,10 @@ class ResizeSensorComponent {
     acceptSize(size) {
         this.resizeService.acceptSize(size);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.32", ngImport: i0, type: ResizeSensorComponent, deps: [{ token: ResizeBatchService }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.32", type: ResizeSensorComponent, isStandalone: true, selector: "kendo-resize-sensor", inputs: { rateLimit: "rateLimit" }, outputs: { resize: "resize" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ResizeSensorComponent, deps: [{ token: ResizeBatchService }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", type: ResizeSensorComponent, isStandalone: true, selector: "kendo-resize-sensor", inputs: { rateLimit: "rateLimit" }, outputs: { resize: "resize" }, ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.32", ngImport: i0, type: ResizeSensorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ResizeSensorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-resize-sensor',
@@ -1263,14 +1263,14 @@ class WatermarkOverlayComponent {
         });
     }
     licenseKeyUrl = licenseKeyUrl;
-    _isOpen = signal(true, ...(ngDevMode ? [{ debugName: "_isOpen" }] : []));
-    _isMobile = signal(false, ...(ngDevMode ? [{ debugName: "_isMobile" }] : []));
-    _isNarrow = signal(false, ...(ngDevMode ? [{ debugName: "_isNarrow" }] : []));
-    _isCloseHovered = signal(false, ...(ngDevMode ? [{ debugName: "_isCloseHovered" }] : []));
-    _isCTAHovered = signal(false, ...(ngDevMode ? [{ debugName: "_isCTAHovered" }] : []));
-    _bannerMounted = signal(false, ...(ngDevMode ? [{ debugName: "_bannerMounted" }] : []));
-    _licenseMessage = signal(undefined, ...(ngDevMode ? [{ debugName: "_licenseMessage" }] : []));
-    _extraMessages = signal([], ...(ngDevMode ? [{ debugName: "_extraMessages" }] : []));
+    _isOpen = signal(true, ...(ngDevMode ? [{ debugName: "_isOpen" }] : /* istanbul ignore next */ []));
+    _isMobile = signal(false, ...(ngDevMode ? [{ debugName: "_isMobile" }] : /* istanbul ignore next */ []));
+    _isNarrow = signal(false, ...(ngDevMode ? [{ debugName: "_isNarrow" }] : /* istanbul ignore next */ []));
+    _isCloseHovered = signal(false, ...(ngDevMode ? [{ debugName: "_isCloseHovered" }] : /* istanbul ignore next */ []));
+    _isCTAHovered = signal(false, ...(ngDevMode ? [{ debugName: "_isCTAHovered" }] : /* istanbul ignore next */ []));
+    _bannerMounted = signal(false, ...(ngDevMode ? [{ debugName: "_bannerMounted" }] : /* istanbul ignore next */ []));
+    _licenseMessage = signal(undefined, ...(ngDevMode ? [{ debugName: "_licenseMessage" }] : /* istanbul ignore next */ []));
+    _extraMessages = signal([], ...(ngDevMode ? [{ debugName: "_extraMessages" }] : /* istanbul ignore next */ []));
     getContent(msg) {
         const iconContent = msg.notificationIcon?.content;
         return {
@@ -1334,8 +1334,8 @@ class WatermarkOverlayComponent {
     resetPresenceCheck() {
         bannerPresentOnPage = false;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.32", ngImport: i0, type: WatermarkOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.32", type: WatermarkOverlayComponent, isStandalone: true, selector: "div[kendoWatermarkOverlay], kendo-watermark-overlay", inputs: { licenseMessage: "licenseMessage" }, host: { properties: { "style": "this.watermarkStyle" } }, viewQueries: [{ propertyName: "banner", first: true, predicate: ["banner"], descendants: true }], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: WatermarkOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.23", type: WatermarkOverlayComponent, isStandalone: true, selector: "div[kendoWatermarkOverlay], kendo-watermark-overlay", inputs: { licenseMessage: "licenseMessage" }, host: { properties: { "style": "this.watermarkStyle" } }, viewQueries: [{ propertyName: "banner", first: true, predicate: ["banner"], descendants: true }], ngImport: i0, template: `
         <ng-template #buttonTemplate>
             <button
                 [ngStyle]="{
@@ -1489,7 +1489,7 @@ class WatermarkOverlayComponent {
         }
     `, isInline: true, dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.32", ngImport: i0, type: WatermarkOverlayComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: WatermarkOverlayComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'div[kendoWatermarkOverlay], kendo-watermark-overlay',
@@ -1711,10 +1711,10 @@ class PrefixTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.32", ngImport: i0, type: PrefixTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.32", type: PrefixTemplateDirective, isStandalone: true, selector: "[kendoPrefixTemplate]", inputs: { showSeparator: "showSeparator" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: PrefixTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: PrefixTemplateDirective, isStandalone: true, selector: "[kendoPrefixTemplate]", inputs: { showSeparator: "showSeparator" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.32", ngImport: i0, type: PrefixTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: PrefixTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoPrefixTemplate]',
@@ -1765,10 +1765,10 @@ class SuffixTemplateDirective {
     constructor(templateRef) {
         this.templateRef = templateRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.32", ngImport: i0, type: SuffixTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.32", type: SuffixTemplateDirective, isStandalone: true, selector: "[kendoSuffixTemplate]", inputs: { showSeparator: "showSeparator" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuffixTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: SuffixTemplateDirective, isStandalone: true, selector: "[kendoSuffixTemplate]", inputs: { showSeparator: "showSeparator" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.32", ngImport: i0, type: SuffixTemplateDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuffixTemplateDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoSuffixTemplate]',
@@ -1822,10 +1822,10 @@ class SeparatorComponent {
      * @hidden
      */
     hostClass = true;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.32", ngImport: i0, type: SeparatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.32", type: SeparatorComponent, isStandalone: true, selector: "kendo-separator", inputs: { orientation: "orientation" }, host: { properties: { "class.k-input-separator-vertical": "this.vertical", "class.k-input-separator-horizontal": "this.horizontal", "class.k-input-separator": "this.hostClass" } }, ngImport: i0, template: ``, isInline: true });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SeparatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", type: SeparatorComponent, isStandalone: true, selector: "kendo-separator", inputs: { orientation: "orientation" }, host: { properties: { "class.k-input-separator-vertical": "this.vertical", "class.k-input-separator-horizontal": "this.horizontal", "class.k-input-separator": "this.hostClass" } }, ngImport: i0, template: ``, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.32", ngImport: i0, type: SeparatorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SeparatorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-separator',
@@ -1950,10 +1950,10 @@ class ScrollbarService {
         this.subscription?.unsubscribe();
         this.subscription = null;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.32", ngImport: i0, type: ScrollbarService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.32", ngImport: i0, type: ScrollbarService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ScrollbarService, deps: [{ token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ScrollbarService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.32", ngImport: i0, type: ScrollbarService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ScrollbarService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -2017,8 +2017,8 @@ class ToggleButtonTabStopDirective {
     focusButton;
     isSplitButton;
     observer;
-    _active = signal(undefined, ...(ngDevMode ? [{ debugName: "_active" }] : []));
-    _toggleButtonAriaLabel = signal('toggle popup', ...(ngDevMode ? [{ debugName: "_toggleButtonAriaLabel" }] : []));
+    _active = signal(undefined, ...(ngDevMode ? [{ debugName: "_active" }] : /* istanbul ignore next */ []));
+    _toggleButtonAriaLabel = signal('toggle popup', ...(ngDevMode ? [{ debugName: "_toggleButtonAriaLabel" }] : /* istanbul ignore next */ []));
     /**
      * @hidden
      */
@@ -2210,10 +2210,10 @@ class ToggleButtonTabStopDirective {
             this.observer.observe(mainFocusableElement, mutationConfig);
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.32", ngImport: i0, type: ToggleButtonTabStopDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i0.Injector }, { token: MultiTabStop }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.32", type: ToggleButtonTabStopDirective, isStandalone: true, selector: "[kendoToggleButtonTabStop]", inputs: { active: ["kendoToggleButtonTabStop", "active"], toggleButtonAriaLabel: "toggleButtonAriaLabel" }, usesOnChanges: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ToggleButtonTabStopDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i0.Injector }, { token: MultiTabStop }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: ToggleButtonTabStopDirective, isStandalone: true, selector: "[kendoToggleButtonTabStop]", inputs: { active: ["kendoToggleButtonTabStop", "active"], toggleButtonAriaLabel: "toggleButtonAriaLabel" }, usesOnChanges: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.32", ngImport: i0, type: ToggleButtonTabStopDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ToggleButtonTabStopDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoToggleButtonTabStop]',
@@ -2244,10 +2244,10 @@ class TemplateContextDirective {
     constructor(viewContainerRef) {
         this.viewContainerRef = viewContainerRef;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.32", ngImport: i0, type: TemplateContextDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.32", type: TemplateContextDirective, isStandalone: true, selector: "[templateContext]", inputs: { templateContext: "templateContext" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TemplateContextDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: TemplateContextDirective, isStandalone: true, selector: "[templateContext]", inputs: { templateContext: "templateContext" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.32", ngImport: i0, type: TemplateContextDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: TemplateContextDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[templateContext]',
@@ -2318,6 +2318,20 @@ const KENDO_TEMPLATE_CONTEXT = [
  */
 const replaceMessagePlaceholder = (message, name, value) => (message ?? '').replace(new RegExp(`\\[\\[\\s*${name}\\s*]]|{\\s*${name}\\s*}`, 'g'), value);
 
+const COMPONENT_NAME_CONTEXT = new InjectionToken('Kendo Component Name Context');
+function componentNameChain(context) {
+    // Resolve ancestors only after each context factory has returned: recursive embedded views
+    // may share a provider factory while their individual node injectors are still being created.
+    const names = [];
+    let current = context;
+    while (current) {
+        if (current.name) {
+            names.unshift(current.name);
+        }
+        current = current.injector.get(COMPONENT_NAME_CONTEXT, null, { skipSelf: true });
+    }
+    return names;
+}
 /**
  * An injection token that holds the accumulated component ancestry chain (outermost -> innermost).
  * Kendo components add their identifier to the chain through `provideComponentName`.
@@ -2334,11 +2348,18 @@ const KENDO_COMPONENT_NAME = new InjectionToken('Kendo Component Name');
  * @hidden
  */
 function provideComponentName(name) {
-    return {
-        provide: KENDO_COMPONENT_NAME,
-        useFactory: (parentChain) => parentChain ? [...parentChain, name] : [name],
-        deps: [[new Optional(), new SkipSelf(), KENDO_COMPONENT_NAME]]
-    };
+    return [
+        {
+            provide: COMPONENT_NAME_CONTEXT,
+            useFactory: (injector) => ({ name, injector }),
+            deps: [Injector]
+        },
+        {
+            provide: KENDO_COMPONENT_NAME,
+            useFactory: componentNameChain,
+            deps: [COMPONENT_NAME_CONTEXT]
+        }
+    ];
 }
 
 /**
@@ -2354,47 +2375,45 @@ function provideComponentName(name) {
  * @hidden
  */
 class ComponentNameDirective {
+    injector;
     /**
      * The component identifier to append to the ancestry chain.
      */
     name;
-    parentChain;
-    constructor(parentChain) {
-        this.parentChain = parentChain;
+    constructor(injector) {
+        this.injector = injector;
     }
     /**
      * The accumulated ancestry chain including this component identifier.
      */
     get chain() {
-        const parent = this.parentChain ?? [];
-        return this.name ? [...parent, this.name] : parent;
+        return componentNameChain(this);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.32", ngImport: i0, type: ComponentNameDirective, deps: [{ token: KENDO_COMPONENT_NAME, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.32", type: ComponentNameDirective, isStandalone: true, selector: "[kendoComponentName]", inputs: { name: ["kendoComponentName", "name"] }, providers: [{
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ComponentNameDirective, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: ComponentNameDirective, isStandalone: true, selector: "[kendoComponentName]", inputs: { name: ["kendoComponentName", "name"] }, providers: [
+            { provide: COMPONENT_NAME_CONTEXT, useExisting: ComponentNameDirective },
+            {
                 provide: KENDO_COMPONENT_NAME,
-                useFactory: (directive) => directive.chain,
-                deps: [ComponentNameDirective]
-            }], ngImport: i0 });
+                useFactory: componentNameChain,
+                deps: [COMPONENT_NAME_CONTEXT]
+            }
+        ], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.32", ngImport: i0, type: ComponentNameDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: ComponentNameDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoComponentName]',
                     standalone: true,
-                    providers: [{
+                    providers: [
+                        { provide: COMPONENT_NAME_CONTEXT, useExisting: ComponentNameDirective },
+                        {
                             provide: KENDO_COMPONENT_NAME,
-                            useFactory: (directive) => directive.chain,
-                            deps: [ComponentNameDirective]
-                        }]
+                            useFactory: componentNameChain,
+                            deps: [COMPONENT_NAME_CONTEXT]
+                        }
+                    ]
                 }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: SkipSelf
-                }, {
-                    type: Inject,
-                    args: [KENDO_COMPONENT_NAME]
-                }] }], propDecorators: { name: [{
+        }], ctorParameters: () => [{ type: i0.Injector }], propDecorators: { name: [{
                 type: Input,
                 args: ['kendoComponentName']
             }] } });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-common",
-  "version": "25.3.1-develop.1",
+  "version": "25.4.0-develop.1",
   "description": "Kendo UI for Angular - Utility Package",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -23,7 +23,7 @@
     "@progress/kendo-common": "^1.0.1",
     "@progress/kendo-draggable": "^3.0.2",
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "25.3.1-develop.1"
+    "@progress/kendo-angular-schematics": "25.4.0-develop.1"
   },
   "publishConfig": {
     "access": "public"
@@ -36,11 +36,12 @@
       "default": "./package.json"
     },
     ".": {
-      "types": "./index.d.ts",
+      "types": "./types/progress-kendo-angular-common.d.ts",
       "default": "./fesm2022/progress-kendo-angular-common.mjs"
     }
   },
   "module": "fesm2022/progress-kendo-angular-common.mjs",
-  "typings": "index.d.ts",
-  "sideEffects": false
+  "typings": "types/progress-kendo-angular-common.d.ts",
+  "sideEffects": false,
+  "type": "module"
 }

package/{index.d.ts → types/progress-kendo-angular-common.d.ts}

@@ -818,17 +818,17 @@ declare function provideComponentName(name: string): Provider;
  * @hidden
  */
 declare class ComponentNameDirective {
+    injector: Injector;
     /**
      * The component identifier to append to the ancestry chain.
      */
     name: string;
-    private parentChain;
-    constructor(parentChain: string[]);
+    constructor(injector: Injector);
     /**
      * The accumulated ancestry chain including this component identifier.
      */
     get chain(): string[];
-    static ɵfac: i0.ɵɵFactoryDeclaration<ComponentNameDirective, [{ optional: true; skipSelf: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ComponentNameDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ComponentNameDirective, "[kendoComponentName]", never, { "name": { "alias": "kendoComponentName"; "required": false; }; }, {}, never, never, true, never>;
 }