@progress/kendo-angular-tooltip 25.0.0-develop.1 → 25.0.0-develop.3

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

@@ -3,13 +3,13 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import * as i0 from '@angular/core';
-import { forwardRef, Input, Directive, Optional, isDevMode, EventEmitter, HostBinding, ContentChild, ViewChild, Output, Component, ElementRef, Injectable, InjectionToken, Inject, NgModule } from '@angular/core';
+import { forwardRef, Input, Directive, Optional, isDevMode, EventEmitter, signal, afterNextRender, HostBinding, ContentChild, ViewChild, Output, ChangeDetectionStrategy, Component, ElementRef, ChangeDetectorRef, Injectable, InjectionToken, Inject, NgModule } from '@angular/core';
 import * as i1 from '@progress/kendo-angular-l10n';
 import { ComponentMessages, LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { PreventableEvent, focusableSelector, Keys, isDocumentAvailable, closest, hasObservers, ResizeBatchService } from '@progress/kendo-angular-common';
 import * as i1$1 from '@progress/kendo-angular-popup';
 import { PopupService } from '@progress/kendo-angular-popup';
-import { take, auditTime, filter } from 'rxjs/operators';
+import { auditTime, take, filter } from 'rxjs/operators';
 import { Subscription, BehaviorSubject, Subject, combineLatest, fromEvent } from 'rxjs';
 import { validatePackage } from '@progress/kendo-licensing';
 import { NgStyle, NgClass, NgTemplateOutlet } from '@angular/common';
@@ -302,8 +302,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1783679893,
-    version: '25.0.0-develop.1',
+    publishDate: 1783692540,
+    version: '25.0.0-develop.3',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -423,7 +423,6 @@ class PopoverComponent {
     localization;
     renderer;
     element;
-    zone;
     /**
      * @hidden
      */
@@ -433,20 +432,25 @@ class PopoverComponent {
      *
      * @default 'right'
      */
-    position = 'right';
+    set position(value) {
+        this._position.set(value);
+    }
+    get position() {
+        return this._position();
+    }
     /**
      * Specifies the distance from the Popover to its anchor element in pixels.
      *
      * @default 6
      */
     set offset(value) {
-        this._offset = value;
+        this._offset.set(value);
     }
     get offset() {
         const calloutBuffer = 14;
         return this.callout
-            ? calloutBuffer + this._offset
-            : this._offset;
+            ? calloutBuffer + this._offset()
+            : this._offset();
     }
     /**
      * Determines the width of the Popover. Numeric values are treated as pixels.
@@ -454,10 +458,10 @@ class PopoverComponent {
      * @default 'auto'
      */
     set width(value) {
-        this._width = typeof value === 'number' ? `${value}px` : value;
+        this._widthValue.set(typeof value === 'number' ? `${value}px` : value);
     }
     get width() {
-        return this._width;
+        return this._widthValue();
     }
     /**
      * Determines the height of the Popover. Numeric values are treated as pixels.
@@ -465,10 +469,10 @@ class PopoverComponent {
      * @default 'auto'
      */
     set height(value) {
-        this._height = typeof value === 'number' ? `${value}px` : value;
+        this._heightValue.set(typeof value === 'number' ? `${value}px` : value);
     }
     get height() {
-        return this._height;
+        return this._heightValue();
     }
     /**
      * @hidden
@@ -477,24 +481,44 @@ class PopoverComponent {
     /**
      * Specifies the main header text of the Popover. If a `titleTemplate` is provided, it takes precedence.
      */
-    title;
+    set title(value) {
+        this._title.set(value);
+    }
+    get title() {
+        return this._title();
+    }
     /**
      * @hidden
      * Specifies the secondary header text of the Popover.
      *
      * If a `titleTemplate` is provided it would take precedence over the subtitle.
      */
-    subtitle;
+    set subtitle(value) {
+        this._subtitle.set(value);
+    }
+    get subtitle() {
+        return this._subtitle();
+    }
     /**
      * Represents the text rendered in the Popover body section. If a `bodyTemplate` is provided, it takes precedence.
      */
-    body;
+    set body(value) {
+        this._body.set(value);
+    }
+    get body() {
+        return this._body();
+    }
     /**
      * Determines whether a callout is rendered along the Popover. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover/callout).
      *
      * @default true
      */
-    callout = true;
+    set callout(value) {
+        this._callout.set(value);
+    }
+    get callout() {
+        return this._callout();
+    }
     /**
      * Enables and configures the Popover animation. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover/animations).
      *
@@ -502,7 +526,12 @@ class PopoverComponent {
      *
      * @default false
      */
-    animation = false;
+    set animation(value) {
+        this._animation.set(value);
+    }
+    get animation() {
+        return this._animation();
+    }
     /**
      * Defines a callback function that returns custom data for the Popover templates.
      * The function exposes the `anchor` element as an argument and returns an object that can be used in the templates. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover/templates#passing-data-to-templates).
@@ -511,16 +540,21 @@ class PopoverComponent {
         if (isDevMode && typeof fn !== 'function') {
             throw new Error(`${ERRORS.templateData} ${JSON.stringify(fn)}.`);
         }
-        this._templateData = fn;
+        this._templateData.set(fn);
     }
     get templateData() {
-        return this._templateData;
+        return this._templateData();
     }
     /**
      * @hidden
      * Determines the visibility of the Popover.
      */
-    visible = false;
+    get visible() {
+        return this._visible();
+    }
+    set visible(value) {
+        this._visible.set(value);
+    }
     /**
      * @hidden
      */
@@ -584,32 +618,38 @@ class PopoverComponent {
     /**
      * @hidden
      */
-    _width = 'auto';
+    get _width() {
+        return this._widthValue();
+    }
     /**
      * @hidden
      */
-    _height = 'auto';
+    get _height() {
+        return this._heightValue();
+    }
     /**
      * @hidden
      */
     popoverId = '';
-    _offset = 6;
+    _position = signal('right', ...(ngDevMode ? [{ debugName: "_position" }] : []));
+    _offset = signal(6, ...(ngDevMode ? [{ debugName: "_offset" }] : []));
+    _widthValue = signal('auto', ...(ngDevMode ? [{ debugName: "_widthValue" }] : []));
+    _heightValue = signal('auto', ...(ngDevMode ? [{ debugName: "_heightValue" }] : []));
+    _title = signal(undefined, ...(ngDevMode ? [{ debugName: "_title" }] : []));
+    _subtitle = signal(undefined, ...(ngDevMode ? [{ debugName: "_subtitle" }] : []));
+    _body = signal(undefined, ...(ngDevMode ? [{ debugName: "_body" }] : []));
+    _callout = signal(true, ...(ngDevMode ? [{ debugName: "_callout" }] : []));
+    _animation = signal(false, ...(ngDevMode ? [{ debugName: "_animation" }] : []));
+    _templateData = signal(() => null, ...(ngDevMode ? [{ debugName: "_templateData" }] : []));
+    _visible = signal(false, ...(ngDevMode ? [{ debugName: "_visible" }] : []));
     subs = new Subscription();
-    constructor(localization, renderer, element, zone) {
+    constructor(localization, renderer, element) {
         this.localization = localization;
         this.renderer = renderer;
         this.element = element;
-        this.zone = zone;
         validatePackage(packageMetadata);
-    }
-    ngOnInit() {
-        this.popoverId = getId('k-popover');
-        this.subs.add(this.localization.changes.subscribe(({ rtl }) => { this.direction = rtl ? 'rtl' : 'ltr'; }));
-        this.subs.add(this.renderer.listen(this.element.nativeElement, 'keydown', event => this.onKeyDown(event)));
-    }
-    ngAfterViewInit() {
-        this.zone.onStable.pipe(take(1)).subscribe(() => {
-            if (this.visible) {
+        afterNextRender(() => {
+            if (this.visible && this.popoverWrapper) {
                 const wrapper = this.popoverWrapper.nativeElement;
                 const focusablePopoverChildren = getAllFocusableChildren(wrapper);
                 if (focusablePopoverChildren.length > 0) {
@@ -619,6 +659,11 @@ class PopoverComponent {
             }
         });
     }
+    ngOnInit() {
+        this.popoverId = getId('k-popover');
+        this.subs.add(this.localization.changes.subscribe(({ rtl }) => { this.direction = rtl ? 'rtl' : 'ltr'; }));
+        this.subs.add(this.renderer.listen(this.element.nativeElement, 'keydown', event => this.onKeyDown(event)));
+    }
     ngOnDestroy() {
         this.subs.unsubscribe();
     }
@@ -647,7 +692,6 @@ class PopoverComponent {
             this.closeOnKeyDown.emit();
         }
     }
-    _templateData = () => null;
     keepFocusWithinComponent(target, event) {
         const wrapper = this.popoverWrapper.nativeElement;
         const [firstFocusable, lastFocusable] = getFirstAndLastFocusable(wrapper);
@@ -682,7 +726,7 @@ class PopoverComponent {
         this.renderer.setAttribute(wrapper, 'id', this.popoverId);
         this.renderer.setAttribute(wrapper, 'role', focusablePopoverChildren.length > 0 ? 'dialog' : 'tooltip');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PopoverComponent, deps: [{ token: i1.LocalizationService }, { token: i0.Renderer2 }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PopoverComponent, deps: [{ token: i1.LocalizationService }, { token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: PopoverComponent, isStandalone: true, selector: "kendo-popover", inputs: { position: "position", offset: "offset", width: "width", height: "height", title: "title", subtitle: "subtitle", body: "body", callout: "callout", animation: "animation", templateData: "templateData" }, outputs: { show: "show", shown: "shown", hide: "hide", hidden: "hidden", closeOnKeyDown: "closeOnKeyDown" }, host: { properties: { "attr.dir": "this.direction", "class.k-hidden": "this.isHidden", "attr.aria-hidden": "this.hasAttributeHidden", "style.width": "this._width", "style.height": "this._height" } }, providers: [
             LocalizationService,
             {
@@ -777,7 +821,7 @@ class PopoverComponent {
         </ng-template>
       </div>
     }
-    `, isInline: true, dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+    `, isInline: true, dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: PopoverComponent, decorators: [{
             type: Component,
@@ -880,9 +924,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
     }
     `,
                     standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [NgStyle, NgClass, NgTemplateOutlet]
                 }]
-        }], ctorParameters: () => [{ type: i1.LocalizationService }, { type: i0.Renderer2 }, { type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { position: [{
+        }], ctorParameters: () => [{ type: i1.LocalizationService }, { type: i0.Renderer2 }, { type: i0.ElementRef }], propDecorators: { position: [{
                 type: Input
             }], offset: [{
                 type: Input
@@ -961,7 +1006,7 @@ class PopoverDirectivesBase {
      */
     set popover(value) {
         if (value instanceof PopoverComponent || typeof value === `function`) {
-            this._popover = value;
+            this._popover.set(value);
         }
         else {
             if (isDevMode) {
@@ -970,7 +1015,7 @@ class PopoverDirectivesBase {
         }
     }
     get popover() {
-        return this._popover;
+        return this._popover();
     }
     /**
      * Specifies the mouse action that triggers the popover to show. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover/programmatic-control).
@@ -979,10 +1024,10 @@ class PopoverDirectivesBase {
         if (isDevMode && !containsItem(validShowOptions, value)) {
             throw new Error(ERRORS.showOn);
         }
-        this._showOn = value;
+        this._showOn.set(value);
     }
     get showOn() {
-        return this._showOn;
+        return this._showOn();
     }
     /**
      * @hidden
@@ -999,8 +1044,8 @@ class PopoverDirectivesBase {
     _popoverService;
     _hideSub;
     _focusInsideSub;
-    _popover;
-    _showOn = 'click';
+    _popover = signal(null, ...(ngDevMode ? [{ debugName: "_popover" }] : []));
+    _showOn = signal('click', ...(ngDevMode ? [{ debugName: "_showOn" }] : []));
     _popupOpenSub;
     _popupCloseSub;
     _popupSubs;
@@ -1091,7 +1136,14 @@ class PopoverDirectivesBase {
         });
         const popupInstance = this.popupRef.content.instance;
         // Avoid adding the default k-popup class which leads to visual and rendering discrepancies
-        this.popupRef && (this.popupRef.popup.instance.renderDefaultClass = false);
+        if (this.popupRef) {
+            this.popupRef.popup.instance.renderDefaultClass = false;
+            // Use the popup component's own CDRef (not ComponentRef.changeDetectorRef which wraps
+            // the root/host lView). PopupComponent uses OnPush, so detectChanges() on the root lView
+            // skips the component's template. The component's injector returns a CDRef that wraps
+            // the component's template lView directly, ensuring the renderDefaultClass binding updates.
+            this.popupRef.popup.injector.get(ChangeDetectorRef).detectChanges();
+        }
         this._popupSubs = new Subscription();
         if (anchor) {
             this._popupSubs.add(this.renderer.listen(this.anchor, 'keydown', event => this.onKeyDown(event)));
@@ -1654,6 +1706,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
 class TooltipContentComponent {
     content;
     localizationService;
+    cdr;
     /**
      * @hidden
      */
@@ -1676,24 +1729,67 @@ class TooltipContentComponent {
     get cssPosition() {
         return 'relative';
     }
-    tooltipWidth = null;
-    tooltipHeight = null;
-    titleTemplate;
-    anchor;
-    closable;
-    templateRef;
-    templateString;
+    set tooltipWidth(value) {
+        this._tooltipWidth.set(value);
+    }
+    get tooltipWidth() {
+        return this._tooltipWidth();
+    }
+    set tooltipHeight(value) {
+        this._tooltipHeight.set(value);
+    }
+    get tooltipHeight() {
+        return this._tooltipHeight();
+    }
+    set titleTemplate(value) {
+        this._titleTemplate.set(value);
+    }
+    get titleTemplate() {
+        return this._titleTemplate();
+    }
+    set anchor(value) {
+        this._anchor.set(value);
+    }
+    get anchor() {
+        return this._anchor();
+    }
+    set closable(value) {
+        this._closable.set(value);
+    }
+    get closable() {
+        return this._closable();
+    }
+    set templateRef(value) {
+        this._templateRef.set(value);
+    }
+    get templateRef() {
+        return this._templateRef();
+    }
+    set templateString(value) {
+        this._templateString.set(value);
+    }
+    get templateString() {
+        return this._templateString();
+    }
     closeTitle;
     callout = true;
     position;
+    _tooltipWidth = signal(null, ...(ngDevMode ? [{ debugName: "_tooltipWidth" }] : []));
+    _tooltipHeight = signal(null, ...(ngDevMode ? [{ debugName: "_tooltipHeight" }] : []));
+    _titleTemplate = signal(null, ...(ngDevMode ? [{ debugName: "_titleTemplate" }] : []));
+    _templateString = signal(null, ...(ngDevMode ? [{ debugName: "_templateString" }] : []));
+    _templateRef = signal(null, ...(ngDevMode ? [{ debugName: "_templateRef" }] : []));
+    _anchor = signal(null, ...(ngDevMode ? [{ debugName: "_anchor" }] : []));
+    _closable = signal(false, ...(ngDevMode ? [{ debugName: "_closable" }] : []));
     /**
      * @hidden
      */
     tooltipId;
     dynamicRTLSubscription;
-    constructor(content, localizationService) {
+    constructor(content, localizationService, cdr) {
         this.content = content;
         this.localizationService = localizationService;
+        this.cdr = cdr;
         this.direction = localizationService.rtl ? 'rtl' : 'ltr';
     }
     ngOnInit() {
@@ -1742,6 +1838,7 @@ class TooltipContentComponent {
         Object.keys(calloutStyles).forEach((style) => {
             callout.style[style] = calloutStyles[style];
         });
+        this.cdr.markForCheck();
     }
     calloutStyles = (position, calloutSize, isFlip) => {
         const styles = {};
@@ -1775,7 +1872,7 @@ class TooltipContentComponent {
         styles.transform = isVertical ? `rotateX(${flipDeg})` : `rotateY(${flipDeg})`;
         return styles;
     };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TooltipContentComponent, deps: [{ token: i0.ElementRef }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TooltipContentComponent, deps: [{ token: i0.ElementRef }, { token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: TooltipContentComponent, isStandalone: true, selector: "kendo-tooltip", inputs: { tooltipWidth: "tooltipWidth", tooltipHeight: "tooltipHeight", titleTemplate: "titleTemplate", anchor: "anchor", closable: "closable", templateRef: "templateRef", templateString: "templateString" }, outputs: { close: "close" }, host: { properties: { "attr.dir": "this.direction", "class": "this.cssClasses", "attr.role": "this.hostRole", "attr.id": "this.hostId", "class.k-tooltip-closable": "this.className", "style.position": "this.cssPosition", "style.width.px": "this.tooltipWidth", "style.height.px": "this.tooltipHeight" } }, providers: [
             LocalizationService,
             {
@@ -1825,7 +1922,7 @@ class TooltipContentComponent {
         @if (callout) {
           <div class="k-callout" [ngClass]="calloutPositionClass()"></div>
         }
-        `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoTooltipLocalizedMessages]", inputs: ["closeTitle"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+        `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoTooltipLocalizedMessages]", inputs: ["closeTitle"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TooltipContentComponent, decorators: [{
             type: Component,
@@ -1883,9 +1980,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                         }
                     ],
                     standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                     imports: [LocalizedMessagesDirective, NgTemplateOutlet, IconWrapperComponent, NgClass]
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.LocalizationService }], propDecorators: { direction: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.LocalizationService }, { type: i0.ChangeDetectorRef }], propDecorators: { direction: [{
                 type: HostBinding,
                 args: ['attr.dir']
             }], close: [{
@@ -2007,46 +2105,82 @@ class TooltipDirective {
     ngZone;
     renderer;
     popupService;
+    injector;
     /**
      * Specifies a selector for elements within a container that display a tooltip
      * ([see example](https://www.telerik.com/kendo-angular-ui/components/tooltips/tooltip/anchor-elements)). The possible values include any
      * DOM `selector`.
      * @default '[title]'
      */
-    filter = '[title]';
+    set filter(value) {
+        this._filter.set(value);
+    }
+    get filter() {
+        return this._filter();
+    }
     /**
      * Specifies the position of the Tooltip relative to the
      * anchor element ([see example](https://www.telerik.com/kendo-angular-ui/components/tooltips/tooltip/positioning)).
      *
      * @default 'top'
      */
-    position = 'top';
+    set position(value) {
+        this._position.set(value);
+    }
+    get position() {
+        return this._position();
+    }
     /**
      * Sets the template for the tooltip header title. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/tooltip/anchor-elements).
      */
-    titleTemplate;
+    set titleTemplate(value) {
+        this._titleTemplate.set(value);
+    }
+    get titleTemplate() {
+        return this._titleTemplate();
+    }
     /**
      * Specifies the mouse action that triggers the Tooltip to show. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/tooltip/opening).
      */
-    showOn;
+    set showOn(value) {
+        this._showOn.set(value);
+    }
+    get showOn() {
+        return this._showOn();
+    }
     /**
      * Specifies the delay in milliseconds before the Tooltip is shown.
      *
      * @default 100
      */
-    showAfter = 100;
+    set showAfter(value) {
+        this._showAfter.set(value);
+    }
+    get showAfter() {
+        return this._showAfter();
+    }
     /**
      * Determines if the Tooltip displays a callout arrow.
      *
      * @default true
      */
-    callout = true;
+    set callout(value) {
+        this._callout.set(value);
+    }
+    get callout() {
+        return this._callout();
+    }
     /**
      * Determines if the Tooltip displays a **Close** button. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/tooltip/closable-tooltip).
      *
      * @default false
      */
-    closable = false;
+    set closable(value) {
+        this._closable.set(value);
+    }
+    get closable() {
+        return this._closable();
+    }
     /**
      * Specifies the offset in pixels between the Tooltip and the anchor.
      * If the `callout` property is set to `true`, the offset is rendered from the callout arrow.
@@ -2054,37 +2188,77 @@ class TooltipDirective {
      *
      * @default 6
      */
-    offset = 6;
+    set offset(value) {
+        this._offset.set(value);
+    }
+    get offset() {
+        return this._offset();
+    }
     /**
      * Sets the width of the Tooltip. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/tooltip/anchor-elements).
      */
-    tooltipWidth;
+    set tooltipWidth(value) {
+        this._tooltipWidth.set(value);
+    }
+    get tooltipWidth() {
+        return this._tooltipWidth();
+    }
     /**
      * Sets the height of the Tooltip.
      */
-    tooltipHeight;
+    set tooltipHeight(value) {
+        this._tooltipHeight.set(value);
+    }
+    get tooltipHeight() {
+        return this._tooltipHeight();
+    }
     /**
      * Sets a CSS class for the Tooltip.
      */
-    tooltipClass;
+    set tooltipClass(value) {
+        this._tooltipClass.set(value);
+    }
+    get tooltipClass() {
+        return this._tooltipClass();
+    }
     /**
      * Specifies the theme color of the Tooltip.
      * The theme color applies the corresponding `k-tooltip-{tooltipThemeColor}` class to the Tooltip element.
      */
-    tooltipThemeColor;
+    set tooltipThemeColor(value) {
+        this._tooltipThemeColor.set(value);
+    }
+    get tooltipThemeColor() {
+        return this._tooltipThemeColor();
+    }
     /**
      * @hidden
      * Specifies a CSS class that will be added to the kendo-tooltip element.
      */
-    tooltipContentClass;
+    set tooltipContentClass(value) {
+        this._tooltipContentClass.set(value);
+    }
+    get tooltipContentClass() {
+        return this._tooltipContentClass();
+    }
     /**
      * Provides screen boundary detection when the Тooltip is shown.
      */
-    collision;
+    set collision(value) {
+        this._collision.set(value);
+    }
+    get collision() {
+        return this._collision();
+    }
     /**
      * Sets the title of the **Close** button.
      */
-    closeTitle;
+    set closeTitle(value) {
+        this._closeTitle.set(value);
+    }
+    get closeTitle() {
+        return this._closeTitle();
+    }
     /**
      * Sets a custom content template for the Tooltip.
      * The template is rendered inside the Tooltip content area. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/tooltip/templates).
@@ -2096,7 +2270,12 @@ class TooltipDirective {
         return this.template;
     }
     popupRef;
-    template;
+    set template(value) {
+        this._tooltipTemplate.set(value);
+    }
+    get template() {
+        return this._tooltipTemplate();
+    }
     showTimeout;
     anchor = null;
     mouseOverSubscription;
@@ -2109,11 +2288,28 @@ class TooltipDirective {
     closeClickSubscription;
     validPositions = ['top', 'bottom', 'right', 'left'];
     validShowOptions = ['hover', 'click', 'none'];
-    constructor(tooltipWrapper, ngZone, renderer, popupService, settings, legacySettings) {
+    _filter = signal('[title]', ...(ngDevMode ? [{ debugName: "_filter" }] : []));
+    _position = signal('top', ...(ngDevMode ? [{ debugName: "_position" }] : []));
+    _titleTemplate = signal(null, ...(ngDevMode ? [{ debugName: "_titleTemplate" }] : []));
+    _showOn = signal(undefined, ...(ngDevMode ? [{ debugName: "_showOn" }] : []));
+    _showAfter = signal(100, ...(ngDevMode ? [{ debugName: "_showAfter" }] : []));
+    _callout = signal(true, ...(ngDevMode ? [{ debugName: "_callout" }] : []));
+    _closable = signal(false, ...(ngDevMode ? [{ debugName: "_closable" }] : []));
+    _offset = signal(6, ...(ngDevMode ? [{ debugName: "_offset" }] : []));
+    _tooltipWidth = signal(null, ...(ngDevMode ? [{ debugName: "_tooltipWidth" }] : []));
+    _tooltipHeight = signal(null, ...(ngDevMode ? [{ debugName: "_tooltipHeight" }] : []));
+    _closeTitle = signal(null, ...(ngDevMode ? [{ debugName: "_closeTitle" }] : []));
+    _tooltipTemplate = signal(null, ...(ngDevMode ? [{ debugName: "_tooltipTemplate" }] : []));
+    _tooltipClass = signal(null, ...(ngDevMode ? [{ debugName: "_tooltipClass" }] : []));
+    _tooltipThemeColor = signal(null, ...(ngDevMode ? [{ debugName: "_tooltipThemeColor" }] : []));
+    _tooltipContentClass = signal(null, ...(ngDevMode ? [{ debugName: "_tooltipContentClass" }] : []));
+    _collision = signal(null, ...(ngDevMode ? [{ debugName: "_collision" }] : []));
+    constructor(tooltipWrapper, ngZone, renderer, popupService, injector, settings, legacySettings) {
         this.tooltipWrapper = tooltipWrapper;
         this.ngZone = ngZone;
         this.renderer = renderer;
         this.popupService = popupService;
+        this.injector = injector;
         validatePackage(packageMetadata);
         Object.assign(this, settings, legacySettings);
         this.ngZone.runOutsideAngular(() => {
@@ -2162,8 +2358,8 @@ class TooltipDirective {
      */
     hide() {
         clearTimeout(this.showTimeout);
-        const anchor = this.anchor && this.anchor.nativeElement;
-        if (anchor && anchor.getAttribute('data-title')) {
+        const anchor = this.anchor?.nativeElement;
+        if (anchor?.getAttribute('data-title')) {
             if (!anchor.getAttribute('title') && anchor.hasAttribute('title')) {
                 anchor.setAttribute('title', anchor.getAttribute('data-title'));
             }
@@ -2183,7 +2379,7 @@ class TooltipDirective {
      * @param show - Optional. Boolean. Specifies if the Tooltip is rendered.
      */
     toggle(anchor, show) {
-        const previousAnchor = this.anchor && this.anchor.nativeElement;
+        const previousAnchor = this.anchor?.nativeElement;
         if (anchor instanceof Element) {
             anchor = { nativeElement: anchor };
         }
@@ -2219,11 +2415,13 @@ class TooltipDirective {
         if (!this.popupRef) {
             return;
         }
-        if (this.anchor &&
-            !hasParent(this.anchor.nativeElement || this.anchor, this.tooltipWrapper.nativeElement)) {
-            this.anchor = null;
-            this.hide();
-        }
+        afterNextRender(() => {
+            if (this.anchor &&
+                !hasParent(this.anchor?.nativeElement || this.anchor, this.tooltipWrapper.nativeElement)) {
+                this.anchor = null;
+                this.hide();
+            }
+        }, { injector: this.injector });
     }
     ngOnDestroy() {
         this.hide();
@@ -2261,7 +2459,7 @@ class TooltipDirective {
             this.hide();
         });
         if (!this.template) {
-            content.templateString = this.anchor.nativeElement.getAttribute('data-title');
+            content.templateString = this.anchor?.nativeElement.getAttribute('data-title');
         }
         else {
             content.templateRef = this.template;
@@ -2331,7 +2529,7 @@ class TooltipDirective {
     closePopup() {
         if (this.popupRef) {
             if (this.anchor) {
-                this.renderer.removeAttribute(this.anchor.nativeElement, 'aria-labelledby');
+                this.renderer.removeAttribute(this.anchor?.nativeElement, 'aria-labelledby');
             }
             this.popupRef.close();
             this.popupRef = null;
@@ -2405,7 +2603,7 @@ class TooltipDirective {
         }
         const popup = this.popupRef && this.popupRef.popupElement;
         const relatedTarget = e.relatedTarget;
-        if (relatedTarget && this.anchor && contains(this.anchor.nativeElement, relatedTarget)) {
+        if (relatedTarget && this.anchor && contains(this.anchor?.nativeElement, relatedTarget)) {
             return;
         }
         if (relatedTarget && contains(popup, relatedTarget)) {
@@ -2424,7 +2622,7 @@ class TooltipDirective {
             throw new Error(`Invalid value provided for showOn property.The available options are 'hover' or 'none'.`);
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TooltipDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i1$1.PopupService }, { token: TooltipSettings, optional: true }, { token: TOOLTIP_SETTINGS, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TooltipDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i1$1.PopupService }, { token: i0.Injector }, { token: TooltipSettings, optional: true }, { token: TOOLTIP_SETTINGS, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: TooltipDirective, isStandalone: true, selector: "[kendoTooltip]", inputs: { filter: "filter", position: "position", titleTemplate: "titleTemplate", showOn: "showOn", showAfter: "showAfter", callout: "callout", closable: "closable", offset: "offset", tooltipWidth: "tooltipWidth", tooltipHeight: "tooltipHeight", tooltipClass: "tooltipClass", tooltipThemeColor: "tooltipThemeColor", tooltipContentClass: "tooltipContentClass", collision: "collision", closeTitle: "closeTitle", tooltipTemplate: "tooltipTemplate" }, exportAs: ["kendoTooltip"], usesOnChanges: true, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: TooltipDirective, decorators: [{
@@ -2434,7 +2632,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImpo
                     exportAs: 'kendoTooltip',
                     standalone: true
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i1$1.PopupService }, { type: TooltipSettings, decorators: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i1$1.PopupService }, { type: i0.Injector }, { type: TooltipSettings, decorators: [{
                     type: Optional
                 }] }, { type: TooltipSettings, decorators: [{
                     type: Optional

package/index.d.ts

@@ -4,7 +4,7 @@
 *-------------------------------------------------------------------------------------------*/
 import { ComponentMessages, LocalizationService } from '@progress/kendo-angular-l10n';
 import * as i0 from '@angular/core';
-import { TemplateRef, OnInit, AfterViewInit, OnDestroy, EventEmitter, ElementRef, Renderer2, NgZone, ComponentRef, SimpleChanges, InjectionToken, OnChanges, AfterViewChecked } from '@angular/core';
+import { TemplateRef, OnInit, OnDestroy, EventEmitter, ElementRef, Renderer2, NgZone, ComponentRef, SimpleChanges, ChangeDetectorRef, InjectionToken, OnChanges, AfterViewChecked, Injector } from '@angular/core';
 import { PopupRef, PopupAnimation, PopupService, Collision } from '@progress/kendo-angular-popup';
 import { PreventableEvent } from '@progress/kendo-angular-common';
 import { Observable, Subscription } from 'rxjs';
@@ -190,11 +190,10 @@ type PopoverAnimation = PopupAnimation | boolean;
  * </kendo-popover>
  * ```
  */
-declare class PopoverComponent implements OnInit, AfterViewInit, OnDestroy {
+declare class PopoverComponent implements OnInit, OnDestroy {
     private localization;
     private renderer;
     private element;
-    private zone;
     /**
      * @hidden
      */
@@ -204,7 +203,8 @@ declare class PopoverComponent implements OnInit, AfterViewInit, OnDestroy {
      *
      * @default 'right'
      */
-    position: Position;
+    set position(value: Position);
+    get position(): Position;
     /**
      * Specifies the distance from the Popover to its anchor element in pixels.
      *
@@ -233,24 +233,28 @@ declare class PopoverComponent implements OnInit, AfterViewInit, OnDestroy {
     /**
      * Specifies the main header text of the Popover. If a `titleTemplate` is provided, it takes precedence.
      */
-    title: string;
+    set title(value: string);
+    get title(): string;
     /**
      * @hidden
      * Specifies the secondary header text of the Popover.
      *
      * If a `titleTemplate` is provided it would take precedence over the subtitle.
      */
-    subtitle: string;
+    set subtitle(value: string);
+    get subtitle(): string;
     /**
      * Represents the text rendered in the Popover body section. If a `bodyTemplate` is provided, it takes precedence.
      */
-    body: string;
+    set body(value: string);
+    get body(): string;
     /**
      * Determines whether a callout is rendered along the Popover. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover/callout).
      *
      * @default true
      */
-    callout: boolean;
+    set callout(value: boolean);
+    get callout(): boolean;
     /**
      * Enables and configures the Popover animation. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover/animations).
      *
@@ -258,7 +262,8 @@ declare class PopoverComponent implements OnInit, AfterViewInit, OnDestroy {
      *
      * @default false
      */
-    animation: PopoverAnimation;
+    set animation(value: PopoverAnimation);
+    get animation(): PopoverAnimation;
     /**
      * Defines a callback function that returns custom data for the Popover templates.
      * The function exposes the `anchor` element as an argument and returns an object that can be used in the templates. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/popover/templates#passing-data-to-templates).
@@ -269,7 +274,8 @@ declare class PopoverComponent implements OnInit, AfterViewInit, OnDestroy {
      * @hidden
      * Determines the visibility of the Popover.
      */
-    visible: boolean;
+    get visible(): boolean;
+    set visible(value: boolean);
     /**
      * @hidden
      */
@@ -329,20 +335,29 @@ declare class PopoverComponent implements OnInit, AfterViewInit, OnDestroy {
     /**
      * @hidden
      */
-    _width: string;
+    get _width(): string;
     /**
      * @hidden
      */
-    _height: string;
+    get _height(): string;
     /**
      * @hidden
      */
     popoverId: string;
+    private _position;
     private _offset;
+    private _widthValue;
+    private _heightValue;
+    private _title;
+    private _subtitle;
+    private _body;
+    private _callout;
+    private _animation;
+    private _templateData;
+    private _visible;
     private subs;
-    constructor(localization: LocalizationService, renderer: Renderer2, element: ElementRef, zone: NgZone);
+    constructor(localization: LocalizationService, renderer: Renderer2, element: ElementRef);
     ngOnInit(): void;
-    ngAfterViewInit(): void;
     ngOnDestroy(): void;
     /**
      * @hidden
@@ -352,7 +367,6 @@ declare class PopoverComponent implements OnInit, AfterViewInit, OnDestroy {
      * @hidden
      */
     onKeyDown(event: any): void;
-    private _templateData;
     private keepFocusWithinComponent;
     private setAriaAttributes;
     static ɵfac: i0.ɵɵFactoryDeclaration<PopoverComponent, never>;
@@ -584,6 +598,7 @@ declare class PopoverContainerDirective extends PopoverDirectivesBase {
 declare class TooltipContentComponent {
     private content;
     private localizationService;
+    private cdr;
     /**
      * @hidden
      */
@@ -598,22 +613,36 @@ declare class TooltipContentComponent {
     get hostId(): string;
     get className(): boolean;
     get cssPosition(): string;
-    tooltipWidth: number;
-    tooltipHeight: number;
-    titleTemplate?: TemplateRef<any>;
-    anchor: ElementRef;
-    closable: boolean;
-    templateRef?: TemplateRef<any>;
-    templateString?: string;
+    set tooltipWidth(value: number);
+    get tooltipWidth(): number;
+    set tooltipHeight(value: number);
+    get tooltipHeight(): number;
+    set titleTemplate(value: TemplateRef<any>);
+    get titleTemplate(): TemplateRef<any>;
+    set anchor(value: ElementRef);
+    get anchor(): ElementRef;
+    set closable(value: boolean);
+    get closable(): boolean;
+    set templateRef(value: TemplateRef<any>);
+    get templateRef(): TemplateRef<any>;
+    set templateString(value: string);
+    get templateString(): string;
     closeTitle: string;
     callout: boolean;
     position: string;
+    private _tooltipWidth;
+    private _tooltipHeight;
+    private _titleTemplate;
+    private _templateString;
+    private _templateRef;
+    private _anchor;
+    private _closable;
     /**
      * @hidden
      */
     tooltipId: string;
     private dynamicRTLSubscription;
-    constructor(content: ElementRef, localizationService: LocalizationService);
+    constructor(content: ElementRef, localizationService: LocalizationService, cdr: ChangeDetectorRef);
     ngOnInit(): void;
     ngOnDestroy(): void;
     get closeButtonTitle(): string;
@@ -725,46 +754,54 @@ declare class TooltipDirective implements OnDestroy, OnChanges, AfterViewChecked
     ngZone: NgZone;
     private renderer;
     private popupService;
+    private injector;
     /**
      * Specifies a selector for elements within a container that display a tooltip
      * ([see example](https://www.telerik.com/kendo-angular-ui/components/tooltips/tooltip/anchor-elements)). The possible values include any
      * DOM `selector`.
      * @default '[title]'
      */
-    filter: string;
+    set filter(value: string);
+    get filter(): string;
     /**
      * Specifies the position of the Tooltip relative to the
      * anchor element ([see example](https://www.telerik.com/kendo-angular-ui/components/tooltips/tooltip/positioning)).
      *
      * @default 'top'
      */
-    position: Position;
+    set position(value: Position);
+    get position(): Position;
     /**
      * Sets the template for the tooltip header title. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/tooltip/anchor-elements).
      */
-    titleTemplate?: TemplateRef<any>;
+    set titleTemplate(value: TemplateRef<any>);
+    get titleTemplate(): TemplateRef<any>;
     /**
      * Specifies the mouse action that triggers the Tooltip to show. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/tooltip/opening).
      */
-    showOn: ShowOption;
+    set showOn(value: ShowOption);
+    get showOn(): ShowOption;
     /**
      * Specifies the delay in milliseconds before the Tooltip is shown.
      *
      * @default 100
      */
-    showAfter: number;
+    set showAfter(value: number);
+    get showAfter(): number;
     /**
      * Determines if the Tooltip displays a callout arrow.
      *
      * @default true
      */
-    callout: boolean;
+    set callout(value: boolean);
+    get callout(): boolean;
     /**
      * Determines if the Tooltip displays a **Close** button. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/tooltip/closable-tooltip).
      *
      * @default false
      */
-    closable: boolean;
+    set closable(value: boolean);
+    get closable(): boolean;
     /**
      * Specifies the offset in pixels between the Tooltip and the anchor.
      * If the `callout` property is set to `true`, the offset is rendered from the callout arrow.
@@ -772,37 +809,45 @@ declare class TooltipDirective implements OnDestroy, OnChanges, AfterViewChecked
      *
      * @default 6
      */
-    offset: number;
+    set offset(value: number);
+    get offset(): number;
     /**
      * Sets the width of the Tooltip. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/tooltip/anchor-elements).
      */
-    tooltipWidth: number;
+    set tooltipWidth(value: number);
+    get tooltipWidth(): number;
     /**
      * Sets the height of the Tooltip.
      */
-    tooltipHeight: number;
+    set tooltipHeight(value: number);
+    get tooltipHeight(): number;
     /**
      * Sets a CSS class for the Tooltip.
      */
-    tooltipClass: string;
+    set tooltipClass(value: string);
+    get tooltipClass(): string;
     /**
      * Specifies the theme color of the Tooltip.
      * The theme color applies the corresponding `k-tooltip-{tooltipThemeColor}` class to the Tooltip element.
      */
-    tooltipThemeColor: TooltipThemeColor;
+    set tooltipThemeColor(value: TooltipThemeColor);
+    get tooltipThemeColor(): TooltipThemeColor;
     /**
      * @hidden
      * Specifies a CSS class that will be added to the kendo-tooltip element.
      */
-    tooltipContentClass: string;
+    set tooltipContentClass(value: string);
+    get tooltipContentClass(): string;
     /**
      * Provides screen boundary detection when the Тooltip is shown.
      */
-    collision: Collision;
+    set collision(value: Collision);
+    get collision(): Collision;
     /**
      * Sets the title of the **Close** button.
      */
-    closeTitle: string;
+    set closeTitle(value: string);
+    get closeTitle(): string;
     /**
      * Sets a custom content template for the Tooltip.
      * The template is rendered inside the Tooltip content area. [See example](https://www.telerik.com/kendo-angular-ui/components/tooltips/tooltip/templates).
@@ -810,7 +855,8 @@ declare class TooltipDirective implements OnDestroy, OnChanges, AfterViewChecked
     set tooltipTemplate(value: TemplateRef<any>);
     get tooltipTemplate(): TemplateRef<any>;
     popupRef: PopupRef;
-    template: TemplateRef<any>;
+    set template(value: TemplateRef<any>);
+    get template(): TemplateRef<any>;
     private showTimeout;
     private anchor;
     private mouseOverSubscription;
@@ -823,7 +869,23 @@ declare class TooltipDirective implements OnDestroy, OnChanges, AfterViewChecked
     private closeClickSubscription;
     private validPositions;
     private validShowOptions;
-    constructor(tooltipWrapper: ElementRef, ngZone: NgZone, renderer: Renderer2, popupService: PopupService, settings: TooltipSettings, legacySettings: TooltipSettings);
+    private _filter;
+    private _position;
+    private _titleTemplate;
+    private _showOn;
+    private _showAfter;
+    private _callout;
+    private _closable;
+    private _offset;
+    private _tooltipWidth;
+    private _tooltipHeight;
+    private _closeTitle;
+    private _tooltipTemplate;
+    private _tooltipClass;
+    private _tooltipThemeColor;
+    private _tooltipContentClass;
+    private _collision;
+    constructor(tooltipWrapper: ElementRef, ngZone: NgZone, renderer: Renderer2, popupService: PopupService, injector: Injector, settings: TooltipSettings, legacySettings: TooltipSettings);
     /**
      * Shows the Tooltip.
      * @param anchor - The element used as an anchor. The Tooltip opens relative to this element.
@@ -855,7 +917,7 @@ declare class TooltipDirective implements OnDestroy, OnChanges, AfterViewChecked
     private onMouseOver;
     private onMouseOut;
     private verifyProperties;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TooltipDirective, [null, null, null, null, { optional: true; }, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TooltipDirective, [null, null, null, null, null, { optional: true; }, { optional: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TooltipDirective, "[kendoTooltip]", ["kendoTooltip"], { "filter": { "alias": "filter"; "required": false; }; "position": { "alias": "position"; "required": false; }; "titleTemplate": { "alias": "titleTemplate"; "required": false; }; "showOn": { "alias": "showOn"; "required": false; }; "showAfter": { "alias": "showAfter"; "required": false; }; "callout": { "alias": "callout"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "offset": { "alias": "offset"; "required": false; }; "tooltipWidth": { "alias": "tooltipWidth"; "required": false; }; "tooltipHeight": { "alias": "tooltipHeight"; "required": false; }; "tooltipClass": { "alias": "tooltipClass"; "required": false; }; "tooltipThemeColor": { "alias": "tooltipThemeColor"; "required": false; }; "tooltipContentClass": { "alias": "tooltipContentClass"; "required": false; }; "collision": { "alias": "collision"; "required": false; }; "closeTitle": { "alias": "closeTitle"; "required": false; }; "tooltipTemplate": { "alias": "tooltipTemplate"; "required": false; }; }, {}, never, never, true, never>;
 }
 

package/package-metadata.mjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-tooltip",
-  "version": "25.0.0-develop.1",
+  "version": "25.0.0-develop.3",
   "description": "Kendo UI Tooltip for Angular - A highly customizable and easily themeable tooltip from the creators developers trust for professional Angular components.",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -36,7 +36,7 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1783679893,
+      "publishDate": 1783692540,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
@@ -46,15 +46,15 @@
     "@angular/core": "20 - 22",
     "@angular/platform-browser": "20 - 22",
     "@progress/kendo-licensing": "^1.11.0",
-    "@progress/kendo-angular-common": "25.0.0-develop.1",
-    "@progress/kendo-angular-l10n": "25.0.0-develop.1",
-    "@progress/kendo-angular-popup": "25.0.0-develop.1",
-    "@progress/kendo-angular-icons": "25.0.0-develop.1",
+    "@progress/kendo-angular-common": "25.0.0-develop.3",
+    "@progress/kendo-angular-l10n": "25.0.0-develop.3",
+    "@progress/kendo-angular-popup": "25.0.0-develop.3",
+    "@progress/kendo-angular-icons": "25.0.0-develop.3",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "25.0.0-develop.1"
+    "@progress/kendo-angular-schematics": "25.0.0-develop.3"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2022/progress-kendo-angular-tooltip.mjs",