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

package/{esm2020 → esm2022}/tooltip/tooltip.directive.mjs

@@ -27,60 +27,124 @@ import * as i2 from "./tooltip.settings";
  * ```
  */
 export class TooltipDirective {
+    tooltipWrapper;
+    ngZone;
+    renderer;
+    popupService;
+    /**
+     * Specifies a selector for elements within a container which will display a tooltip
+     * ([see example]({% slug anchorelements_tooltip %})). The possible values include any
+     * DOM `selector`. The default value is `[title]`.
+     */
+    filter = '[title]';
+    /**
+     * Specifies the position of the Tooltip that is relative to the
+     * anchor element ([see example]({% slug positioning_tooltip %})).
+     *
+     * The possible values are:
+     * * `top` (default)
+     * * `bottom`
+     * * `left`
+     * * `right`
+     */
+    position = 'top';
+    /**
+     * Renders the passed template as a header title of the Tooltip
+     * ([see example]({% slug anchorelements_tooltip %})).
+     */
+    titleTemplate;
+    /**
+     * Specifies when the Тooltip will be rendered
+     * ([see example]({% slug programmaticopening_tooltip %})).
+     *
+     * The possible values are:
+     * * `hover` (default)
+     * * `click`
+     * * `none`
+     */
+    showOn;
+    /**
+     * Specifies the delay in milliseconds before the Tooltip is shown.
+     * * `100` (default) milliseconds.
+     */
+    showAfter = 100;
+    /**
+     * Specifies if the Тooltip will display a callout arrow.
+     *
+     * The possible values are:
+     * * `true` (default)
+     * * `false`
+     */
+    callout = true;
+    /**
+     * Specifies if the Тooltip will display a **Close** button
+     * ([see example]({% slug closable_tooltip %})).
+     *
+     * The possible values are:
+     * * `true`
+     * * `false`
+     */
+    closable = false;
+    /**
+     * Specifies the offset in pixels between the Tooltip and the anchor. Defaults to `6` pixels.
+     * If the `callout` property is set to `true`, the offset is rendered from the callout arrow.
+     * If the `callout` property is set to `false`, the offset is rendered from the content of the Tooltip.
+     */
+    offset = 6;
+    /**
+     * Specifies the width of the Тooltip ([see example]({% slug anchorelements_tooltip %})).
+     */
+    tooltipWidth;
+    /**
+     * Specifies the height of the Тooltip.
+     */
+    tooltipHeight;
+    /**
+     * Specifies a CSS class that will be added to the Tooltip.
+     */
+    tooltipClass;
+    /**
+     * @hidden
+     * Specifies a CSS class that will be added to the kendo-tooltip element.
+     */
+    tooltipContentClass;
+    /**
+     * Provides screen boundary detection when the Тooltip is shown.
+     */
+    collision;
+    /**
+     * Specifies the title of the close button.
+     */
+    closeTitle;
+    /**
+     * Sets the content of the Tooltip as a template reference
+     * ([see example]({% slug templates_tooltip %})).
+     */
+    set tooltipTemplate(value) {
+        this.template = value;
+    }
+    get tooltipTemplate() {
+        return this.template;
+    }
+    popupRef;
+    template;
+    showTimeout;
+    anchor = null;
+    mouseOverSubscription;
+    mouseOutSubscription;
+    mouseClickSubscription;
+    anchorTitleSubscription;
+    popupPositionChangeSubscription;
+    popupMouseOutSubscription;
+    keyboardNavigationSubscription = new Subscription();
+    closeClickSubscription;
+    validPositions = ['top', 'bottom', 'right', 'left'];
+    validShowOptions = ['hover', 'click', 'none'];
     constructor(tooltipWrapper, ngZone, renderer, popupService, settings, legacySettings) {
         this.tooltipWrapper = tooltipWrapper;
         this.ngZone = ngZone;
         this.renderer = renderer;
         this.popupService = popupService;
-        /**
-         * Specifies a selector for elements within a container which will display a tooltip
-         * ([see example]({% slug anchorelements_tooltip %})). The possible values include any
-         * DOM `selector`. The default value is `[title]`.
-         */
-        this.filter = '[title]';
-        /**
-         * Specifies the position of the Tooltip that is relative to the
-         * anchor element ([see example]({% slug positioning_tooltip %})).
-         *
-         * The possible values are:
-         * * `top` (default)
-         * * `bottom`
-         * * `left`
-         * * `right`
-         */
-        this.position = 'top';
-        /**
-         * Specifies the delay in milliseconds before the Tooltip is shown.
-         * * `100` (default) milliseconds.
-         */
-        this.showAfter = 100;
-        /**
-         * Specifies if the Тooltip will display a callout arrow.
-         *
-         * The possible values are:
-         * * `true` (default)
-         * * `false`
-         */
-        this.callout = true;
-        /**
-         * Specifies if the Тooltip will display a **Close** button
-         * ([see example]({% slug closable_tooltip %})).
-         *
-         * The possible values are:
-         * * `true`
-         * * `false`
-         */
-        this.closable = false;
-        /**
-         * Specifies the offset in pixels between the Tooltip and the anchor. Defaults to `6` pixels.
-         * If the `callout` property is set to `true`, the offset is rendered from the callout arrow.
-         * If the `callout` property is set to `false`, the offset is rendered from the content of the Tooltip.
-         */
-        this.offset = 6;
-        this.anchor = null;
-        this.keyboardNavigationSubscription = new Subscription();
-        this.validPositions = ['top', 'bottom', 'right', 'left'];
-        this.validShowOptions = ['hover', 'click', 'none'];
         validatePackage(packageMetadata);
         Object.assign(this, settings, legacySettings);
         this.ngZone.runOutsideAngular(() => {
@@ -100,16 +164,6 @@ export class TooltipDirective {
                 .subscribe(e => this.onMouseOut(e));
         });
     }
-    /**
-     * Sets the content of the Tooltip as a template reference
-     * ([see example]({% slug templates_tooltip %})).
-     */
-    set tooltipTemplate(value) {
-        this.template = value;
-    }
-    get tooltipTemplate() {
-        return this.template;
-    }
     /**
      * Shows the Tooltip.
      * @param anchor— ElementRef|Element.
@@ -400,10 +454,10 @@ export 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: "16.2.12", ngImport: i0, type: TooltipDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i1.PopupService }, { token: i2.TooltipSettings, optional: true }, { token: TOOLTIP_SETTINGS, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", 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", tooltipContentClass: "tooltipContentClass", collision: "collision", closeTitle: "closeTitle", tooltipTemplate: "tooltipTemplate" }, exportAs: ["kendoTooltip"], usesOnChanges: true, ngImport: i0 });
 }
-TooltipDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TooltipDirective, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i1.PopupService }, { token: i2.TooltipSettings, optional: true }, { token: TOOLTIP_SETTINGS, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-TooltipDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", 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", tooltipContentClass: "tooltipContentClass", collision: "collision", closeTitle: "closeTitle", tooltipTemplate: "tooltipTemplate" }, exportAs: ["kendoTooltip"], usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TooltipDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[kendoTooltip]',

package/{esm2020 → esm2022}/tooltip/tooltip.settings.mjs

@@ -36,14 +36,51 @@ export const TOOLTIP_SETTINGS = new InjectionToken('kendo-ui-tooltip-settings');
  * ```
  */
 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 });
 }
-TooltipSettings.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TooltipSettings, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-TooltipSettings.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TooltipSettings });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TooltipSettings, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipSettings, decorators: [{
             type: Injectable
         }], ctorParameters: function () { return []; } });

package/{esm2020 → esm2022}/tooltip.module.mjs

@@ -43,11 +43,11 @@ import * as i3 from "./localization/localized-messages.directive";
  * ```
  */
 export class TooltipModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TooltipModule, imports: [i1.TooltipDirective, i2.TooltipContentComponent, i3.LocalizedMessagesDirective], exports: [i1.TooltipDirective, i2.TooltipContentComponent, i3.LocalizedMessagesDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipModule, providers: [PopupService, ResizeBatchService, IconsService], imports: [i2.TooltipContentComponent] });
 }
-TooltipModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-TooltipModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: TooltipModule, imports: [i1.TooltipDirective, i2.TooltipContentComponent, i3.LocalizedMessagesDirective], exports: [i1.TooltipDirective, i2.TooltipContentComponent, i3.LocalizedMessagesDirective] });
-TooltipModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TooltipModule, providers: [PopupService, ResizeBatchService, IconsService], imports: [i2.TooltipContentComponent] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TooltipModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...KENDO_TOOLTIP],

package/{esm2020 → esm2022}/tooltips.module.mjs

@@ -45,11 +45,11 @@ import * as i9 from "./popover/container.directive";
  * ```
  */
 export class TooltipsModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TooltipsModule, imports: [i1.TooltipDirective, i2.TooltipContentComponent, i3.LocalizedMessagesDirective, i4.PopoverComponent, i5.PopoverActionsTemplateDirective, i6.PopoverBodyTemplateDirective, i7.PopoverTitleTemplateDirective, i8.PopoverAnchorDirective, i9.PopoverContainerDirective], exports: [i1.TooltipDirective, i2.TooltipContentComponent, i3.LocalizedMessagesDirective, i4.PopoverComponent, i5.PopoverActionsTemplateDirective, i6.PopoverBodyTemplateDirective, i7.PopoverTitleTemplateDirective, i8.PopoverAnchorDirective, i9.PopoverContainerDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipsModule, providers: [PopupService, ResizeBatchService, IconsService], imports: [i2.TooltipContentComponent] });
 }
-TooltipsModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TooltipsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-TooltipsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: TooltipsModule, imports: [i1.TooltipDirective, i2.TooltipContentComponent, i3.LocalizedMessagesDirective, i4.PopoverComponent, i5.PopoverActionsTemplateDirective, i6.PopoverBodyTemplateDirective, i7.PopoverTitleTemplateDirective, i8.PopoverAnchorDirective, i9.PopoverContainerDirective], exports: [i1.TooltipDirective, i2.TooltipContentComponent, i3.LocalizedMessagesDirective, i4.PopoverComponent, i5.PopoverActionsTemplateDirective, i6.PopoverBodyTemplateDirective, i7.PopoverTitleTemplateDirective, i8.PopoverAnchorDirective, i9.PopoverContainerDirective] });
-TooltipsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TooltipsModule, providers: [PopupService, ResizeBatchService, IconsService], imports: [i2.TooltipContentComponent, i4.PopoverComponent] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TooltipsModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TooltipsModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...KENDO_TOOLTIPS],