@firestitch/popover 9.4.15 → 12.0.2

package/fesm5/firestitch-popover.js

@@ -1,708 +0,0 @@
-import { __read, __decorate, __metadata, __extends, __param } from 'tslib';
-import { Injectable, ElementRef, NgZone, ViewChild, HostBinding, Component, ChangeDetectionStrategy, Injector, Optional, Input, TemplateRef, NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { CdkPortalOutlet, BasePortalOutlet, PortalInjector, TemplatePortal, ComponentPortal, PortalModule } from '@angular/cdk/portal';
-import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
-import { NavigationEnd, Router } from '@angular/router';
-import { BehaviorSubject, combineLatest, Subject, fromEvent, timer, pipe, merge } from 'rxjs';
-import { map, filter, takeUntil, debounceTime, delay, tap, switchMap, mapTo, startWith, distinctUntilChanged, withLatestFrom, finalize } from 'rxjs/operators';
-import { guid } from '@firestitch/common';
-import { OverlayConfig, Overlay } from '@angular/cdk/overlay';
-
-var Position;
-(function (Position) {
-    Position["North"] = "north";
-    Position["South"] = "south";
-    Position["East"] = "east";
-    Position["West"] = "west";
-})(Position || (Position = {}));
-
-var FsPopoverRef = /** @class */ (function () {
-    function FsPopoverRef(config) {
-        if (config === void 0) { config = {}; }
-        this._autoShow$ = new BehaviorSubject(true);
-        this._autoClose$ = new BehaviorSubject(true);
-        this._componentLoading$ = new BehaviorSubject(true);
-        this._init(config);
-    }
-    Object.defineProperty(FsPopoverRef.prototype, "loadingDiameter", {
-        get: function () {
-            return this._loadingDiameter;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(FsPopoverRef.prototype, "size", {
-        get: function () {
-            return this._size;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(FsPopoverRef.prototype, "theme", {
-        get: function () {
-            return this._theme;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(FsPopoverRef.prototype, "loading", {
-        get: function () {
-            return this._loading;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(FsPopoverRef.prototype, "autoShow$", {
-        get: function () {
-            return this._autoShow$.asObservable();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(FsPopoverRef.prototype, "autoShow", {
-        get: function () {
-            return this._autoShow$.getValue();
-        },
-        set: function (value) {
-            this._autoShow$.next(value);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(FsPopoverRef.prototype, "autoClose$", {
-        get: function () {
-            return this._autoClose$.asObservable();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(FsPopoverRef.prototype, "autoClose", {
-        get: function () {
-            return this._autoClose$.getValue();
-        },
-        set: function (value) {
-            this._autoClose$.next(value);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(FsPopoverRef.prototype, "componentVisible$", {
-        get: function () {
-            return combineLatest([
-                this.autoShow$,
-                this.componentLoading$,
-            ]).pipe(map(function (_a) {
-                var _b = __read(_a, 2), autoShow = _b[0], componentLoading = _b[1];
-                return autoShow || !componentLoading;
-            }));
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(FsPopoverRef.prototype, "componentLoading$", {
-        get: function () {
-            return this._componentLoading$.asObservable();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(FsPopoverRef.prototype, "componentLoading", {
-        get: function () {
-            return this._componentLoading$.getValue();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(FsPopoverRef.prototype, "wrapperClass", {
-        get: function () {
-            return this._wrapperClass;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(FsPopoverRef.prototype, "maxWidth", {
-        get: function () {
-            return this._maxWidth;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    FsPopoverRef.prototype.show = function () {
-        var _this = this;
-        setTimeout(function () {
-            _this._componentLoading$.next(false);
-            setTimeout(function () {
-                _this.updatePosition();
-            });
-        });
-    };
-    FsPopoverRef.prototype.close = function () {
-        this.overlayRef.detach();
-        this._componentLoading$.next(true);
-    };
-    FsPopoverRef.prototype.updatePosition = function () {
-        this.overlayRef.updatePosition();
-    };
-    FsPopoverRef.prototype._init = function (config) {
-        this._wrapperClass = config.wrapperClass;
-        this._maxWidth = config.maxWidth;
-        this._loading = config.loading;
-        this._loadingDiameter = config.loadingDiameter;
-        this._size = config.size;
-        this._theme = config.theme;
-        this._autoShow$.next(config.autoShow);
-        this._autoClose$.next(config.autoClose);
-    };
-    FsPopoverRef.ctorParameters = function () { return [
-        { type: undefined }
-    ]; };
-    FsPopoverRef = __decorate([
-        Injectable(),
-        __metadata("design:paramtypes", [Object])
-    ], FsPopoverRef);
-    return FsPopoverRef;
-}());
-
-var FsPopoverWrapperComponent = /** @class */ (function (_super) {
-    __extends(FsPopoverWrapperComponent, _super);
-    function FsPopoverWrapperComponent(popoverRef, _el, _zone) {
-        var _this = _super.call(this) || this;
-        _this.popoverRef = popoverRef;
-        _this._el = _el;
-        _this._zone = _zone;
-        _this.hidden = false;
-        _this._updatePosition = new Subject();
-        _this._destroy$ = new Subject();
-        _this._updateClass();
-        _this.wrapperClass = _this.popoverRef.wrapperClass;
-        _this.maxWidth = _this.popoverRef.maxWidth;
-        return _this;
-    }
-    Object.defineProperty(FsPopoverWrapperComponent.prototype, "maxWidth", {
-        set: function (value) {
-            this._el.nativeElement.style.maxWidth = value ? value + 'px' : void 0;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(FsPopoverWrapperComponent.prototype, "wrapperClass", {
-        set: function (value) {
-            this._wrapperClass = value;
-            this._updateClass();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    FsPopoverWrapperComponent.prototype.ngOnInit = function () {
-        if (!this.popoverRef.autoShow && this.popoverRef.componentLoading) {
-            this._watchMousePosition();
-        }
-        this._observeContentChanges();
-        this._listenUpdatePositionRequests();
-    };
-    FsPopoverWrapperComponent.prototype.ngOnDestroy = function () {
-        this._contentChangesObserver.disconnect();
-        this._destroy$.next();
-        this._destroy$.complete();
-    };
-    /**
-     * Attach a TemplatePortal as content to this popover container.
-     * @param portal Portal to be attached as the popover content.
-     */
-    FsPopoverWrapperComponent.prototype.attachTemplatePortal = function (portal) {
-        if (this._portalOutlet.hasAttached()) {
-            throw Error('Popover template already attached');
-        }
-        return this._portalOutlet.attachTemplatePortal(portal);
-    };
-    /**
-     * Attach a ComponentPortal as content to this popover container.
-     * @param portal Portal to be attached as the popover content.
-     */
-    FsPopoverWrapperComponent.prototype.attachComponentPortal = function (portal) {
-        if (this._portalOutlet.hasAttached()) {
-            throw Error('Popover component already attached');
-        }
-        return this._portalOutlet.attachComponentPortal(portal);
-    };
-    FsPopoverWrapperComponent.prototype.updatePosition = function () {
-        this._updatePosition.next();
-    };
-    FsPopoverWrapperComponent.prototype._watchMousePosition = function () {
-        var _this = this;
-        var componentVisibilityChange$ = this.popoverRef.componentVisible$
-            .pipe(filter(function (value) { return value === true; }));
-        this._zone.runOutsideAngular(function () {
-            fromEvent(document, 'mousemove')
-                .pipe(takeUntil(componentVisibilityChange$), takeUntil(_this._destroy$))
-                .subscribe(function (e) {
-                _this.spinner.nativeElement.style.left = e.x + 'px';
-                _this.spinner.nativeElement.style.top = (e.y + 20) + 'px';
-            });
-        });
-    };
-    FsPopoverWrapperComponent.prototype._updateClass = function () {
-        this.class = ['popover-wrapper', this._wrapperClass].filter(Boolean).join(' ');
-    };
-    FsPopoverWrapperComponent.prototype._observeContentChanges = function () {
-        var _this = this;
-        var config = {
-            childList: true,
-            subtree: true
-        };
-        this._contentChangesObserver = new MutationObserver(function () {
-            _this.updatePosition();
-        });
-        this._contentChangesObserver.observe(this._el.nativeElement, config);
-    };
-    FsPopoverWrapperComponent.prototype._listenUpdatePositionRequests = function () {
-        var _this = this;
-        this._updatePosition
-            .pipe(debounceTime(50), takeUntil(this._destroy$))
-            .subscribe(function () {
-            _this.popoverRef.updatePosition();
-        });
-    };
-    FsPopoverWrapperComponent.ctorParameters = function () { return [
-        { type: FsPopoverRef },
-        { type: ElementRef },
-        { type: NgZone }
-    ]; };
-    __decorate([
-        ViewChild(CdkPortalOutlet, { static: true }),
-        __metadata("design:type", CdkPortalOutlet)
-    ], FsPopoverWrapperComponent.prototype, "_portalOutlet", void 0);
-    __decorate([
-        ViewChild('spinner'),
-        __metadata("design:type", Object)
-    ], FsPopoverWrapperComponent.prototype, "spinner", void 0);
-    __decorate([
-        HostBinding('class'),
-        __metadata("design:type", Object)
-    ], FsPopoverWrapperComponent.prototype, "class", void 0);
-    FsPopoverWrapperComponent = __decorate([
-        Component({
-            selector: 'fs-popover-wrapper',
-            template: "<div class=\"wrapper\" [ngClass]=\"{\n  'theme-dark' : popoverRef.theme === 'dark',\n  'size-tiny': popoverRef.size === 'tiny',\n  'size-small': popoverRef.size === 'small',\n  'hidden': !(popoverRef.componentVisible$ | async)\n  }\">\n  <div class=\"mat-elevation-z4 popover-content\">\n    <ng-template cdkPortalOutlet></ng-template>\n  </div>\n\n  <div class=\"fs-popover-arrow light\"></div>\n  <div class=\"fs-popover-arrow dark\"></div>\n</div>\n\n<div class=\"loading-spinner\"\n  #spinner\n  *ngIf=\"popoverRef.loading && !(popoverRef.componentVisible$ | async)\"\n  [style.marginLeft]=\"(popoverRef.loadingDiameter * -.25) +'px'\">\n    <mat-spinner [diameter]=\"popoverRef.loadingDiameter\"></mat-spinner>\n</div>\n",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            styles: [".wrapper{padding:6px;-webkit-animation:.2s fadeIn;animation:.2s fadeIn}.wrapper.hidden{display:none}.wrapper .popover-content{background:#fff;border-radius:4px;padding:8px;color:#1b1b1b;box-sizing:border-box;overflow:hidden}.wrapper.theme-dark .popover-content{background-color:#707070;color:#fff}.wrapper.size-small .popover-content{font-size:80%}.wrapper.size-tiny .popover-content{font-size:75%}.wrapper .fs-popover-arrow{width:0;height:0;font-size:0;line-height:0;position:absolute;z-index:1}.wrapper .fs-popover-arrow.dark{z-index:0}::ng-deep .fs-popover-bottom .fs-popover-arrow,::ng-deep .fs-popover-top .fs-popover-arrow{border-left:10px solid transparent;border-right:10px solid transparent}::ng-deep .fs-popover-left .fs-popover-arrow,::ng-deep .fs-popover-right .fs-popover-arrow{border-top:10px solid transparent;border-bottom:10px solid transparent}::ng-deep .fs-popover-top .fs-popover-arrow{bottom:-3px;left:calc(50% - 10px);border-top:10px solid #fff}::ng-deep .fs-popover-top .fs-popover-arrow.dark{border-top-color:rgba(223,223,223,.25);bottom:-4px}::ng-deep .fs-popover-bottom .fs-popover-arrow{top:-3px;left:calc(50% - 10px);border-bottom:10px solid #fff}::ng-deep .fs-popover-bottom .fs-popover-arrow.dark{border-bottom-color:rgba(223,223,223,.25);top:-4px}::ng-deep .fs-popover-left .fs-popover-arrow{left:-3px;top:calc(50% - 10px);border-right:10px solid #fff}::ng-deep .fs-popover-left .fs-popover-arrow.dark{border-right-color:rgba(223,223,223,.25);left:-4px}::ng-deep .fs-popover-right .fs-popover-arrow{right:-3px;top:calc(50% - 10px);border-left:10px solid #fff}::ng-deep .fs-popover-right .fs-popover-arrow.dark{border-left-color:rgba(223,223,223,.25);right:-4px}::ng-deep .fs-popover-bottom .wrapper.theme-dark .fs-popover-arrow{border-bottom-color:#707070}::ng-deep .fs-popover-left .wrapper.theme-dark .fs-popover-arrow{border-right-color:#707070}::ng-deep .fs-popover-right .wrapper.theme-dark .fs-popover-arrow{border-left-color:#707070}::ng-deep .fs-popover-top .wrapper.theme-dark .fs-popover-arrow{border-top-color:#707070}.loading-spinner{margin-top:10px}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}"]
-        }),
-        __metadata("design:paramtypes", [FsPopoverRef,
-            ElementRef,
-            NgZone])
-    ], FsPopoverWrapperComponent);
-    return FsPopoverWrapperComponent;
-}(BasePortalOutlet));
-
-function createPopupPositionStrategy(el, overlay, position) {
-    var overlayX = 'center';
-    var overlayY = 'center';
-    var originX = 'center';
-    var originY = 'center';
-    var offsetX = 0;
-    var offsetY = 0;
-    var panelClass = [];
-    switch (position) {
-        case Position.North:
-            originY = 'top';
-            overlayY = 'bottom';
-            panelClass = ['fs-popover-top'];
-            offsetY = -8;
-            break;
-        case Position.South:
-            originY = 'bottom';
-            overlayY = 'top';
-            panelClass = ['fs-popover-bottom'];
-            offsetY = 8;
-            break;
-        case Position.East:
-            overlayX = 'start';
-            originX = 'end';
-            panelClass = ['fs-popover-left'];
-            offsetX = 8;
-            break;
-        case Position.West:
-            overlayX = 'end';
-            originX = 'start';
-            panelClass = ['fs-popover-right'];
-            offsetX = -8;
-            break;
-    }
-    return createBasePopupPositionStrategy(el, overlay)
-        .withPositions([
-        {
-            originX: originX,
-            originY: originY,
-            overlayX: overlayX,
-            overlayY: overlayY,
-            offsetX: offsetX,
-            offsetY: offsetY,
-            panelClass: panelClass,
-        }
-    ]);
-}
-function createBasePopupPositionStrategy(el, overlay) {
-    return overlay.position()
-        .flexibleConnectedTo(el)
-        .withGrowAfterOpen(true)
-        .withFlexibleDimensions(false)
-        .withViewportMargin(4);
-}
-
-function createOverlayRef(el, overlay, position) {
-    var config = {
-        positionStrategy: createPopupPositionStrategy(el, overlay, position),
-        scrollStrategy: overlay.scrollStrategies.reposition(),
-        hasBackdrop: false
-    };
-    var overlayConfig = new OverlayConfig(config);
-    return overlay.create(overlayConfig);
-}
-
-function createInjector(popoverRef, parentInjector) {
-    var injectionTokens = new WeakMap([
-        [FsPopoverRef, popoverRef],
-    ]);
-    return new PortalInjector(parentInjector, injectionTokens);
-}
-
-function createTempatePortal(template, popoverRef, data) {
-    return new TemplatePortal(template, void 0, { data: data, popover: popoverRef });
-}
-
-var FsPopoverService = /** @class */ (function () {
-    function FsPopoverService(_injector, _overlay) {
-        this._injector = _injector;
-        this._overlay = _overlay;
-    }
-    Object.defineProperty(FsPopoverService.prototype, "hasActivePopover", {
-        get: function () {
-            return !!this._activeElement;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(FsPopoverService.prototype, "activeElementGUID", {
-        get: function () {
-            return this._activeElementGUID;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    FsPopoverService.prototype.setActivePopoverGUID = function (value) {
-        this._activeElementGUID = value;
-    };
-    FsPopoverService.prototype.openPopover = function (el, template, data, popoverRef, position) {
-        if (this._activeElement) {
-            this.close(this._activeElement.popoverRef);
-        }
-        var overlayRef = createOverlayRef(el, this._overlay, position);
-        var containerRef = this._openPortalPreview(FsPopoverWrapperComponent, overlayRef, popoverRef);
-        var templatePortal = createTempatePortal(template, popoverRef, data);
-        containerRef.instance.attachTemplatePortal(templatePortal);
-        popoverRef.overlayRef = overlayRef;
-        this._activeElement = {
-            overlayRef: overlayRef,
-            popoverRef: popoverRef,
-        };
-        return containerRef.location.nativeElement;
-    };
-    FsPopoverService.prototype.close = function (popoverRef) {
-        if (popoverRef === void 0) { popoverRef = null; }
-        if (this._activeElement.popoverRef === popoverRef) {
-            popoverRef.close();
-            this._activeElement = void 0;
-            this._activeElementGUID = void 0;
-        }
-    };
-    FsPopoverService.prototype._openPortalPreview = function (component, overlayRef, popoverRef) {
-        var containerPortal = new ComponentPortal(component, void 0, createInjector(popoverRef, this._injector));
-        return overlayRef.attach(containerPortal);
-    };
-    FsPopoverService.ctorParameters = function () { return [
-        { type: Injector },
-        { type: Overlay }
-    ]; };
-    FsPopoverService = __decorate([
-        Injectable(),
-        __metadata("design:paramtypes", [Injector,
-            Overlay])
-    ], FsPopoverService);
-    return FsPopoverService;
-}());
-
-function pointInRect(x1, y1, x2, y2, px, py) {
-    return (px > x1 && px < x2) && (py > y1 && py < y2);
-}
-
-var FsPopoverComponent = /** @class */ (function () {
-    function FsPopoverComponent(_elRef, _popoverService, _ngZone, _router) {
-        this._elRef = _elRef;
-        this._popoverService = _popoverService;
-        this._ngZone = _ngZone;
-        this._router = _router;
-        this._guid = guid('xxxxxxx');
-        this.leaveDelay = 100;
-        this.showDelay = 0;
-        this.maxWidth = 250;
-        this.autoShow = true;
-        this.autoClose = true;
-        this.loadingDiameter = 20;
-        this.loading = true;
-        this.indication = true;
-        this.position = Position.South;
-        this.theme = 'light';
-        this.size = 'normal';
-        this.trigger = 'mouseover';
-        this._mouseEnter$ = fromEvent(this._elRef.nativeElement, 'mouseenter');
-        this._mouseMove$ = fromEvent(document, 'mousemove', { passive: true });
-        this._mouseLeave$ = fromEvent(this._elRef.nativeElement, 'mouseleave');
-        this._popoverClosed$ = new Subject();
-        this._destroy$ = new Subject();
-    }
-    Object.defineProperty(FsPopoverComponent.prototype, "openTimer$", {
-        get: function () {
-            return timer(this.showDelay);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(FsPopoverComponent.prototype, "closeTimer$", {
-        get: function () {
-            return timer(this.leaveDelay);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    FsPopoverComponent.prototype.ngOnInit = function () {
-        var _this = this;
-        this._popoverRef = new FsPopoverRef({
-            maxWidth: this.maxWidth,
-            wrapperClass: this.wrapperClass,
-            autoShow: this.autoShow,
-            autoClose: this.autoClose,
-            loadingDiameter: this.loadingDiameter,
-            loading: this.loading,
-            size: this.size,
-            theme: this.theme,
-        });
-        this._ngZone.runOutsideAngular(function () {
-            if (_this.trigger === 'click') {
-                _this._listenMouseHostClick();
-            }
-            else {
-                _this._listenMouseHostEnter();
-            }
-        });
-        this._listenRouteChange();
-    };
-    FsPopoverComponent.prototype.ngOnDestroy = function () {
-        this._popoverClosed$.next();
-        this._destroy$.next();
-    };
-    FsPopoverComponent.prototype._closePopover = function () {
-        var _this = this;
-        this._popoverClosed$.next();
-        this._ngZone.run(function () {
-            _this._wrapperElement = null;
-            if (_this._popoverService.hasActivePopover) {
-                _this._popoverService.close(_this._popoverRef);
-            }
-        });
-    };
-    FsPopoverComponent.prototype._listenRouteChange = function () {
-        var _this = this;
-        this._router.events
-            .pipe(filter(function (event) {
-            return event instanceof NavigationEnd;
-        }), pipe(takeUntil(this._destroy$
-            .pipe(delay(200)))))
-            .subscribe(function () {
-            _this._closePopover();
-        });
-    };
-    FsPopoverComponent.prototype._listenMouseHostClick = function () {
-        var _this = this;
-        fromEvent(this._elRef.nativeElement, 'click', { passive: true })
-            .pipe(tap(function (e) {
-            e.stopPropagation();
-            _this._openPopover();
-        }), switchMap(function () { return _this._listenMouseHostLeave$(); }), switchMap(function () { return _this.closeTimer$; }), takeUntil(this._destroy$))
-            .subscribe(function () {
-            _this._closePopover();
-        });
-    };
-    FsPopoverComponent.prototype._listenMouseHostEnter = function () {
-        var _this = this;
-        var actualMouseState$ = merge(this._mouseLeave$.pipe(mapTo(true)), this._mouseEnter$.pipe(mapTo(false)))
-            .pipe(startWith(false), distinctUntilChanged());
-        this._mouseEnter$
-            .pipe(filter(function () {
-            return !_this._wrapperElement;
-        }), tap(function () {
-            _this._popoverService.setActivePopoverGUID(_this._guid);
-        }), switchMap(function () { return _this.openTimer$; }), 
-        // we have to check that after all delays mouse still over an elemen
-        withLatestFrom(actualMouseState$), filter(function (_a) {
-            var _b = __read(_a, 2), _ = _b[0], mouseLeave = _b[1];
-            return !mouseLeave;
-        }), tap(function () { return _this._openPopover(); }), switchMap(function () { return _this._listenMouseHostLeave$(); }), switchMap(function () { return _this.closeTimer$; }), tap(function () { return _this._closePopover(); }), finalize(function () { return _this._closePopover(); }), takeUntil(this._destroy$))
-            .subscribe();
-    };
-    FsPopoverComponent.prototype._openPopover = function () {
-        var _this = this;
-        if (this.trigger === 'mouseover' && this._popoverService.activeElementGUID !== this._guid) {
-            return;
-        }
-        this._hostBounds = this._elRef.nativeElement.getBoundingClientRect();
-        this._ngZone.run(function () {
-            _this._wrapperElement = _this._popoverService.openPopover(_this._elRef, _this.template, _this.data, _this._popoverRef, _this.position);
-        });
-    };
-    FsPopoverComponent.prototype._listenMouseHostLeave$ = function () {
-        var _this = this;
-        var mouseMove$ = this._mouseMove$
-            .pipe(debounceTime(50), filter(function () { return !!_this._wrapperElement; }), filter(function (event) {
-            return _this._popoverRef.autoClose && _this._mouseLeftTheTargets(event);
-        }));
-        var mouseClick$ = fromEvent(this._elRef.nativeElement, 'click');
-        return merge(mouseMove$, mouseClick$);
-        //
-        // return this._mouseLeave$
-        //   .pipe(
-        //     //
-        //     timeoutWith(200, mouseMove$),
-        //   );
-    };
-    // Check if mouse left target or popover rects
-    FsPopoverComponent.prototype._mouseLeftTheTargets = function (event) {
-        var hostBounds = this._hostBounds;
-        var popoverBounds = this._wrapperElement.getBoundingClientRect();
-        var pointInHostRect = pointInRect(hostBounds.x, hostBounds.y, hostBounds.x + hostBounds.width, hostBounds.y + hostBounds.height, event.x, event.y);
-        var pointInPopoverRect = pointInRect(popoverBounds.x, popoverBounds.y, popoverBounds.x + popoverBounds.width, popoverBounds.y + popoverBounds.height, event.x, event.y);
-        return !pointInHostRect && !pointInPopoverRect;
-    };
-    FsPopoverComponent.ctorParameters = function () { return [
-        { type: ElementRef },
-        { type: FsPopoverService },
-        { type: NgZone },
-        { type: Router, decorators: [{ type: Optional }] }
-    ]; };
-    __decorate([
-        Input(),
-        __metadata("design:type", TemplateRef)
-    ], FsPopoverComponent.prototype, "template", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Object)
-    ], FsPopoverComponent.prototype, "data", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Object)
-    ], FsPopoverComponent.prototype, "leaveDelay", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Object)
-    ], FsPopoverComponent.prototype, "showDelay", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Object)
-    ], FsPopoverComponent.prototype, "maxWidth", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", String)
-    ], FsPopoverComponent.prototype, "wrapperClass", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Object)
-    ], FsPopoverComponent.prototype, "autoShow", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Object)
-    ], FsPopoverComponent.prototype, "autoClose", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Object)
-    ], FsPopoverComponent.prototype, "loadingDiameter", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", Object)
-    ], FsPopoverComponent.prototype, "loading", void 0);
-    __decorate([
-        Input(),
-        HostBinding('class.indication'),
-        __metadata("design:type", Object)
-    ], FsPopoverComponent.prototype, "indication", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", String)
-    ], FsPopoverComponent.prototype, "position", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", String)
-    ], FsPopoverComponent.prototype, "theme", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", String)
-    ], FsPopoverComponent.prototype, "size", void 0);
-    __decorate([
-        Input(),
-        __metadata("design:type", String)
-    ], FsPopoverComponent.prototype, "trigger", void 0);
-    FsPopoverComponent = __decorate([
-        Component({
-            selector: 'fs-popover',
-            template: "<ng-content></ng-content>\n<!-- <div class=\"line-container\">\n  <div class=\"line\"></div>\n</div> -->\n\n<div class=\"line\"></div>\n\n",
-            changeDetection: ChangeDetectionStrategy.OnPush,
-            styles: [":host{display:inline-flex;cursor:pointer;position:relative}::ng-deep fs-popover.indication .line{width:100%;bottom:0;border-bottom:1px dashed #ccc;position:absolute;opacity:.6}"]
-        }),
-        __param(3, Optional()),
-        __metadata("design:paramtypes", [ElementRef,
-            FsPopoverService,
-            NgZone,
-            Router])
-    ], FsPopoverComponent);
-    return FsPopoverComponent;
-}());
-
-var FsPopoverModule = /** @class */ (function () {
-    function FsPopoverModule() {
-    }
-    FsPopoverModule_1 = FsPopoverModule;
-    FsPopoverModule.forRoot = function () {
-        return {
-            ngModule: FsPopoverModule_1,
-            providers: [FsPopoverService]
-        };
-    };
-    var FsPopoverModule_1;
-    FsPopoverModule = FsPopoverModule_1 = __decorate([
-        NgModule({
-            imports: [
-                CommonModule,
-                PortalModule,
-                MatProgressSpinnerModule,
-            ],
-            declarations: [
-                FsPopoverComponent,
-                FsPopoverWrapperComponent,
-            ],
-            exports: [
-                FsPopoverComponent,
-            ],
-        })
-    ], FsPopoverModule);
-    return FsPopoverModule;
-}());
-
-/*
- * Public API Surface of fs-menu
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { FsPopoverComponent, FsPopoverModule, FsPopoverRef, FsPopoverService as ɵa, FsPopoverWrapperComponent as ɵb };
-//# sourceMappingURL=firestitch-popover.js.map