@progress/kendo-angular-tooltip
Version:
Kendo UI Tooltip for Angular - A highly customizable and easily themeable tooltip from the creators developers trust for professional Angular components.
58 lines (57 loc) • 2.99 kB
TypeScript
/**-----------------------------------------------------------------------------------------
* Copyright © 2025 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 { PopupService } from "@progress/kendo-angular-popup";
import { PopoverDirectivesBase } from './directives-base';
import { PopoverService } from "./popover.service";
import * as i0 from "@angular/core";
/**
* Represents the [`kendoPopoverContainer`](slug:configuration_popover#toc-popover-container) directive.
* Filters and targets multiple elements to display a popover on user interaction.
*
* @example
* ```html
* <div kendoPopoverContainer [popover]="myPopover" filter=".has-popover">
* <button class="has-popover">Show Popover</button>
* <button>Button Without Popover</button>
* <button class="has-popover">Show Popover</button>
* </div>
* ```
*/
export declare class PopoverContainerDirective extends PopoverDirectivesBase {
wrapperEl: ElementRef;
protected ngZone: NgZone;
protected popupService: PopupService;
protected renderer: Renderer2;
protected popoverService: PopoverService;
/**
* Specifies a selector for the elements that display a popover. Accepts a CSS selector string similar to a [querySelector method](https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector).
* [See example](slug:configuration_popover#toc-popover-container).
*/
filter: string;
constructor(wrapperEl: ElementRef, ngZone: NgZone, popupService: PopupService, renderer: Renderer2, popoverService: PopoverService);
/**
* Shows the Popover.
*
* @param anchor - The element used as an anchor. The Popover opens relative to this element. [See example]({% slug programmaticcontrol_popover %}).
*/
show(anchor: Element | ElementRef): void;
/**
* Toggles the visibility of the Popover. [See example]({% slug programmaticcontrol_popover %}).
*
* @param anchor - The element used as an anchor. The Popover opens relative to this element.
*/
toggle(anchor: Element | ElementRef): void;
protected subscribeClick(): void;
protected mouseenterHandler: (anchor: Element) => void;
protected mouseleaveHandler: (args: any) => void;
protected focusHandler: (anchor: Element) => void;
protected blurHandler: (args: any) => void;
protected subscribeToShowEvents(arr: any[]): void;
private clickHandler;
private controlVisibility;
static ɵfac: i0.ɵɵFactoryDeclaration<PopoverContainerDirective, never>;
static ɵdir: i0.ɵɵDirectiveDeclaration<PopoverContainerDirective, "[kendoPopoverContainer]", ["kendoPopoverContainer"], { "filter": { "alias": "filter"; "required": false; }; }, {}, never, never, true, never>;
}