@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.
87 lines (86 loc) • 2.81 kB
JavaScript
/**-----------------------------------------------------------------------------------------
* Copyright © 2025 Progress Software Corporation. All rights reserved.
* Licensed under commercial license. See LICENSE.md in the project root for more information
*-------------------------------------------------------------------------------------------*/
import { Injectable, InjectionToken } from '@angular/core';
import * as i0 from "@angular/core";
/**
* Obsolete. Provide the TooltipSettings class instead.
*
* @hidden
*/
export const TOOLTIP_SETTINGS = new InjectionToken('kendo-ui-tooltip-settings');
/**
* Provides a global configuration for the Kendo UI Tooltip. Once injected through
* the `AppComponent` constructor, the configuration properties can be overridden.
*
* @example
* ```ts-no-run
* import { TooltipSettings } from '@progress/kendo-angular-tooltip';
*
* _@Component({
* selector: 'my-app',
* template: `
* <div kendoTooltip>
* <button title="Saves the current document">Save</button>
* </div>`,
* providers: [{
* provide: TooltipSettings,
* useFactory: (): TooltipSettings => ({
* // Override default values of tooltips if wanted
* position: 'right'
* })
* }]
* })
* export class AppComponent { }
* ```
*/
export class TooltipSettings {
/**
* Specifies if the Тooltip will display a callout arrow.
*
* The possible values are:
* * `true` (default)
* * `false`
*/
callout;
/**
* Specifies the title of the close button.
*/
closeTitle;
/**
* Specifies the position of the Tooltip that is
* relative to the anchor element.
*
* The possible values are:
* * `top` (default)
* * `bottom`
* * `left`
* * `right`
*/
position;
/**
* Specifies when the Тooltip will be rendered.
*
* The possible values are:
* * `hover` (default)
* * `click`
* * `none`
*/
showOn;
/**
* Specifies the delay in milliseconds before the Tooltip is shown.
* * `100` (default) milliseconds.
*/
showAfter;
/**
* @hidden
*/
// eslint-disable-next-line @typescript-eslint/no-empty-function
constructor() { }
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipSettings, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipSettings });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipSettings, decorators: [{
type: Injectable
}], ctorParameters: function () { return []; } });