@progress/kendo-angular-tooltip 21.4.1 → 22.0.0-develop.1

package/esm2022/popover/template-directives/body-template.directive.mjs

@@ -1,38 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Directive, Optional, TemplateRef } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * Represents the Kendo UI Popover body template directive for Angular.
- * Use the `kendoPopoverBodyTemplate` directive to define a custom body template for the Popover component.
- *
- * To define the template, nest an `<ng-template>` tag
- * with the `kendoPopoverBodyTemplate` directive inside the `<kendo-popover>` tag.
- *
- * ```html
- * <kendo-popover>
- *  <ng-template kendoPopoverBodyTemplate>
- *   Custom Body Content
- *  </ng-template>
- * </kendo-popover>
- * ```
- */
-export class PopoverBodyTemplateDirective {
-    templateRef;
-    constructor(templateRef) {
-        this.templateRef = templateRef;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PopoverBodyTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PopoverBodyTemplateDirective, isStandalone: true, selector: "[kendoPopoverBodyTemplate]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PopoverBodyTemplateDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoPopoverBodyTemplate]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef, decorators: [{
-                    type: Optional
-                }] }] });

package/esm2022/popover/template-directives/title-template.directive.mjs

@@ -1,38 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Directive, Optional, TemplateRef } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * Represents the Kendo UI Popover title template directive for Angular.
- * Use the `kendoPopoverTitleTemplate` directive to define a custom title template for the Popover component.
- *
- * To define the template, nest an `<ng-template>` tag
- * with the `kendoPopoverTitleTemplate` directive inside the `<kendo-popover>` tag.
- *
- * ```html
- * <kendo-popover>
- *   <ng-template kendoPopoverTitleTemplate>
- *     Custom Title
- *   </ng-template>
- * </kendo-popover>
- * ```
- */
-export class PopoverTitleTemplateDirective {
-    templateRef;
-    constructor(templateRef) {
-        this.templateRef = templateRef;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PopoverTitleTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: PopoverTitleTemplateDirective, isStandalone: true, selector: "[kendoPopoverTitleTemplate]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PopoverTitleTemplateDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[kendoPopoverTitleTemplate]',
-                    standalone: true
-                }]
-        }], ctorParameters: () => [{ type: i0.TemplateRef, decorators: [{
-                    type: Optional
-                }] }] });

package/esm2022/popover.module.mjs

@@ -1,47 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { NgModule } from "@angular/core";
-import { PopupService } from "@progress/kendo-angular-popup";
-import { ResizeBatchService } from "@progress/kendo-angular-common";
-import { KENDO_POPOVER } from "./directives";
-import * as i0 from "@angular/core";
-import * as i1 from "./popover/popover.component";
-import * as i2 from "./popover/template-directives/actions-template.directive";
-import * as i3 from "./popover/template-directives/body-template.directive";
-import * as i4 from "./popover/template-directives/title-template.directive";
-import * as i5 from "./popover/anchor.directive";
-import * as i6 from "./popover/container.directive";
-// IMPORTANT: NgModule export kept for backwards compatibility
-/**
- * Represents the [`NgModule`](link:site.data.urls.angular['ngmoduleapi'])
- * definition for the Popover component.
- *
- * @example
- * ```typescript
- * import { PopoverModule } from '@progress/kendo-angular-tooltip';
- * import { NgModule } from '@angular/core';
- * import { AppComponent } from './app.component';
- *
- * @NgModule({
- *     declarations: [AppComponent],
- *     imports:      [BrowserModule, PopoverModule],
- *     bootstrap:    [AppComponent]
- * })
- * export class AppModule {}
- * ```
- */
-export class PopoverModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: PopoverModule, imports: [i1.PopoverComponent, i2.PopoverActionsTemplateDirective, i3.PopoverBodyTemplateDirective, i4.PopoverTitleTemplateDirective, i5.PopoverAnchorDirective, i6.PopoverContainerDirective], exports: [i1.PopoverComponent, i2.PopoverActionsTemplateDirective, i3.PopoverBodyTemplateDirective, i4.PopoverTitleTemplateDirective, i5.PopoverAnchorDirective, i6.PopoverContainerDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PopoverModule, providers: [PopupService, ResizeBatchService] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PopoverModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    exports: [...KENDO_POPOVER],
-                    imports: [...KENDO_POPOVER],
-                    providers: [PopupService, ResizeBatchService]
-                }]
-        }] });

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

@@ -1,8 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './index';

package/esm2022/tooltip/tooltip.content.component.mjs

@@ -1,293 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { Component, HostBinding, Input, ElementRef, TemplateRef, Output, EventEmitter } from '@angular/core';
-import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
-import { getCenterOffset, getId } from '../utils';
-import { xIcon } from '@progress/kendo-svg-icons';
-import { NgTemplateOutlet, NgClass } from '@angular/common';
-import { LocalizedMessagesDirective } from './../localization/localized-messages.directive';
-import { IconWrapperComponent } from '@progress/kendo-angular-icons';
-import * as i0 from "@angular/core";
-import * as i1 from "@progress/kendo-angular-l10n";
-/**
- * @hidden
- */
-export class TooltipContentComponent {
-    content;
-    localizationService;
-    /**
-     * @hidden
-     */
-    xIcon = xIcon;
-    /**
-     * @hidden
-     */
-    direction;
-    close = new EventEmitter();
-    get cssClasses() {
-        return 'k-tooltip';
-    }
-    hostRole = 'tooltip';
-    get hostId() {
-        return this.tooltipId;
-    }
-    get className() {
-        return this.closable;
-    }
-    get cssPosition() {
-        return 'relative';
-    }
-    tooltipWidth = null;
-    tooltipHeight = null;
-    titleTemplate;
-    anchor;
-    closable;
-    templateRef;
-    templateString;
-    closeTitle;
-    callout = true;
-    position;
-    /**
-     * @hidden
-     */
-    tooltipId;
-    dynamicRTLSubscription;
-    constructor(content, localizationService) {
-        this.content = content;
-        this.localizationService = localizationService;
-        this.direction = localizationService.rtl ? 'rtl' : 'ltr';
-    }
-    ngOnInit() {
-        this.tooltipId = getId('tooltip');
-        this.dynamicRTLSubscription = this.localizationService.changes
-            .subscribe(({ rtl }) => this.direction = rtl ? 'rtl' : 'ltr');
-    }
-    ngOnDestroy() {
-        if (this.dynamicRTLSubscription) {
-            this.dynamicRTLSubscription.unsubscribe();
-        }
-    }
-    get closeButtonTitle() {
-        return this.closeTitle || this.localizationService.get('closeTitle');
-    }
-    calloutPositionClass() {
-        return {
-            'top': 'k-callout-s',
-            'left': 'k-callout-e',
-            'bottom': 'k-callout-n',
-            'right': 'k-callout-w'
-        }[this.position];
-    }
-    onCloseClick(event) {
-        event.preventDefault();
-        this.close.emit();
-    }
-    updateCalloutPosition(position, isFlip) {
-        if (!this.callout) {
-            return;
-        }
-        const callout = this.content.nativeElement.querySelector('.k-callout');
-        const isVertical = position === 'top' || position === 'bottom';
-        const size = isVertical ? 'width' : 'height';
-        const dir = isVertical ? 'left' : 'top';
-        const offsetProperty = isVertical ? 'marginLeft' : 'marginTop';
-        const calloutSize = callout.getBoundingClientRect()[size];
-        const anchorCenter = getCenterOffset(this.anchor.nativeElement, dir, size);
-        const contentCenter = getCenterOffset(this.content.nativeElement, dir, size);
-        const diff = Math.abs(contentCenter - anchorCenter);
-        if (diff > 1 || diff === 0 || Math.round(diff) === 0) {
-            const newMargin = contentCenter - anchorCenter + (calloutSize / 2);
-            callout.style[offsetProperty] = `${-newMargin}px`;
-        }
-        const calloutStyles = this.calloutStyles(position, calloutSize, isFlip);
-        Object.keys(calloutStyles).forEach((style) => {
-            callout.style[style] = calloutStyles[style];
-        });
-    }
-    calloutStyles = (position, calloutSize, isFlip) => {
-        const styles = {};
-        const isVertical = position === 'top' || position === 'bottom';
-        const flipDeg = '180deg';
-        const zeroDeg = '0deg';
-        const sizeOffset = `${-calloutSize}px`;
-        let styleToUpdate;
-        switch (position) {
-            case 'top':
-                styleToUpdate = 'bottom';
-                break;
-            case 'bottom':
-                styleToUpdate = 'top';
-                break;
-            case 'left':
-                styleToUpdate = 'right';
-                break;
-            case 'right':
-                styleToUpdate = 'left';
-                break;
-        }
-        if (!isFlip) {
-            styles.transform = isVertical ? `rotateX(${zeroDeg})` : `rotateY(${zeroDeg})`;
-            styles[styleToUpdate] = sizeOffset;
-            styles[position] = 'unset';
-            return styles;
-        }
-        styles[styleToUpdate] = 'unset';
-        styles[position] = sizeOffset;
-        styles.transform = isVertical ? `rotateX(${flipDeg})` : `rotateY(${flipDeg})`;
-        return styles;
-    };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TooltipContentComponent, deps: [{ token: i0.ElementRef }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: TooltipContentComponent, isStandalone: true, selector: "kendo-tooltip", inputs: { tooltipWidth: "tooltipWidth", tooltipHeight: "tooltipHeight", titleTemplate: "titleTemplate", anchor: "anchor", closable: "closable", templateRef: "templateRef", templateString: "templateString" }, outputs: { close: "close" }, host: { properties: { "attr.dir": "this.direction", "class": "this.cssClasses", "attr.role": "this.hostRole", "attr.id": "this.hostId", "class.k-tooltip-closable": "this.className", "style.position": "this.cssPosition", "style.width.px": "this.tooltipWidth", "style.height.px": "this.tooltipHeight" } }, providers: [
-            LocalizationService,
-            {
-                provide: L10N_PREFIX,
-                useValue: 'kendo.tooltip'
-            }
-        ], ngImport: i0, template: `
-        <ng-container kendoTooltipLocalizedMessages
-          i18n-closeTitle="kendo.tooltip.closeTitle|The title of the close button"
-          closeTitle="Close"
-          >
-        </ng-container>
-        
-        <div class="k-tooltip-content">
-          @if (titleTemplate) {
-            <div class="k-tooltip-title">
-              @if (titleTemplate) {
-                <ng-template
-                  [ngTemplateOutlet]="titleTemplate"
-                  [ngTemplateOutletContext]="{ $implicit: anchor, anchor: anchor }">
-                </ng-template>
-              }
-            </div>
-          }
-        
-          @if (templateRef) {
-            <ng-template
-              [ngTemplateOutlet]="templateRef"
-              [ngTemplateOutletContext]="{ $implicit: anchor, anchor: anchor }">
-            </ng-template>
-          }
-          @if (templateString) {
-            {{ templateString }}
-          }
-        </div>
-        
-        @if (closable) {
-          <div [attr.aria-hidden]="true" class="k-tooltip-button" (click)="onCloseClick($event)">
-            <a href="#" [attr.title]="closeButtonTitle" class="k-icon">
-              <kendo-icon-wrapper
-                name="x"
-                [svgIcon]="xIcon">
-              </kendo-icon-wrapper>
-            </a>
-          </div>
-        }
-        
-        @if (callout) {
-          <div class="k-callout" [ngClass]="calloutPositionClass()"></div>
-        }
-        `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoTooltipLocalizedMessages]", inputs: ["closeTitle"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TooltipContentComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'kendo-tooltip',
-                    template: `
-        <ng-container kendoTooltipLocalizedMessages
-          i18n-closeTitle="kendo.tooltip.closeTitle|The title of the close button"
-          closeTitle="Close"
-          >
-        </ng-container>
-        
-        <div class="k-tooltip-content">
-          @if (titleTemplate) {
-            <div class="k-tooltip-title">
-              @if (titleTemplate) {
-                <ng-template
-                  [ngTemplateOutlet]="titleTemplate"
-                  [ngTemplateOutletContext]="{ $implicit: anchor, anchor: anchor }">
-                </ng-template>
-              }
-            </div>
-          }
-        
-          @if (templateRef) {
-            <ng-template
-              [ngTemplateOutlet]="templateRef"
-              [ngTemplateOutletContext]="{ $implicit: anchor, anchor: anchor }">
-            </ng-template>
-          }
-          @if (templateString) {
-            {{ templateString }}
-          }
-        </div>
-        
-        @if (closable) {
-          <div [attr.aria-hidden]="true" class="k-tooltip-button" (click)="onCloseClick($event)">
-            <a href="#" [attr.title]="closeButtonTitle" class="k-icon">
-              <kendo-icon-wrapper
-                name="x"
-                [svgIcon]="xIcon">
-              </kendo-icon-wrapper>
-            </a>
-          </div>
-        }
-        
-        @if (callout) {
-          <div class="k-callout" [ngClass]="calloutPositionClass()"></div>
-        }
-        `,
-                    providers: [
-                        LocalizationService,
-                        {
-                            provide: L10N_PREFIX,
-                            useValue: 'kendo.tooltip'
-                        }
-                    ],
-                    standalone: true,
-                    imports: [LocalizedMessagesDirective, NgTemplateOutlet, IconWrapperComponent, NgClass]
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.LocalizationService }], propDecorators: { direction: [{
-                type: HostBinding,
-                args: ['attr.dir']
-            }], close: [{
-                type: Output
-            }], cssClasses: [{
-                type: HostBinding,
-                args: ['class']
-            }], hostRole: [{
-                type: HostBinding,
-                args: ['attr.role']
-            }], hostId: [{
-                type: HostBinding,
-                args: ['attr.id']
-            }], className: [{
-                type: HostBinding,
-                args: ['class.k-tooltip-closable']
-            }], cssPosition: [{
-                type: HostBinding,
-                args: ['style.position']
-            }], tooltipWidth: [{
-                type: HostBinding,
-                args: ['style.width.px']
-            }, {
-                type: Input
-            }], tooltipHeight: [{
-                type: HostBinding,
-                args: ['style.height.px']
-            }, {
-                type: Input
-            }], titleTemplate: [{
-                type: Input
-            }], anchor: [{
-                type: Input
-            }], closable: [{
-                type: Input
-            }], templateRef: [{
-                type: Input
-            }], templateString: [{
-                type: Input
-            }] } });