@progress/kendo-angular-tooltip 16.8.0 → 16.9.0-develop.10

package/esm2020/package-metadata.mjs

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

package/esm2020/popover/anchor.directive.mjs

@@ -9,6 +9,7 @@ import { PopupService } from "@progress/kendo-angular-popup";
 import { filter, take } from "rxjs/operators";
 import { PopoverDirectivesBase } from "./directives-base";
 import { PopoverService } from "./popover.service";
+import { Subscription } from "rxjs";
 import * as i0 from "@angular/core";
 import * as i1 from "@progress/kendo-angular-popup";
 import * as i2 from "./popover.service";
@@ -69,6 +70,16 @@ export class PopoverAnchorDirective extends PopoverDirectivesBase {
         };
         this._popoverService = this.popoverService;
     }
+    ngOnChanges(changes) {
+        if (changes['showOn'] && !changes['showOn'].isFirstChange()) {
+            this.subs.unsubscribe();
+            if (this.disposeClickListener) {
+                this.disposeClickListener();
+            }
+            this.subs = new Subscription();
+            this.manageEvents();
+        }
+    }
     /**
      * Shows the Popover. [See example]({% slug programmaticcontrol_popover %})
      */
@@ -144,7 +155,7 @@ export class PopoverAnchorDirective extends PopoverDirectivesBase {
     }
 }
 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, ngImport: i0 });
+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: [{
             type: Directive,
             args: [{

package/esm2020/popover/directives-base.mjs

@@ -73,33 +73,12 @@ export class PopoverDirectivesBase {
         if (!isDocumentAvailable()) {
             return;
         }
-        this.ngZone.runOutsideAngular(() => {
-            switch (this.showOn) {
-                case 'hover':
-                    this.subscribeToShowEvents([{
-                            name: 'mouseenter', handler: this.mouseenterHandler
-                        }, {
-                            name: 'mouseleave', handler: this.mouseleaveHandler
-                        }]);
-                    break;
-                case 'focus':
-                    this.subscribeToShowEvents([{
-                            name: 'focus', handler: this.focusHandler
-                        }, {
-                            name: 'blur', handler: this.blurHandler
-                        }]);
-                    break;
-                case 'click':
-                    this.subscribeClick();
-                    break;
-                default:
-                    break;
-            }
-        });
+        this.manageEvents();
     }
     ngOnDestroy() {
         this.closePopup();
         this.subs.unsubscribe();
+        this._popupSubs && this._popupSubs.unsubscribe();
         if (this.disposeHoverOverListener) {
             this.disposeHoverOverListener();
         }
@@ -147,6 +126,7 @@ export class PopoverDirectivesBase {
             if (this.disposePopupFocusOutListener) {
                 this.disposePopupFocusOutListener();
             }
+            this._popupSubs.unsubscribe();
         }
     }
     /**
@@ -171,11 +151,12 @@ export class PopoverDirectivesBase {
             collision: { horizontal: 'fit', vertical: 'fit' }
         });
         const popupInstance = this.popupRef.content.instance;
+        this._popupSubs = new Subscription();
         if (anchor) {
-            this.subs.add(this.renderer.listen(this.anchor, 'keydown', event => this.onKeyDown(event)));
+            this._popupSubs.add(this.renderer.listen(this.anchor, 'keydown', event => this.onKeyDown(event)));
             this.renderer.setAttribute(this.anchor, 'aria-describedby', popupInstance.popoverId);
         }
-        this.subs.add(popupInstance.closeOnKeyDown.subscribe(() => {
+        this._popupSubs.add(popupInstance.closeOnKeyDown.subscribe(() => {
             this.anchor.focus();
             this.hide();
         }));
@@ -238,6 +219,31 @@ export class PopoverDirectivesBase {
         content.actionsTemplate = popover.actionsTemplate;
         this.popupRef.content.changeDetectorRef.detectChanges();
     }
+    manageEvents() {
+        this.ngZone.runOutsideAngular(() => {
+            switch (this.showOn) {
+                case 'hover':
+                    this.subscribeToShowEvents([{
+                            name: 'mouseenter', handler: this.mouseenterHandler
+                        }, {
+                            name: 'mouseleave', handler: this.mouseleaveHandler
+                        }]);
+                    break;
+                case 'focus':
+                    this.subscribeToShowEvents([{
+                            name: 'focus', handler: this.focusHandler
+                        }, {
+                            name: 'blur', handler: this.blurHandler
+                        }]);
+                    break;
+                case 'click':
+                    this.subscribeClick();
+                    break;
+                default:
+                    break;
+            }
+        });
+    }
     /**
      * @hidden
      */

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

@@ -274,8 +274,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-tooltip',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1724741889,
-    version: '16.8.0',
+    publishDate: 1724927200,
+    version: '16.9.0-develop.10',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -809,33 +809,12 @@ class PopoverDirectivesBase {
         if (!isDocumentAvailable()) {
             return;
         }
-        this.ngZone.runOutsideAngular(() => {
-            switch (this.showOn) {
-                case 'hover':
-                    this.subscribeToShowEvents([{
-                            name: 'mouseenter', handler: this.mouseenterHandler
-                        }, {
-                            name: 'mouseleave', handler: this.mouseleaveHandler
-                        }]);
-                    break;
-                case 'focus':
-                    this.subscribeToShowEvents([{
-                            name: 'focus', handler: this.focusHandler
-                        }, {
-                            name: 'blur', handler: this.blurHandler
-                        }]);
-                    break;
-                case 'click':
-                    this.subscribeClick();
-                    break;
-                default:
-                    break;
-            }
-        });
+        this.manageEvents();
     }
     ngOnDestroy() {
         this.closePopup();
         this.subs.unsubscribe();
+        this._popupSubs && this._popupSubs.unsubscribe();
         if (this.disposeHoverOverListener) {
             this.disposeHoverOverListener();
         }
@@ -883,6 +862,7 @@ class PopoverDirectivesBase {
             if (this.disposePopupFocusOutListener) {
                 this.disposePopupFocusOutListener();
             }
+            this._popupSubs.unsubscribe();
         }
     }
     /**
@@ -907,11 +887,12 @@ class PopoverDirectivesBase {
             collision: { horizontal: 'fit', vertical: 'fit' }
         });
         const popupInstance = this.popupRef.content.instance;
+        this._popupSubs = new Subscription();
         if (anchor) {
-            this.subs.add(this.renderer.listen(this.anchor, 'keydown', event => this.onKeyDown(event)));
+            this._popupSubs.add(this.renderer.listen(this.anchor, 'keydown', event => this.onKeyDown(event)));
             this.renderer.setAttribute(this.anchor, 'aria-describedby', popupInstance.popoverId);
         }
-        this.subs.add(popupInstance.closeOnKeyDown.subscribe(() => {
+        this._popupSubs.add(popupInstance.closeOnKeyDown.subscribe(() => {
             this.anchor.focus();
             this.hide();
         }));
@@ -974,6 +955,31 @@ class PopoverDirectivesBase {
         content.actionsTemplate = popover.actionsTemplate;
         this.popupRef.content.changeDetectorRef.detectChanges();
     }
+    manageEvents() {
+        this.ngZone.runOutsideAngular(() => {
+            switch (this.showOn) {
+                case 'hover':
+                    this.subscribeToShowEvents([{
+                            name: 'mouseenter', handler: this.mouseenterHandler
+                        }, {
+                            name: 'mouseleave', handler: this.mouseleaveHandler
+                        }]);
+                    break;
+                case 'focus':
+                    this.subscribeToShowEvents([{
+                            name: 'focus', handler: this.focusHandler
+                        }, {
+                            name: 'blur', handler: this.blurHandler
+                        }]);
+                    break;
+                case 'click':
+                    this.subscribeClick();
+                    break;
+                default:
+                    break;
+            }
+        });
+    }
     /**
      * @hidden
      */
@@ -1158,6 +1164,16 @@ class PopoverAnchorDirective extends PopoverDirectivesBase {
         };
         this._popoverService = this.popoverService;
     }
+    ngOnChanges(changes) {
+        if (changes['showOn'] && !changes['showOn'].isFirstChange()) {
+            this.subs.unsubscribe();
+            if (this.disposeClickListener) {
+                this.disposeClickListener();
+            }
+            this.subs = new Subscription();
+            this.manageEvents();
+        }
+    }
     /**
      * Shows the Popover. [See example]({% slug programmaticcontrol_popover %})
      */
@@ -1233,7 +1249,7 @@ class PopoverAnchorDirective extends PopoverDirectivesBase {
     }
 }
 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$1.PopupService }, { token: i0.Renderer2 }, { token: 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, ngImport: i0 });
+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: [{
             type: Directive,
             args: [{

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

@@ -274,8 +274,8 @@ const packageMetadata = {
     name: '@progress/kendo-angular-tooltip',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1724741889,
-    version: '16.8.0',
+    publishDate: 1724927200,
+    version: '16.9.0-develop.10',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -803,33 +803,12 @@ class PopoverDirectivesBase {
         if (!isDocumentAvailable()) {
             return;
         }
-        this.ngZone.runOutsideAngular(() => {
-            switch (this.showOn) {
-                case 'hover':
-                    this.subscribeToShowEvents([{
-                            name: 'mouseenter', handler: this.mouseenterHandler
-                        }, {
-                            name: 'mouseleave', handler: this.mouseleaveHandler
-                        }]);
-                    break;
-                case 'focus':
-                    this.subscribeToShowEvents([{
-                            name: 'focus', handler: this.focusHandler
-                        }, {
-                            name: 'blur', handler: this.blurHandler
-                        }]);
-                    break;
-                case 'click':
-                    this.subscribeClick();
-                    break;
-                default:
-                    break;
-            }
-        });
+        this.manageEvents();
     }
     ngOnDestroy() {
         this.closePopup();
         this.subs.unsubscribe();
+        this._popupSubs && this._popupSubs.unsubscribe();
         if (this.disposeHoverOverListener) {
             this.disposeHoverOverListener();
         }
@@ -877,6 +856,7 @@ class PopoverDirectivesBase {
             if (this.disposePopupFocusOutListener) {
                 this.disposePopupFocusOutListener();
             }
+            this._popupSubs.unsubscribe();
         }
     }
     /**
@@ -901,11 +881,12 @@ class PopoverDirectivesBase {
             collision: { horizontal: 'fit', vertical: 'fit' }
         });
         const popupInstance = this.popupRef.content.instance;
+        this._popupSubs = new Subscription();
         if (anchor) {
-            this.subs.add(this.renderer.listen(this.anchor, 'keydown', event => this.onKeyDown(event)));
+            this._popupSubs.add(this.renderer.listen(this.anchor, 'keydown', event => this.onKeyDown(event)));
             this.renderer.setAttribute(this.anchor, 'aria-describedby', popupInstance.popoverId);
         }
-        this.subs.add(popupInstance.closeOnKeyDown.subscribe(() => {
+        this._popupSubs.add(popupInstance.closeOnKeyDown.subscribe(() => {
             this.anchor.focus();
             this.hide();
         }));
@@ -968,6 +949,31 @@ class PopoverDirectivesBase {
         content.actionsTemplate = popover.actionsTemplate;
         this.popupRef.content.changeDetectorRef.detectChanges();
     }
+    manageEvents() {
+        this.ngZone.runOutsideAngular(() => {
+            switch (this.showOn) {
+                case 'hover':
+                    this.subscribeToShowEvents([{
+                            name: 'mouseenter', handler: this.mouseenterHandler
+                        }, {
+                            name: 'mouseleave', handler: this.mouseleaveHandler
+                        }]);
+                    break;
+                case 'focus':
+                    this.subscribeToShowEvents([{
+                            name: 'focus', handler: this.focusHandler
+                        }, {
+                            name: 'blur', handler: this.blurHandler
+                        }]);
+                    break;
+                case 'click':
+                    this.subscribeClick();
+                    break;
+                default:
+                    break;
+            }
+        });
+    }
     /**
      * @hidden
      */
@@ -1152,6 +1158,16 @@ class PopoverAnchorDirective extends PopoverDirectivesBase {
         };
         this._popoverService = this.popoverService;
     }
+    ngOnChanges(changes) {
+        if (changes['showOn'] && !changes['showOn'].isFirstChange()) {
+            this.subs.unsubscribe();
+            if (this.disposeClickListener) {
+                this.disposeClickListener();
+            }
+            this.subs = new Subscription();
+            this.manageEvents();
+        }
+    }
     /**
      * Shows the Popover. [See example]({% slug programmaticcontrol_popover %})
      */
@@ -1227,7 +1243,7 @@ class PopoverAnchorDirective extends PopoverDirectivesBase {
     }
 }
 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$1.PopupService }, { token: i0.Renderer2 }, { token: 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, ngImport: i0 });
+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: [{
             type: Directive,
             args: [{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-tooltip",
-  "version": "16.8.0",
+  "version": "16.9.0-develop.10",
   "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",
@@ -25,15 +25,15 @@
     "@angular/core": "15 - 18",
     "@angular/platform-browser": "15 - 18",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-angular-common": "16.8.0",
-    "@progress/kendo-angular-l10n": "16.8.0",
-    "@progress/kendo-angular-popup": "16.8.0",
-    "@progress/kendo-angular-icons": "16.8.0",
+    "@progress/kendo-angular-common": "16.9.0-develop.10",
+    "@progress/kendo-angular-l10n": "16.9.0-develop.10",
+    "@progress/kendo-angular-popup": "16.9.0-develop.10",
+    "@progress/kendo-angular-icons": "16.9.0-develop.10",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "16.8.0"
+    "@progress/kendo-angular-schematics": "16.9.0-develop.10"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2015/progress-kendo-angular-tooltip.mjs",

package/popover/anchor.directive.d.ts

@@ -2,7 +2,7 @@
 * Copyright © 2024 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { ElementRef, NgZone, Renderer2 } from "@angular/core";
+import { ElementRef, NgZone, Renderer2, SimpleChanges } from "@angular/core";
 import { PopupService } from "@progress/kendo-angular-popup";
 import { PopoverDirectivesBase } from "./directives-base";
 import { PopoverService } from "./popover.service";
@@ -23,6 +23,7 @@ export declare class PopoverAnchorDirective extends PopoverDirectivesBase {
     protected renderer: Renderer2;
     protected popoverService: PopoverService;
     constructor(hostEl: ElementRef, ngZone: NgZone, popupService: PopupService, renderer: Renderer2, popoverService: PopoverService);
+    ngOnChanges(changes: SimpleChanges): void;
     /**
      * Shows the Popover. [See example]({% slug programmaticcontrol_popover %})
      */

package/popover/directives-base.d.ts

@@ -57,6 +57,7 @@ export declare abstract class PopoverDirectivesBase {
     private _showOn;
     private _popupOpenSub;
     private _popupCloseSub;
+    private _popupSubs;
     constructor(ngZone: NgZone, popupService: PopupService, renderer: Renderer2);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
@@ -87,6 +88,7 @@ export declare abstract class PopoverDirectivesBase {
     protected abstract mouseleaveHandler(args?: any): void;
     protected abstract focusHandler(args?: any): void;
     protected abstract blurHandler(args?: any): void;
+    protected manageEvents(): void;
     /**
      * @hidden
      */