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

package/dist/es/popover/anchor.directive.d.ts

@@ -1,44 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 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";
-/**
- * Represents the [`kendoPopoverAnchor`]({% slug configuration_popover %}#toc-anchordirective) directive.
- * It is used to target an element, which should display a popover on interaction.
- *
- * @example
- * ```ts-no-run
- * <button kendoPopoverAnchor [popover]="myPopover">Show Popover</button>
- * ```
- */
-export declare class PopoverAnchorDirective extends PopoverDirectivesBase {
-    protected hostEl: ElementRef;
-    protected ngZone: NgZone;
-    protected popupService: PopupService;
-    protected renderer: Renderer2;
-    protected popoverService: PopoverService;
-    constructor(hostEl: ElementRef, ngZone: NgZone, popupService: PopupService, renderer: Renderer2, popoverService: PopoverService);
-    /**
-     * Shows the Popover. [See example]({% slug programmaticcontrol_popover %})
-     */
-    show(): void;
-    /**
-     * Toggles the visibility of the Popover. [See example]({% slug programmaticcontrol_popover %})
-     */
-    toggle(): void;
-    protected subscribeToEvents(arr: any[]): void;
-    protected subscribeClick(): void;
-    protected mouseenterHandler: () => void;
-    protected mouseleaveHandler: () => void;
-    protected focusHandler: () => void;
-    protected blurHandler: (args: any) => void;
-    /**
-     * @hidden
-     */
-    private onClick;
-    private controlVisibility;
-}

package/dist/es/popover/anchor.directive.js

@@ -1,156 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Directive, ElementRef, NgZone, Renderer2 } from "@angular/core";
-import { closest } from "@progress/kendo-angular-common";
-import { PopupService } from "@progress/kendo-angular-popup";
-import { filter, take } from "rxjs/operators";
-import { PopoverDirectivesBase } from "./directives-base";
-import { PopoverService } from "./popover.service";
-/**
- * Represents the [`kendoPopoverAnchor`]({% slug configuration_popover %}#toc-anchordirective) directive.
- * It is used to target an element, which should display a popover on interaction.
- *
- * @example
- * ```ts-no-run
- * <button kendoPopoverAnchor [popover]="myPopover">Show Popover</button>
- * ```
- */
-var PopoverAnchorDirective = /** @class */ (function (_super) {
-    tslib_1.__extends(PopoverAnchorDirective, _super);
-    function PopoverAnchorDirective(hostEl, ngZone, popupService, renderer, popoverService) {
-        var _this = _super.call(this, ngZone, popupService, renderer) || this;
-        _this.hostEl = hostEl;
-        _this.ngZone = ngZone;
-        _this.popupService = popupService;
-        _this.renderer = renderer;
-        _this.popoverService = popoverService;
-        _this.mouseenterHandler = function () {
-            _this.controlVisibility(_this.hostEl.nativeElement, true);
-        };
-        _this.mouseleaveHandler = function () {
-            if (_this.isPrevented(_this.hostEl.nativeElement, false)) {
-                return;
-            }
-            if (!_this._hideSub) {
-                _this._hideSub = _this.popoverService.hidePopover.subscribe(function (val) {
-                    var isPopoverHovered = val[0], isAnchorHovered = val[1];
-                    if (!isPopoverHovered && !isAnchorHovered) {
-                        _this.hide();
-                    }
-                });
-            }
-        };
-        _this.focusHandler = function () {
-            _this.controlVisibility(_this.hostEl.nativeElement, true);
-        };
-        _this.blurHandler = function (args) {
-            var event = args.domEvent;
-            if (_this.isPrevented(_this.hostEl.nativeElement, false)) {
-                return;
-            }
-            // from anchor to popup focus check
-            var isFocusInside = !!closest(event.relatedTarget, function (node) { return node.classList && node.classList.contains('k-popover'); });
-            if (!isFocusInside) {
-                _this.hide();
-            }
-            if (!_this._focusInsideSub) {
-                // inside popup focus check
-                _this._focusInsideSub = _this.popoverService.isFocusInsidePopover.pipe(filter(function (v) { return v !== null; })).subscribe(function (val) {
-                    if (!val) {
-                        _this.hide();
-                    }
-                });
-            }
-        };
-        _this._popoverService = _this.popoverService;
-        return _this;
-    }
-    /**
-     * Shows the Popover. [See example]({% slug programmaticcontrol_popover %})
-     */
-    PopoverAnchorDirective.prototype.show = function () {
-        var _this = this;
-        if (this.popupRef) {
-            return;
-        }
-        this.ngZone.run(function () {
-            _this.openPopup(_this.hostEl);
-        });
-        this.popupRef.popupAnchorViewportLeave
-            .pipe(take(1))
-            .subscribe(function () { return _this.hide(); });
-    };
-    /**
-     * Toggles the visibility of the Popover. [See example]({% slug programmaticcontrol_popover %})
-     */
-    PopoverAnchorDirective.prototype.toggle = function () {
-        if (this.popupRef) {
-            this.hide();
-        }
-        else {
-            this.show();
-        }
-    };
-    PopoverAnchorDirective.prototype.subscribeToEvents = function (arr) {
-        var _this = this;
-        this.subs.add(this.renderer.listen(this.hostEl.nativeElement, arr[0].name, function () {
-            _this.popoverService.emitAnchorState(true, _this.hostEl.nativeElement);
-            arr[0].handler();
-        }));
-        this.subs.add(this.renderer.listen(this.hostEl.nativeElement, arr[1].name, function (e) {
-            _this.popoverService.emitAnchorState(false, null);
-            arr[1].handler({ domEvent: e });
-        }));
-    };
-    PopoverAnchorDirective.prototype.subscribeClick = function () {
-        var _this = this;
-        if (this.disposeClickListener) {
-            this.disposeClickListener();
-        }
-        this.disposeClickListener = this.renderer.listen(document, 'click', function (e) {
-            _this.onClick(e);
-        });
-    };
-    /**
-     * @hidden
-     */
-    PopoverAnchorDirective.prototype.onClick = function (event) {
-        var _this = this;
-        var isInsidePopup = !!closest(event.target, function (node) { return node.classList && node.classList.contains('k-popup'); });
-        var isAnchor = !!closest(event.target, function (node) { return node === _this.hostEl.nativeElement; });
-        if (isInsidePopup || (this.popupRef && isAnchor)) {
-            return;
-        }
-        if (isAnchor) {
-            // on opening
-            this.controlVisibility(this.hostEl.nativeElement, true);
-        }
-        else {
-            // on closing
-            this.controlVisibility(this.hostEl.nativeElement, false);
-        }
-    };
-    PopoverAnchorDirective.prototype.controlVisibility = function (anchor, show) {
-        if (this.isPrevented(anchor, show)) {
-            return;
-        }
-        show ? this.show() : this.hide();
-    };
-    PopoverAnchorDirective = tslib_1.__decorate([
-        Directive({
-            selector: '[kendoPopoverAnchor]',
-            exportAs: 'kendoPopoverAnchor',
-            providers: [PopoverService]
-        }),
-        tslib_1.__metadata("design:paramtypes", [ElementRef,
-            NgZone,
-            PopupService,
-            Renderer2,
-            PopoverService])
-    ], PopoverAnchorDirective);
-    return PopoverAnchorDirective;
-}(PopoverDirectivesBase));
-export { PopoverAnchorDirective };

package/dist/es/popover/container.directive.js

@@ -1,182 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Directive, ElementRef, Input, NgZone, Renderer2 } from "@angular/core";
-import { closest } from "@progress/kendo-angular-common";
-import { PopupService } from "@progress/kendo-angular-popup";
-import { filter, take } from "rxjs/operators";
-import { closestBySelector } from "../utils";
-import { PopoverDirectivesBase } from './directives-base';
-import { PopoverService } from "./popover.service";
-/**
- * Represents the [`kendoPopoverContainer`]({% slug configuration_popover %}#toc-containerdirective) directive.
- * It is used to filter and target multiple elements, which should display a popover on interaction.
- *
- * @example
- * ```ts-no-run
- * <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>
- * ```
- */
-var PopoverContainerDirective = /** @class */ (function (_super) {
-    tslib_1.__extends(PopoverContainerDirective, _super);
-    function PopoverContainerDirective(wrapperEl, ngZone, popupService, renderer, popoverService) {
-        var _this = _super.call(this, ngZone, popupService, renderer) || this;
-        _this.wrapperEl = wrapperEl;
-        _this.ngZone = ngZone;
-        _this.popupService = popupService;
-        _this.renderer = renderer;
-        _this.popoverService = popoverService;
-        _this.mouseenterHandler = function (anchor) {
-            _this.controlVisibility(anchor, true);
-        };
-        _this.mouseleaveHandler = function (args) {
-            var anchor = args.anchor;
-            if (_this.isPrevented(anchor, false)) {
-                return;
-            }
-            if (!_this._hideSub) {
-                _this._hideSub = _this.popoverService.hidePopover.subscribe(function (val) {
-                    var isPopoverHovered = val[0], isOriginAnchor = val[2], currentAnchor = val[3];
-                    if (!isPopoverHovered && !isOriginAnchor) {
-                        _this.hide();
-                        if (!isOriginAnchor && currentAnchor) {
-                            _this.show(currentAnchor);
-                        }
-                    }
-                });
-            }
-        };
-        _this.focusHandler = function (anchor) {
-            _this.controlVisibility(anchor, true);
-        };
-        _this.blurHandler = function (args) {
-            var anchor = args.anchor;
-            var event = args.domEvent;
-            if (_this.isPrevented(anchor, false)) {
-                return;
-            }
-            // from anchor to popup focus check
-            var isFocusInside = !!closest(event.relatedTarget, function (node) { return node.classList && node.classList.contains('k-popover'); });
-            if (!isFocusInside) {
-                _this.hide();
-            }
-            if (!_this._focusInsideSub) {
-                // inside popup focus check
-                _this._focusInsideSub = _this.popoverService.isFocusInsidePopover.pipe(filter(function (v) { return v !== null; })).subscribe(function (val) {
-                    if (!val && !isFocusInside) {
-                        _this.hide();
-                    }
-                });
-            }
-        };
-        _this._popoverService = _this.popoverService;
-        return _this;
-    }
-    /**
-     * Shows the Popover.
-     *
-     * @param anchor&mdash;Specifies the element that will be used as an anchor. The Popover opens relative to that element. [See example]({% slug programmaticcontrol_popover %})
-     */
-    PopoverContainerDirective.prototype.show = function (anchor) {
-        var _this = this;
-        if (this.popupRef) {
-            return;
-        }
-        this.ngZone.run(function () {
-            _this.openPopup(anchor);
-        });
-        this.popupRef.popupAnchorViewportLeave
-            .pipe(take(1))
-            .subscribe(function () { return _this.hide(); });
-    };
-    /**
-     * Toggles the visibility of the Popover. [See example]({% slug programmaticcontrol_popover %})
-     *
-     * @param anchor&mdash;Specifies the element that will be used as an anchor. The Popover opens relative to that element.
-     */
-    PopoverContainerDirective.prototype.toggle = function (anchor) {
-        var previousAnchor = this.popupRef && this.popupRef.content.instance.anchor;
-        if (this.popupRef) {
-            this.hide();
-            if (previousAnchor !== anchor) {
-                this.show(anchor);
-            }
-        }
-        else {
-            this.show(anchor);
-        }
-    };
-    PopoverContainerDirective.prototype.subscribeClick = function () {
-        var _this = this;
-        if (this.disposeClickListener) {
-            this.disposeClickListener();
-        }
-        this.disposeClickListener = this.renderer.listen(document, 'click', function (e) {
-            var filterElement = closestBySelector(e.target, _this.filter);
-            _this.clickHandler(filterElement, e);
-        });
-    };
-    PopoverContainerDirective.prototype.subscribeToEvents = function (arr) {
-        var _this = this;
-        var filteredElements = Array.from(document.querySelectorAll(this.filter));
-        filteredElements.forEach(function (el) {
-            _this.subs.add(_this.renderer.listen(el, arr[0].name, function () {
-                _this.popoverService.emitAnchorState(true, el);
-                arr[0].handler(el);
-            }));
-            _this.subs.add(_this.renderer.listen(el, arr[1].name, function (e) {
-                _this.popoverService.emitAnchorState(false, null);
-                arr[1].handler({ anchor: el, domEvent: e });
-            }));
-        });
-    };
-    PopoverContainerDirective.prototype.clickHandler = function (anchor, event) {
-        var isInsidePopup = !!closest(event.target, function (node) { return node.classList && node.classList.contains('k-popup'); });
-        var popupRefAnchor = this.popupRef && this.popupRef.content.instance.anchor;
-        var isOriginAnchor = !!closest(event.target, function (node) { return node === (popupRefAnchor ? popupRefAnchor : anchor); });
-        if (this.showOn !== 'click' || isInsidePopup || (this.popupRef && isOriginAnchor)) {
-            return;
-        }
-        if (!anchor && this.popupRef) {
-            this.controlVisibility(anchor, false);
-            return;
-        }
-        if (isOriginAnchor) {
-            this.controlVisibility(anchor, true);
-        }
-        else if (this.popupRef) {
-            this.controlVisibility(anchor, false);
-            this.controlVisibility(anchor, true);
-        }
-    };
-    PopoverContainerDirective.prototype.controlVisibility = function (anchor, show) {
-        if (this.isPrevented(anchor, show)) {
-            return;
-        }
-        show ? this.show(anchor) : this.hide();
-    };
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], PopoverContainerDirective.prototype, "filter", void 0);
-    PopoverContainerDirective = tslib_1.__decorate([
-        Directive({
-            selector: '[kendoPopoverContainer]',
-            exportAs: 'kendoPopoverContainer',
-            providers: [PopoverService]
-        }),
-        tslib_1.__metadata("design:paramtypes", [ElementRef,
-            NgZone,
-            PopupService,
-            Renderer2,
-            PopoverService])
-    ], PopoverContainerDirective);
-    return PopoverContainerDirective;
-}(PopoverDirectivesBase));
-export { PopoverContainerDirective };

package/dist/es/popover/directives-base.d.ts

@@ -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
-*-------------------------------------------------------------------------------------------*/
-import { ComponentRef, ElementRef, NgZone, OnDestroy, Renderer2 } from "@angular/core";
-import { PopupRef, PopupService } from "@progress/kendo-angular-popup";
-import { PopoverFn } from "../models/functions.model";
-import { PopoverShowOption } from "../models/popover-show-option.type";
-import { PopoverComponent } from "./popover.component";
-import { PopoverService } from "./popover.service";
-import { Subscription } from "rxjs";
-/**
- * @hidden
- */
-export declare abstract class PopoverDirectivesBase implements OnDestroy {
-    protected ngZone: NgZone;
-    protected popupService: PopupService;
-    protected renderer: Renderer2;
-    /**
-     * Specifies the popover instance that will be rendered.
-     * Accepts a [`PopoverComponent`]({% slug api_tooltip_popovercomponent %}) instance or
-     * a [`PopoverFn`]({% slug api_tooltip_popoverfn %}) callback which returns a [`PopoverComponent`]({% slug api_tooltip_popovercomponent %}) instance
-     * depending on the current anchor element.
-     *
-     * [See example]({% slug templates_popover %}#toc-popovercallback)
-     */
-    popover: PopoverComponent | PopoverFn;
-    /**
-     * The event on which the Popover will be shown
-     *
-     * The supported values are:
-     * - `click` (default) —The Popover will be shown when its `anchor` element is clicked.
-     * - `hover`—The Popover will be shown when its `anchor` element is hovered.
-     * - `focus`—The Popover will be shown when its `anchor` element is focused.
-     * - `none`—The Popover will not be shown on user interaction. It could be rendered via the Popover API methods.
-     */
-    showOn: PopoverShowOption;
-    popupRef: PopupRef;
-    protected disposeHoverOverListener: () => void;
-    protected disposeHoverOutListener: () => void;
-    protected disposeClickListener: () => void;
-    protected disposePopupHoverOutListener: () => void;
-    protected disposePopupHoverInListener: () => void;
-    protected disposePopupFocusOutListener: () => void;
-    protected subs: Subscription;
-    protected _popoverService: PopoverService;
-    protected _hideSub: Subscription;
-    protected _focusInsideSub: Subscription;
-    private _popover;
-    private _showOn;
-    private _popupOpenSub;
-    private _popupCloseSub;
-    constructor(ngZone: NgZone, popupService: PopupService, renderer: Renderer2);
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    /**
-     * Hides the Popover ([See example]({% slug programmaticcontrol_popover %})).
-     */
-    hide(): void;
-    /**
-     * @hidden
-     */
-    protected closePopup(): void;
-    /**
-     * @hidden
-     */
-    protected openPopup(anchor: Element | ElementRef): void;
-    /**
-     * @hidden
-     */
-    protected isPrevented(anchorElement: Element, show: boolean): boolean;
-    /**
-     * @hidden
-     */
-    protected monitorPopup(): void;
-    protected applySettings(contentComponent: ComponentRef<PopoverComponent>, popover: PopoverComponent, anchor: Element | ElementRef): void;
-    protected abstract subscribeToEvents(args?: any): void;
-    protected abstract subscribeClick(): void;
-    protected abstract mouseenterHandler(args?: any): void;
-    protected abstract mouseleaveHandler(args?: any): void;
-    protected abstract focusHandler(args?: any): void;
-    protected abstract blurHandler(args?: any): void;
-    /**
-     * @hidden
-     */
-    private initializeEvents;
-    private initializeCompletionEvents;
-    private shouldEmitEvent;
-    private shouldEmitCompletionEvents;
-}