@progress/kendo-angular-tooltip 17.0.0-develop.21 → 17.0.0-develop.22

package/{esm2020 → esm2022}/localization/localized-messages.directive.mjs

@@ -10,19 +10,24 @@ import * as i1 from "@progress/kendo-angular-l10n";
  * @hidden
  */
 export class LocalizedMessagesDirective extends ComponentMessages {
+    service;
+    /**
+     * The title of the close button.
+     */
+    closeTitle;
     constructor(service) {
         super();
         this.service = service;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoTooltipLocalizedMessages]", inputs: { closeTitle: "closeTitle" }, providers: [
+            {
+                provide: ComponentMessages,
+                useExisting: forwardRef(() => LocalizedMessagesDirective)
+            }
+        ], usesInheritance: true, ngImport: i0 });
 }
-LocalizedMessagesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-LocalizedMessagesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoTooltipLocalizedMessages]", inputs: { closeTitle: "closeTitle" }, providers: [
-        {
-            provide: ComponentMessages,
-            useExisting: forwardRef(() => LocalizedMessagesDirective)
-        }
-    ], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
             type: Directive,
             args: [{
                     providers: [

package/{esm2020 → esm2022}/models/events.mjs

@@ -8,6 +8,10 @@ import { PreventableEvent } from "@progress/kendo-angular-common";
  * to be opened. If you cancel the event, the opening is prevented.
  */
 export class PopoverShowEvent extends PreventableEvent {
+    /**
+     * The host element related to the popover.
+     */
+    anchor;
     /**
      * @hidden
      * Constructs the event arguments for the `show` event.
@@ -23,6 +27,14 @@ export class PopoverShowEvent extends PreventableEvent {
  * to be closed. If you cancel the event, the popover stays open.
  */
 export class PopoverHideEvent extends PreventableEvent {
+    /**
+     * The host element related to the popover.
+     */
+    anchor;
+    /**
+     * The popover element.
+     */
+    popover;
     /**
      * @hidden
      * Constructs the event arguments for the `hide` event.
@@ -39,6 +51,14 @@ export class PopoverHideEvent extends PreventableEvent {
  * Arguments for the `shown` event. The `shown` event fires after the popover has opened and its opening animation has finished.
  */
 export class PopoverShownEvent {
+    /**
+     * The host element related to the popover.
+     */
+    anchor;
+    /**
+     * The popover element.
+     */
+    popover;
     /**
      * @hidden
      * Constructs the event arguments for the `shown` event.
@@ -54,6 +74,10 @@ export class PopoverShownEvent {
  * Arguments for the `hidden` event. The `hidden` event fires after the popover has closed and its closing animation has finished.
  */
 export class PopoverHiddenEvent {
+    /**
+     * The host element related to the popover.
+     */
+    anchor;
     /**
      * @hidden
      * Constructs the event arguments for the `hidden` event.

package/{esm2020 → esm2022}/package-metadata.mjs

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-tooltip',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1729874240,
-    version: '17.0.0-develop.21',
+    publishDate: 1730103612,
+    version: '17.0.0-develop.22',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };

package/{esm2020 → esm2022}/popover/anchor.directive.mjs

@@ -23,6 +23,11 @@ import * as i2 from "./popover.service";
  * ```
  */
 export class PopoverAnchorDirective extends PopoverDirectivesBase {
+    hostEl;
+    ngZone;
+    popupService;
+    renderer;
+    popoverService;
     constructor(hostEl, ngZone, popupService, renderer, popoverService) {
         super(ngZone, popupService, renderer);
         this.hostEl = hostEl;
@@ -30,44 +35,6 @@ export class PopoverAnchorDirective extends PopoverDirectivesBase {
         this.popupService = popupService;
         this.renderer = renderer;
         this.popoverService = popoverService;
-        this.mouseenterHandler = () => {
-            this.controlVisibility(this.hostEl.nativeElement, true);
-        };
-        this.mouseleaveHandler = () => {
-            if (this.isPrevented(this.hostEl.nativeElement, false)) {
-                return;
-            }
-            if (!this._hideSub) {
-                this._hideSub = this.popoverService.hidePopover.subscribe((val) => {
-                    const [isPopoverHovered, isAnchorHovered] = val;
-                    if (!isPopoverHovered && !isAnchorHovered) {
-                        this.hide();
-                    }
-                });
-            }
-        };
-        this.focusHandler = () => {
-            this.controlVisibility(this.hostEl.nativeElement, true);
-        };
-        this.blurHandler = (args) => {
-            const event = args.domEvent;
-            if (this.isPrevented(this.hostEl.nativeElement, false)) {
-                return;
-            }
-            // from anchor to popup focus check
-            const isFocusInside = !!closest(event.relatedTarget, (node) => node.classList && node.classList.contains('k-popover'));
-            if (!isFocusInside) {
-                this.hide();
-            }
-            if (!this._focusInsideSub) {
-                // inside popup focus check
-                this._focusInsideSub = this.popoverService.isFocusInsidePopover.pipe(filter(v => v !== null)).subscribe((val) => {
-                    if (!val) {
-                        this.hide();
-                    }
-                });
-            }
-        };
         this._popoverService = this.popoverService;
     }
     ngOnChanges(changes) {
@@ -124,6 +91,44 @@ export class PopoverAnchorDirective extends PopoverDirectivesBase {
             this.onClick(e);
         });
     }
+    mouseenterHandler = () => {
+        this.controlVisibility(this.hostEl.nativeElement, true);
+    };
+    mouseleaveHandler = () => {
+        if (this.isPrevented(this.hostEl.nativeElement, false)) {
+            return;
+        }
+        if (!this._hideSub) {
+            this._hideSub = this.popoverService.hidePopover.subscribe((val) => {
+                const [isPopoverHovered, isAnchorHovered] = val;
+                if (!isPopoverHovered && !isAnchorHovered) {
+                    this.hide();
+                }
+            });
+        }
+    };
+    focusHandler = () => {
+        this.controlVisibility(this.hostEl.nativeElement, true);
+    };
+    blurHandler = (args) => {
+        const event = args.domEvent;
+        if (this.isPrevented(this.hostEl.nativeElement, false)) {
+            return;
+        }
+        // from anchor to popup focus check
+        const isFocusInside = !!closest(event.relatedTarget, (node) => node.classList && node.classList.contains('k-popover'));
+        if (!isFocusInside) {
+            this.hide();
+        }
+        if (!this._focusInsideSub) {
+            // inside popup focus check
+            this._focusInsideSub = this.popoverService.isFocusInsidePopover.pipe(filter(v => v !== null)).subscribe((val) => {
+                if (!val) {
+                    this.hide();
+                }
+            });
+        }
+    };
     /**
      * @hidden
      */
@@ -153,10 +158,10 @@ export class PopoverAnchorDirective extends PopoverDirectivesBase {
             this.hide();
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PopoverAnchorDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i1.PopupService }, { token: i0.Renderer2 }, { token: i2.PopoverService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: PopoverAnchorDirective, isStandalone: true, selector: "[kendoPopoverAnchor]", providers: [PopoverService], exportAs: ["kendoPopoverAnchor"], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
 }
-PopoverAnchorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PopoverAnchorDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i1.PopupService }, { token: i0.Renderer2 }, { token: i2.PopoverService }], target: i0.ɵɵFactoryTarget.Directive });
-PopoverAnchorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: PopoverAnchorDirective, isStandalone: true, selector: "[kendoPopoverAnchor]", providers: [PopoverService], exportAs: ["kendoPopoverAnchor"], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PopoverAnchorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PopoverAnchorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoPopoverAnchor]',

package/{esm2020 → esm2022}/popover/container.directive.mjs

@@ -27,6 +27,18 @@ import * as i2 from "./popover.service";
  * ```
  */
 export class PopoverContainerDirective extends PopoverDirectivesBase {
+    wrapperEl;
+    ngZone;
+    popupService;
+    renderer;
+    popoverService;
+    /**
+     * Specifies a selector for the elements that should display a popover.
+     *
+     * The possible values include any valid query selector.
+     * [See example](slug:configuration_popover#toc-popover-container)
+     */
+    filter;
     constructor(wrapperEl, ngZone, popupService, renderer, popoverService) {
         super(ngZone, popupService, renderer);
         this.wrapperEl = wrapperEl;
@@ -34,49 +46,6 @@ export class PopoverContainerDirective extends PopoverDirectivesBase {
         this.popupService = popupService;
         this.renderer = renderer;
         this.popoverService = popoverService;
-        this.mouseenterHandler = (anchor) => {
-            this.controlVisibility(anchor, true);
-        };
-        this.mouseleaveHandler = (args) => {
-            const anchor = args.anchor;
-            if (this.isPrevented(anchor, false)) {
-                return;
-            }
-            if (!this._hideSub) {
-                this._hideSub = this.popoverService.hidePopover.subscribe((val) => {
-                    const [isPopoverHovered, , isOriginAnchor, currentAnchor] = val;
-                    if (!isPopoverHovered && !isOriginAnchor) {
-                        this.hide();
-                        if (!isOriginAnchor && currentAnchor) {
-                            this.show(currentAnchor);
-                        }
-                    }
-                });
-            }
-        };
-        this.focusHandler = (anchor) => {
-            this.controlVisibility(anchor, true);
-        };
-        this.blurHandler = (args) => {
-            const anchor = args.anchor;
-            const event = args.domEvent;
-            if (this.isPrevented(anchor, false)) {
-                return;
-            }
-            // from anchor to popup focus check
-            const isFocusInside = !!closest(event.relatedTarget, (node) => node.classList && node.classList.contains('k-popover'));
-            if (!isFocusInside) {
-                this.hide();
-            }
-            if (!this._focusInsideSub) {
-                // inside popup focus check
-                this._focusInsideSub = this.popoverService.isFocusInsidePopover.pipe(filter(v => v !== null)).subscribe((val) => {
-                    if (!val && !isFocusInside) {
-                        this.hide();
-                    }
-                });
-            }
-        };
         this._popoverService = this.popoverService;
     }
     /**
@@ -121,6 +90,49 @@ export class PopoverContainerDirective extends PopoverDirectivesBase {
             this.clickHandler(filterElement, e);
         });
     }
+    mouseenterHandler = (anchor) => {
+        this.controlVisibility(anchor, true);
+    };
+    mouseleaveHandler = (args) => {
+        const anchor = args.anchor;
+        if (this.isPrevented(anchor, false)) {
+            return;
+        }
+        if (!this._hideSub) {
+            this._hideSub = this.popoverService.hidePopover.subscribe((val) => {
+                const [isPopoverHovered, , isOriginAnchor, currentAnchor] = val;
+                if (!isPopoverHovered && !isOriginAnchor) {
+                    this.hide();
+                    if (!isOriginAnchor && currentAnchor) {
+                        this.show(currentAnchor);
+                    }
+                }
+            });
+        }
+    };
+    focusHandler = (anchor) => {
+        this.controlVisibility(anchor, true);
+    };
+    blurHandler = (args) => {
+        const anchor = args.anchor;
+        const event = args.domEvent;
+        if (this.isPrevented(anchor, false)) {
+            return;
+        }
+        // from anchor to popup focus check
+        const isFocusInside = !!closest(event.relatedTarget, (node) => node.classList && node.classList.contains('k-popover'));
+        if (!isFocusInside) {
+            this.hide();
+        }
+        if (!this._focusInsideSub) {
+            // inside popup focus check
+            this._focusInsideSub = this.popoverService.isFocusInsidePopover.pipe(filter(v => v !== null)).subscribe((val) => {
+                if (!val && !isFocusInside) {
+                    this.hide();
+                }
+            });
+        }
+    };
     subscribeToShowEvents(arr) {
         const filteredElements = Array.from(document.querySelectorAll(this.filter));
         filteredElements.forEach((el) => {
@@ -164,10 +176,10 @@ export class PopoverContainerDirective extends PopoverDirectivesBase {
             this.hide();
         }
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PopoverContainerDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i1.PopupService }, { token: i0.Renderer2 }, { token: i2.PopoverService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: PopoverContainerDirective, isStandalone: true, selector: "[kendoPopoverContainer]", inputs: { filter: "filter" }, providers: [PopoverService], exportAs: ["kendoPopoverContainer"], usesInheritance: true, ngImport: i0 });
 }
-PopoverContainerDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PopoverContainerDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i1.PopupService }, { token: i0.Renderer2 }, { token: i2.PopoverService }], target: i0.ɵɵFactoryTarget.Directive });
-PopoverContainerDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: PopoverContainerDirective, isStandalone: true, selector: "[kendoPopoverContainer]", inputs: { filter: "filter" }, providers: [PopoverService], exportAs: ["kendoPopoverContainer"], usesInheritance: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PopoverContainerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PopoverContainerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoPopoverContainer]',

package/{esm2020 → esm2022}/popover/directives-base.mjs

@@ -19,17 +19,9 @@ const validShowOptions = ['hover', 'click', 'none', 'focus'];
  * @hidden
  */
 export class PopoverDirectivesBase {
-    constructor(ngZone, popupService, renderer) {
-        this.ngZone = ngZone;
-        this.popupService = popupService;
-        this.renderer = renderer;
-        /**
-         * @hidden
-         */
-        this.anchor = null;
-        this.subs = new Subscription();
-        this._showOn = 'click';
-    }
+    ngZone;
+    popupService;
+    renderer;
     /**
      * Specifies the popover instance that will be rendered.
      * Accepts a [`PopoverComponent`]({% slug api_tooltip_popovercomponent %}) instance or
@@ -69,6 +61,31 @@ export class PopoverDirectivesBase {
     get showOn() {
         return this._showOn;
     }
+    /**
+     * @hidden
+     */
+    anchor = null;
+    popupRef;
+    disposeHoverOverListener;
+    disposeHoverOutListener;
+    disposeClickListener;
+    disposePopupHoverOutListener;
+    disposePopupHoverInListener;
+    disposePopupFocusOutListener;
+    subs = new Subscription();
+    _popoverService;
+    _hideSub;
+    _focusInsideSub;
+    _popover;
+    _showOn = 'click';
+    _popupOpenSub;
+    _popupCloseSub;
+    _popupSubs;
+    constructor(ngZone, popupService, renderer) {
+        this.ngZone = ngZone;
+        this.popupService = popupService;
+        this.renderer = renderer;
+    }
     ngAfterViewInit() {
         if (!isDocumentAvailable()) {
             return;
@@ -298,10 +315,10 @@ export class PopoverDirectivesBase {
         }
         return false;
     }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PopoverDirectivesBase, deps: [{ token: i0.NgZone }, { token: i1.PopupService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: PopoverDirectivesBase, inputs: { popover: "popover", showOn: "showOn" }, ngImport: i0 });
 }
-PopoverDirectivesBase.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PopoverDirectivesBase, deps: [{ token: i0.NgZone }, { token: i1.PopupService }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-PopoverDirectivesBase.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: PopoverDirectivesBase, inputs: { popover: "popover", showOn: "showOn" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: PopoverDirectivesBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: PopoverDirectivesBase, decorators: [{
             type: Directive,
             args: [{}]
         }], ctorParameters: function () { return [{ type: i0.NgZone }, { type: i1.PopupService }, { type: i0.Renderer2 }]; }, propDecorators: { popover: [{