@progress/kendo-angular-tooltip 3.1.7-dev.202203280924 → 4.0.0-dev.202204131841

package/dist/npm/popover/popover.service.js

@@ -1,90 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var rxjs_1 = require("rxjs");
-var operators_1 = require("rxjs/operators");
-/**
- * @hidden
- */
-var PopoverService = /** @class */ (function () {
-    function PopoverService(ngZone) {
-        this.ngZone = ngZone;
-        this._pointerOverPopup = new rxjs_1.BehaviorSubject(null);
-        this._pointerOverAnchor = new rxjs_1.BehaviorSubject(null);
-        this._focusInsidePopover = new rxjs_1.BehaviorSubject(null);
-        this._hidePopover = new rxjs_1.Subject();
-        this.subs = new rxjs_1.Subscription();
-        this.monitor();
-    }
-    PopoverService.prototype.ngOnDestroy = function () {
-        this.subs.unsubscribe();
-    };
-    Object.defineProperty(PopoverService.prototype, "isPopoverHovered", {
-        get: function () {
-            return this._pointerOverPopup.asObservable();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    PopoverService.prototype.emitPopoverState = function (isHovered) {
-        var _this = this;
-        this.ngZone.run(function (_) { return _this._pointerOverPopup.next(isHovered); });
-    };
-    Object.defineProperty(PopoverService.prototype, "isAnchorHovered", {
-        get: function () {
-            return this._pointerOverAnchor.asObservable();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    PopoverService.prototype.emitAnchorState = function (isHovered, anchor) {
-        var _this = this;
-        this._isOrigin = this.originAnchor === anchor;
-        this.currentAnchor = anchor;
-        if (isHovered) {
-            this.originAnchor = anchor;
-        }
-        this.ngZone.run(function (_) { return _this._pointerOverAnchor.next(isHovered); });
-    };
-    Object.defineProperty(PopoverService.prototype, "isFocusInsidePopover", {
-        get: function () {
-            return this._focusInsidePopover.asObservable();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    PopoverService.prototype.emitFocusInsidePopover = function (isFocused) {
-        var _this = this;
-        this.ngZone.run(function (_) { return _this._focusInsidePopover.next(isFocused); });
-        this._focusInsidePopover.next(null);
-    };
-    Object.defineProperty(PopoverService.prototype, "hidePopover", {
-        get: function () {
-            return this._hidePopover.asObservable();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    PopoverService.prototype.monitor = function () {
-        var _this = this;
-        this.subs.add(rxjs_1.combineLatest(this.isPopoverHovered, this.isAnchorHovered).pipe(
-        // `auditTime` is used because the `mouseleave` event is emitted before `mouseenter`
-        // i.e. there is a millisecond in which the pointer leaves the first target (e.g. anchor) and hasn't reached the second one (e.g. popup)
-        // resulting in both observables emitting `false`
-        operators_1.auditTime(20)).subscribe(function (val) {
-            var isPopoverHovered = val[0], isAnchorHovered = val[1];
-            _this._hidePopover.next([isPopoverHovered, isAnchorHovered, _this._isOrigin, _this.currentAnchor]);
-        }));
-    };
-    PopoverService = tslib_1.__decorate([
-        core_1.Injectable(),
-        tslib_1.__metadata("design:paramtypes", [core_1.NgZone])
-    ], PopoverService);
-    return PopoverService;
-}());
-exports.PopoverService = PopoverService;

package/dist/npm/popover/template-directives/actions-template.directive.js

@@ -1,28 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-/**
- * Represents a template that defines the content of the Popover actions.
- *
- * To define the template, nest an `<ng-template>` tag
- * with the `kendoPopoverActionsTemplate` directive inside the `<kendo-popover>` tag.
- */
-var PopoverActionsTemplateDirective = /** @class */ (function () {
-    function PopoverActionsTemplateDirective(templateRef) {
-        this.templateRef = templateRef;
-    }
-    PopoverActionsTemplateDirective = tslib_1.__decorate([
-        core_1.Directive({
-            selector: '[kendoPopoverActionsTemplate]'
-        }),
-        tslib_1.__param(0, core_1.Optional()),
-        tslib_1.__metadata("design:paramtypes", [core_1.TemplateRef])
-    ], PopoverActionsTemplateDirective);
-    return PopoverActionsTemplateDirective;
-}());
-exports.PopoverActionsTemplateDirective = PopoverActionsTemplateDirective;

package/dist/npm/popover/template-directives/body-template.directive.js

@@ -1,28 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-/**
- * Represents a template that defines the content of the Popover body.
- *
- * To define the template, nest an `<ng-template>` tag
- * with the `kendoPopoverBodyTemplate` directive inside the `<kendo-popover>` tag.
- */
-var PopoverBodyTemplateDirective = /** @class */ (function () {
-    function PopoverBodyTemplateDirective(templateRef) {
-        this.templateRef = templateRef;
-    }
-    PopoverBodyTemplateDirective = tslib_1.__decorate([
-        core_1.Directive({
-            selector: '[kendoPopoverBodyTemplate]'
-        }),
-        tslib_1.__param(0, core_1.Optional()),
-        tslib_1.__metadata("design:paramtypes", [core_1.TemplateRef])
-    ], PopoverBodyTemplateDirective);
-    return PopoverBodyTemplateDirective;
-}());
-exports.PopoverBodyTemplateDirective = PopoverBodyTemplateDirective;

package/dist/npm/popover/template-directives/title-template.directive.js

@@ -1,28 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-/**
- * Represents a template that defines the content of the Popover title.
- *
- * To define the template, nest an `<ng-template>` tag
- * with the `kendoPopoverTitleTemplate` directive inside the `<kendo-popover>` tag.
- */
-var PopoverTitleTemplateDirective = /** @class */ (function () {
-    function PopoverTitleTemplateDirective(templateRef) {
-        this.templateRef = templateRef;
-    }
-    PopoverTitleTemplateDirective = tslib_1.__decorate([
-        core_1.Directive({
-            selector: '[kendoPopoverTitleTemplate]'
-        }),
-        tslib_1.__param(0, core_1.Optional()),
-        tslib_1.__metadata("design:paramtypes", [core_1.TemplateRef])
-    ], PopoverTitleTemplateDirective);
-    return PopoverTitleTemplateDirective;
-}());
-exports.PopoverTitleTemplateDirective = PopoverTitleTemplateDirective;

package/dist/npm/popover.module.js

@@ -1,67 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var common_1 = require("@angular/common");
-var core_1 = require("@angular/core");
-var kendo_angular_popup_1 = require("@progress/kendo-angular-popup");
-var anchor_directive_1 = require("./popover/anchor.directive");
-var container_directive_1 = require("./popover/container.directive");
-var popover_component_1 = require("./popover/popover.component");
-var title_template_directive_1 = require("./popover/template-directives/title-template.directive");
-var body_template_directive_1 = require("./popover/template-directives/body-template.directive");
-var actions_template_directive_1 = require("./popover/template-directives/actions-template.directive");
-var DIRECTIVES = [
-    actions_template_directive_1.PopoverActionsTemplateDirective,
-    body_template_directive_1.PopoverBodyTemplateDirective,
-    title_template_directive_1.PopoverTitleTemplateDirective,
-    anchor_directive_1.PopoverAnchorDirective,
-    container_directive_1.PopoverContainerDirective
-];
-/**
- * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
- * definition for the Popover component.
- *
- * @example
- *
- * ```ts-no-run
- * import { PopoverModule } from '@progress/kendo-angular-tooltip';
- *
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
- * import { NgModule } from '@angular/core';
- *
- * import { AppComponent } from './app.component';
- *
- * _@NgModule({
- *     declarations: [AppComponent],
- *     imports:      [BrowserModule, PopoverModule],
- *     bootstrap:    [AppComponent]
- * })
- * export class AppModule {}
- *
- * platformBrowserDynamic().bootstrapModule(AppModule);
- *
- * ```
- */
-var PopoverModule = /** @class */ (function () {
-    function PopoverModule() {
-    }
-    PopoverModule = tslib_1.__decorate([
-        core_1.NgModule({
-            declarations: DIRECTIVES.concat([
-                popover_component_1.PopoverComponent
-            ]),
-            entryComponents: [popover_component_1.PopoverComponent],
-            exports: DIRECTIVES.concat([popover_component_1.PopoverComponent]),
-            imports: [
-                common_1.CommonModule,
-                kendo_angular_popup_1.PopupModule
-            ]
-        })
-    ], PopoverModule);
-    return PopoverModule;
-}());
-exports.PopoverModule = PopoverModule;

package/dist/npm/tooltip/tooltip.content.component.js

@@ -1,194 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
-var utils_1 = require("../utils");
-/**
- * @hidden
- */
-var TooltipContentComponent = /** @class */ (function () {
-    function TooltipContentComponent(content, localizationService) {
-        this.content = content;
-        this.localizationService = localizationService;
-        this.close = new core_1.EventEmitter();
-        this.tooltipWidth = null;
-        this.tooltipHeight = null;
-        this.callout = true;
-        this.calloutStyles = function (position, calloutSize, isFlip) {
-            var styles = {};
-            var isVertical = position === 'top' || position === 'bottom';
-            var flipDeg = '180deg';
-            var zeroDeg = '0deg';
-            if (!isFlip) {
-                styles.transform = isVertical ? "rotateX(" + zeroDeg + ")" : "rotateY(" + zeroDeg + ")";
-                return styles;
-            }
-            if (position === 'top') {
-                styles.bottom = 'unset';
-            }
-            else if (position === 'bottom') {
-                styles.top = 'unset';
-            }
-            else if (position === 'left') {
-                styles.right = 'unset';
-            }
-            else if (position === 'right') {
-                styles.left = 'unset';
-            }
-            styles[position] = -calloutSize + "px";
-            styles.transform = isVertical ? "rotateX(" + flipDeg + ")" : "rotateY(" + flipDeg + ")";
-            return styles;
-        };
-        this.direction = localizationService.rtl ? 'rtl' : 'ltr';
-    }
-    Object.defineProperty(TooltipContentComponent.prototype, "cssClasses", {
-        get: function () {
-            return 'k-widget k-tooltip';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TooltipContentComponent.prototype, "className", {
-        get: function () {
-            return this.closable;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(TooltipContentComponent.prototype, "cssPosition", {
-        get: function () {
-            return 'relative';
-        },
-        enumerable: true,
-        configurable: true
-    });
-    TooltipContentComponent.prototype.ngOnInit = function () {
-        var _this = this;
-        this.dynamicRTLSubscription = this.localizationService.changes
-            .subscribe(function (_a) {
-            var rtl = _a.rtl;
-            return _this.direction = rtl ? 'rtl' : 'ltr';
-        });
-    };
-    TooltipContentComponent.prototype.ngOnDestroy = function () {
-        if (this.dynamicRTLSubscription) {
-            this.dynamicRTLSubscription.unsubscribe();
-        }
-    };
-    Object.defineProperty(TooltipContentComponent.prototype, "closeButtonTitle", {
-        get: function () {
-            return this.closeTitle || this.localizationService.get('closeTitle');
-        },
-        enumerable: true,
-        configurable: true
-    });
-    TooltipContentComponent.prototype.calloutPositionClass = function () {
-        return {
-            'top': 'k-callout-s',
-            'left': 'k-callout-e',
-            'bottom': 'k-callout-n',
-            'right': 'k-callout-w'
-        }[this.position];
-    };
-    TooltipContentComponent.prototype.onCloseClick = function (event) {
-        event.preventDefault();
-        this.close.emit();
-    };
-    TooltipContentComponent.prototype.updateCalloutPosition = function (position, isFlip) {
-        if (!this.callout) {
-            return;
-        }
-        var callout = this.content.nativeElement.querySelector('.k-callout');
-        var isVertical = position === 'top' || position === 'bottom';
-        var size = isVertical ? 'width' : 'height';
-        var dir = isVertical ? 'left' : 'top';
-        var offsetProperty = isVertical ? 'marginLeft' : 'marginTop';
-        var calloutSize = callout.getBoundingClientRect()[size];
-        var anchorCenter = utils_1.getCenterOffset(this.anchor.nativeElement, dir, size);
-        var contentCenter = utils_1.getCenterOffset(this.content.nativeElement, dir, size);
-        var diff = Math.abs(contentCenter - anchorCenter);
-        if (diff > 1 || diff === 0 || Math.round(diff) === 0) {
-            var newMargin = contentCenter - anchorCenter + (calloutSize / 2);
-            callout.style[offsetProperty] = -newMargin + "px";
-        }
-        var calloutStyles = this.calloutStyles(position, calloutSize, isFlip);
-        Object.keys(calloutStyles).forEach(function (style) {
-            callout.style[style] = calloutStyles[style];
-        });
-    };
-    tslib_1.__decorate([
-        core_1.HostBinding('attr.dir'),
-        tslib_1.__metadata("design:type", String)
-    ], TooltipContentComponent.prototype, "direction", void 0);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], TooltipContentComponent.prototype, "close", void 0);
-    tslib_1.__decorate([
-        core_1.HostBinding('class'),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], TooltipContentComponent.prototype, "cssClasses", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-tooltip-closable'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], TooltipContentComponent.prototype, "className", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('style.position'),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], TooltipContentComponent.prototype, "cssPosition", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('style.width.px'),
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], TooltipContentComponent.prototype, "tooltipWidth", void 0);
-    tslib_1.__decorate([
-        core_1.HostBinding('style.height.px'),
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], TooltipContentComponent.prototype, "tooltipHeight", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", core_1.TemplateRef)
-    ], TooltipContentComponent.prototype, "titleTemplate", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", core_1.ElementRef)
-    ], TooltipContentComponent.prototype, "anchor", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], TooltipContentComponent.prototype, "closable", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", core_1.TemplateRef)
-    ], TooltipContentComponent.prototype, "templateRef", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], TooltipContentComponent.prototype, "templateString", void 0);
-    TooltipContentComponent = tslib_1.__decorate([
-        core_1.Component({
-            selector: 'kendo-tooltip',
-            template: "\n        <ng-container kendoTooltipLocalizedMessages\n            i18n-closeTitle=\"kendo.tooltip.closeTitle|The title of the close button\"\n            closeTitle=\"Close\"\n        >\n        </ng-container>\n\n        <div class=\"k-tooltip-content\">\n            <div class=\"k-tooltip-title\" *ngIf=\"titleTemplate\">\n                <ng-template\n                    [ngIf]=\"titleTemplate\"\n                    [ngTemplateOutlet]=\"titleTemplate\"\n                    [ngTemplateOutletContext]=\"{ $implicit: anchor, anchor: anchor }\">\n                </ng-template>\n            </div>\n\n            <ng-template\n                [ngIf]=\"templateRef\"\n                [ngTemplateOutlet]=\"templateRef\"\n                [ngTemplateOutletContext]=\"{ $implicit: anchor, anchor: anchor }\">\n            </ng-template>\n            <ng-template\n                [ngIf]=\"templateString\">\n                {{ templateString }}\n            </ng-template>\n        </div>\n\n        <div *ngIf=\"closable\" class=\"k-tooltip-button\" (click)=\"onCloseClick($event)\">\n            <a href=\"#\" class=\"k-icon k-i-close\" [attr.title]=\"closeButtonTitle\"></a>\n        </div>\n\n        <div class=\"k-callout\" *ngIf=\"callout\" [ngClass]=\"calloutPositionClass()\"></div>\n    ",
-            providers: [
-                kendo_angular_l10n_1.LocalizationService,
-                {
-                    provide: kendo_angular_l10n_1.L10N_PREFIX,
-                    useValue: 'kendo.tooltip'
-                }
-            ]
-        }),
-        tslib_1.__metadata("design:paramtypes", [core_1.ElementRef,
-            kendo_angular_l10n_1.LocalizationService])
-    ], TooltipContentComponent);
-    return TooltipContentComponent;
-}());
-exports.TooltipContentComponent = TooltipContentComponent;