@firestitch/popover 9.4.13 → 12.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (44) hide show
  1. package/app/components/popover/popover.component.d.ts +3 -0
  2. package/app/components/popover-wrapper/popover-wrapper.component.d.ts +3 -0
  3. package/app/fs-popover.module.d.ts +9 -0
  4. package/app/services/popover.service.d.ts +3 -0
  5. package/bundles/firestitch-popover.umd.js +491 -396
  6. package/bundles/firestitch-popover.umd.js.map +1 -1
  7. package/esm2015/app/class/popover-ref.js +3 -13
  8. package/esm2015/app/components/popover/popover.component.js +57 -88
  9. package/esm2015/app/components/popover-wrapper/popover-wrapper.component.js +29 -34
  10. package/esm2015/app/enums/position.js +1 -1
  11. package/esm2015/app/fs-popover.module.js +29 -20
  12. package/esm2015/app/helpers/create-injector.js +1 -1
  13. package/esm2015/app/helpers/create-overlay-ref.js +1 -1
  14. package/esm2015/app/helpers/create-position-strategy.js +1 -1
  15. package/esm2015/app/helpers/create-template-portal.js +1 -1
  16. package/esm2015/app/helpers/point-in-rect.js +1 -1
  17. package/esm2015/app/interfaces/popover-config.interface.js +2 -1
  18. package/esm2015/app/services/popover.service.js +12 -16
  19. package/esm2015/firestitch-popover.js +1 -3
  20. package/esm2015/public_api.js +1 -1
  21. package/fesm2015/firestitch-popover.js +120 -156
  22. package/fesm2015/firestitch-popover.js.map +1 -1
  23. package/firestitch-popover.d.ts +1 -2
  24. package/package.json +7 -8
  25. package/styles.scss +3 -2
  26. package/bundles/firestitch-popover.umd.min.js +0 -16
  27. package/bundles/firestitch-popover.umd.min.js.map +0 -1
  28. package/esm5/app/class/popover-ref.js +0 -152
  29. package/esm5/app/components/popover/popover.component.js +0 -239
  30. package/esm5/app/components/popover-wrapper/popover-wrapper.component.js +0 -138
  31. package/esm5/app/enums/position.js +0 -8
  32. package/esm5/app/fs-popover.module.js +0 -39
  33. package/esm5/app/helpers/create-injector.js +0 -9
  34. package/esm5/app/helpers/create-overlay-ref.js +0 -12
  35. package/esm5/app/helpers/create-position-strategy.js +0 -56
  36. package/esm5/app/helpers/create-template-portal.js +0 -5
  37. package/esm5/app/helpers/point-in-rect.js +0 -4
  38. package/esm5/app/interfaces/popover-config.interface.js +0 -1
  39. package/esm5/app/services/popover.service.js +0 -70
  40. package/esm5/firestitch-popover.js +0 -7
  41. package/esm5/public_api.js +0 -7
  42. package/fesm5/firestitch-popover.js +0 -706
  43. package/fesm5/firestitch-popover.js.map +0 -1
  44. package/firestitch-popover.metadata.json +0 -1
@@ -1,12 +1,13 @@
1
- import { __decorate, __metadata } from "tslib";
2
- import { ElementRef, Injectable, Injector, TemplateRef } from '@angular/core';
3
- import { ComponentType, Overlay, OverlayRef, } from '@angular/cdk/overlay';
1
+ import { Injectable, Injector } from '@angular/core';
2
+ import { Overlay, } from '@angular/cdk/overlay';
4
3
  import { ComponentPortal } from '@angular/cdk/portal';
5
4
  import { FsPopoverWrapperComponent } from '../components/popover-wrapper/popover-wrapper.component';
6
5
  import { createOverlayRef } from '../helpers/create-overlay-ref';
7
6
  import { createInjector } from '../helpers/create-injector';
8
7
  import { createTempatePortal } from '../helpers/create-template-portal';
9
- let FsPopoverService = class FsPopoverService {
8
+ import * as i0 from "@angular/core";
9
+ import * as i1 from "@angular/cdk/overlay";
10
+ export class FsPopoverService {
10
11
  constructor(_injector, _overlay) {
11
12
  this._injector = _injector;
12
13
  this._overlay = _overlay;
@@ -46,15 +47,10 @@ let FsPopoverService = class FsPopoverService {
46
47
  const containerPortal = new ComponentPortal(component, void 0, createInjector(popoverRef, this._injector));
47
48
  return overlayRef.attach(containerPortal);
48
49
  }
49
- };
50
- FsPopoverService.ctorParameters = () => [
51
- { type: Injector },
52
- { type: Overlay }
53
- ];
54
- FsPopoverService = __decorate([
55
- Injectable(),
56
- __metadata("design:paramtypes", [Injector,
57
- Overlay])
58
- ], FsPopoverService);
59
- export { FsPopoverService };
60
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9wb3Zlci5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGZpcmVzdGl0Y2gvcG9wb3Zlci8iLCJzb3VyY2VzIjpbImFwcC9zZXJ2aWNlcy9wb3BvdmVyLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFFLFFBQVEsRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFOUUsT0FBTyxFQUNMLGFBQWEsRUFDYixPQUFPLEVBQ1AsVUFBVSxHQUNYLE1BQU0sc0JBQXNCLENBQUM7QUFFOUIsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBSXRELE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLHlEQUF5RCxDQUFDO0FBQ3BHLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ2pFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUt4RSxJQUFhLGdCQUFnQixHQUE3QixNQUFhLGdCQUFnQjtJQUszQixZQUNVLFNBQW1CLEVBQ25CLFFBQWlCO1FBRGpCLGNBQVMsR0FBVCxTQUFTLENBQVU7UUFDbkIsYUFBUSxHQUFSLFFBQVEsQ0FBUztJQUN4QixDQUFDO0lBRUosSUFBVyxnQkFBZ0I7UUFDekIsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQztJQUMvQixDQUFDO0lBRUQsSUFBVyxpQkFBaUI7UUFDMUIsT0FBTyxJQUFJLENBQUMsa0JBQWtCLENBQUM7SUFDakMsQ0FBQztJQUVNLG9CQUFvQixDQUFDLEtBQWE7UUFDdkMsSUFBSSxDQUFDLGtCQUFrQixHQUFHLEtBQUssQ0FBQztJQUNsQyxDQUFDO0lBRU0sV0FBVyxDQUNoQixFQUFjLEVBQ2QsUUFBMEIsRUFDMUIsSUFBUyxFQUNULFVBQXdCLEVBQ3hCLFFBQWtCO1FBR2xCLElBQUksSUFBSSxDQUFDLGNBQWMsRUFBRTtZQUN2QixJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsVUFBVSxDQUFDLENBQUE7U0FDM0M7UUFFRCxNQUFNLFVBQVUsR0FBRyxnQkFBZ0IsQ0FBQyxFQUFFLEVBQUUsSUFBSSxDQUFDLFFBQVEsRUFBRSxRQUFRLENBQUMsQ0FBQztRQUNqRSxNQUFNLFlBQVksR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQUMseUJBQXlCLEVBQUUsVUFBVSxFQUFFLFVBQVUsQ0FBQyxDQUFDO1FBQ2hHLE1BQU0sY0FBYyxHQUFHLG1CQUFtQixDQUFDLFFBQVEsRUFBRSxVQUFVLEVBQUUsSUFBSSxDQUFDLENBQUM7UUFFdkUsWUFBWSxDQUFDLFFBQVEsQ0FBQyxvQkFBb0IsQ0FBQyxjQUFjLENBQUMsQ0FBQztRQUMzRCxVQUFVLENBQUMsVUFBVSxHQUFHLFVBQVUsQ0FBQztRQUVuQyxJQUFJLENBQUMsY0FBYyxHQUFHO1lBQ3BCLFVBQVU7WUFDVixVQUFVO1NBQ1gsQ0FBQztRQUVGLE9BQU8sWUFBWSxDQUFDLFFBQVEsQ0FBQyxhQUFhLENBQUM7SUFDN0MsQ0FBQztJQUVNLEtBQUssQ0FBQyxhQUEyQixJQUFJO1FBQzFDLElBQUksSUFBSSxDQUFDLGNBQWMsQ0FBQyxVQUFVLEtBQUssVUFBVSxFQUFFO1lBQ2pELFVBQVUsQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUNuQixJQUFJLENBQUMsY0FBYyxHQUFHLEtBQUssQ0FBQyxDQUFDO1lBQzdCLElBQUksQ0FBQyxrQkFBa0IsR0FBRyxLQUFLLENBQUMsQ0FBQztTQUNsQztJQUNILENBQUM7SUFFTyxrQkFBa0IsQ0FDeEIsU0FBbUQsRUFDbkQsVUFBc0IsRUFDdEIsVUFBd0I7UUFFeEIsTUFBTSxlQUFlLEdBQUcsSUFBSSxlQUFlLENBQ3pDLFNBQVMsRUFDVCxLQUFLLENBQUMsRUFDTixjQUFjLENBQUMsVUFBVSxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FDM0MsQ0FBQztRQUVGLE9BQU8sVUFBVSxDQUFDLE1BQU0sQ0FBQyxlQUFlLENBQUMsQ0FBQztJQUM1QyxDQUFDO0NBQ0YsQ0FBQTs7WUFoRXNCLFFBQVE7WUFDVCxPQUFPOztBQVBoQixnQkFBZ0I7SUFENUIsVUFBVSxFQUFFO3FDQU9VLFFBQVE7UUFDVCxPQUFPO0dBUGhCLGdCQUFnQixDQXNFNUI7U0F0RVksZ0JBQWdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRWxlbWVudFJlZiwgSW5qZWN0YWJsZSwgSW5qZWN0b3IsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7XG4gIENvbXBvbmVudFR5cGUsXG4gIE92ZXJsYXksXG4gIE92ZXJsYXlSZWYsXG59IGZyb20gJ0Bhbmd1bGFyL2Nkay9vdmVybGF5JztcblxuaW1wb3J0IHsgQ29tcG9uZW50UG9ydGFsIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL3BvcnRhbCc7XG5cbmltcG9ydCB7IFBvc2l0aW9uIH0gZnJvbSAnLi8uLi9lbnVtcy9wb3NpdGlvbic7XG5pbXBvcnQgeyBGc1BvcG92ZXJSZWYgfSBmcm9tICcuLi9jbGFzcy9wb3BvdmVyLXJlZic7XG5pbXBvcnQgeyBGc1BvcG92ZXJXcmFwcGVyQ29tcG9uZW50IH0gZnJvbSAnLi4vY29tcG9uZW50cy9wb3BvdmVyLXdyYXBwZXIvcG9wb3Zlci13cmFwcGVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBjcmVhdGVPdmVybGF5UmVmIH0gZnJvbSAnLi4vaGVscGVycy9jcmVhdGUtb3ZlcmxheS1yZWYnO1xuaW1wb3J0IHsgY3JlYXRlSW5qZWN0b3IgfSBmcm9tICcuLi9oZWxwZXJzL2NyZWF0ZS1pbmplY3Rvcic7XG5pbXBvcnQgeyBjcmVhdGVUZW1wYXRlUG9ydGFsIH0gZnJvbSAnLi4vaGVscGVycy9jcmVhdGUtdGVtcGxhdGUtcG9ydGFsJztcbmltcG9ydCB7IElQb3BvdmVyQWN0aXZlRWxlbWVudCB9IGZyb20gJy4uL2ludGVyZmFjZXMvcG9wb3Zlci1jb25maWcuaW50ZXJmYWNlJztcblxuXG5ASW5qZWN0YWJsZSgpXG5leHBvcnQgY2xhc3MgRnNQb3BvdmVyU2VydmljZSB7XG5cbiAgcHJpdmF0ZSBfYWN0aXZlRWxlbWVudDogSVBvcG92ZXJBY3RpdmVFbGVtZW50O1xuICBwcml2YXRlIF9hY3RpdmVFbGVtZW50R1VJRDogc3RyaW5nO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgX2luamVjdG9yOiBJbmplY3RvcixcbiAgICBwcml2YXRlIF9vdmVybGF5OiBPdmVybGF5LFxuICApIHt9XG5cbiAgcHVibGljIGdldCBoYXNBY3RpdmVQb3BvdmVyKCkge1xuICAgIHJldHVybiAhIXRoaXMuX2FjdGl2ZUVsZW1lbnQ7XG4gIH1cblxuICBwdWJsaWMgZ2V0IGFjdGl2ZUVsZW1lbnRHVUlEKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuX2FjdGl2ZUVsZW1lbnRHVUlEO1xuICB9XG5cbiAgcHVibGljIHNldEFjdGl2ZVBvcG92ZXJHVUlEKHZhbHVlOiBzdHJpbmcpIHtcbiAgICB0aGlzLl9hY3RpdmVFbGVtZW50R1VJRCA9IHZhbHVlO1xuICB9XG5cbiAgcHVibGljIG9wZW5Qb3BvdmVyKFxuICAgIGVsOiBFbGVtZW50UmVmLFxuICAgIHRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+LFxuICAgIGRhdGE6IGFueSxcbiAgICBwb3BvdmVyUmVmOiBGc1BvcG92ZXJSZWYsXG4gICAgcG9zaXRpb246IFBvc2l0aW9uXG4gICkge1xuXG4gICAgaWYgKHRoaXMuX2FjdGl2ZUVsZW1lbnQpIHtcbiAgICAgIHRoaXMuY2xvc2UodGhpcy5fYWN0aXZlRWxlbWVudC5wb3BvdmVyUmVmKVxuICAgIH1cblxuICAgIGNvbnN0IG92ZXJsYXlSZWYgPSBjcmVhdGVPdmVybGF5UmVmKGVsLCB0aGlzLl9vdmVybGF5LCBwb3NpdGlvbik7XG4gICAgY29uc3QgY29udGFpbmVyUmVmID0gdGhpcy5fb3BlblBvcnRhbFByZXZpZXcoRnNQb3BvdmVyV3JhcHBlckNvbXBvbmVudCwgb3ZlcmxheVJlZiwgcG9wb3ZlclJlZik7XG4gICAgY29uc3QgdGVtcGxhdGVQb3J0YWwgPSBjcmVhdGVUZW1wYXRlUG9ydGFsKHRlbXBsYXRlLCBwb3BvdmVyUmVmLCBkYXRhKTtcblxuICAgIGNvbnRhaW5lclJlZi5pbnN0YW5jZS5hdHRhY2hUZW1wbGF0ZVBvcnRhbCh0ZW1wbGF0ZVBvcnRhbCk7XG4gICAgcG9wb3ZlclJlZi5vdmVybGF5UmVmID0gb3ZlcmxheVJlZjtcblxuICAgIHRoaXMuX2FjdGl2ZUVsZW1lbnQgPSB7XG4gICAgICBvdmVybGF5UmVmLFxuICAgICAgcG9wb3ZlclJlZixcbiAgICB9O1xuXG4gICAgcmV0dXJuIGNvbnRhaW5lclJlZi5sb2NhdGlvbi5uYXRpdmVFbGVtZW50O1xuICB9XG5cbiAgcHVibGljIGNsb3NlKHBvcG92ZXJSZWY6IEZzUG9wb3ZlclJlZiA9IG51bGwpIHtcbiAgICBpZiAodGhpcy5fYWN0aXZlRWxlbWVudC5wb3BvdmVyUmVmID09PSBwb3BvdmVyUmVmKSB7XG4gICAgICBwb3BvdmVyUmVmLmNsb3NlKCk7XG4gICAgICB0aGlzLl9hY3RpdmVFbGVtZW50ID0gdm9pZCAwO1xuICAgICAgdGhpcy5fYWN0aXZlRWxlbWVudEdVSUQgPSB2b2lkIDA7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBfb3BlblBvcnRhbFByZXZpZXcoXG4gICAgY29tcG9uZW50OiBDb21wb25lbnRUeXBlPEZzUG9wb3ZlcldyYXBwZXJDb21wb25lbnQ+LFxuICAgIG92ZXJsYXlSZWY6IE92ZXJsYXlSZWYsXG4gICAgcG9wb3ZlclJlZjogRnNQb3BvdmVyUmVmLFxuICApIHtcbiAgICBjb25zdCBjb250YWluZXJQb3J0YWwgPSBuZXcgQ29tcG9uZW50UG9ydGFsPEZzUG9wb3ZlcldyYXBwZXJDb21wb25lbnQ+KFxuICAgICAgY29tcG9uZW50LFxuICAgICAgdm9pZCAwLFxuICAgICAgY3JlYXRlSW5qZWN0b3IocG9wb3ZlclJlZiwgdGhpcy5faW5qZWN0b3IpLFxuICAgICk7XG5cbiAgICByZXR1cm4gb3ZlcmxheVJlZi5hdHRhY2goY29udGFpbmVyUG9ydGFsKTtcbiAgfVxufVxuIl19
50
+ }
51
+ FsPopoverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsPopoverService, deps: [{ token: i0.Injector }, { token: i1.Overlay }], target: i0.ɵɵFactoryTarget.Injectable });
52
+ FsPopoverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsPopoverService });
53
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsPopoverService, decorators: [{
54
+ type: Injectable
55
+ }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i1.Overlay }]; } });
56
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9wb3Zlci5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2FwcC9zZXJ2aWNlcy9wb3BvdmVyLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFjLFVBQVUsRUFBRSxRQUFRLEVBQWUsTUFBTSxlQUFlLENBQUM7QUFFOUUsT0FBTyxFQUVMLE9BQU8sR0FFUixNQUFNLHNCQUFzQixDQUFDO0FBRTlCLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUl0RCxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSx5REFBeUQsQ0FBQztBQUNwRyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNqRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDNUQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7OztBQUt4RSxNQUFNLE9BQU8sZ0JBQWdCO0lBSzNCLFlBQ1UsU0FBbUIsRUFDbkIsUUFBaUI7UUFEakIsY0FBUyxHQUFULFNBQVMsQ0FBVTtRQUNuQixhQUFRLEdBQVIsUUFBUSxDQUFTO0lBQ3hCLENBQUM7SUFFSixJQUFXLGdCQUFnQjtRQUN6QixPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDO0lBQy9CLENBQUM7SUFFRCxJQUFXLGlCQUFpQjtRQUMxQixPQUFPLElBQUksQ0FBQyxrQkFBa0IsQ0FBQztJQUNqQyxDQUFDO0lBRU0sb0JBQW9CLENBQUMsS0FBYTtRQUN2QyxJQUFJLENBQUMsa0JBQWtCLEdBQUcsS0FBSyxDQUFDO0lBQ2xDLENBQUM7SUFFTSxXQUFXLENBQ2hCLEVBQWMsRUFDZCxRQUEwQixFQUMxQixJQUFTLEVBQ1QsVUFBd0IsRUFDeEIsUUFBa0I7UUFHbEIsSUFBSSxJQUFJLENBQUMsY0FBYyxFQUFFO1lBQ3ZCLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxVQUFVLENBQUMsQ0FBQTtTQUMzQztRQUVELE1BQU0sVUFBVSxHQUFHLGdCQUFnQixDQUFDLEVBQUUsRUFBRSxJQUFJLENBQUMsUUFBUSxFQUFFLFFBQVEsQ0FBQyxDQUFDO1FBQ2pFLE1BQU0sWUFBWSxHQUFHLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyx5QkFBeUIsRUFBRSxVQUFVLEVBQUUsVUFBVSxDQUFDLENBQUM7UUFDaEcsTUFBTSxjQUFjLEdBQUcsbUJBQW1CLENBQUMsUUFBUSxFQUFFLFVBQVUsRUFBRSxJQUFJLENBQUMsQ0FBQztRQUV2RSxZQUFZLENBQUMsUUFBUSxDQUFDLG9CQUFvQixDQUFDLGNBQWMsQ0FBQyxDQUFDO1FBQzNELFVBQVUsQ0FBQyxVQUFVLEdBQUcsVUFBVSxDQUFDO1FBRW5DLElBQUksQ0FBQyxjQUFjLEdBQUc7WUFDcEIsVUFBVTtZQUNWLFVBQVU7U0FDWCxDQUFDO1FBRUYsT0FBTyxZQUFZLENBQUMsUUFBUSxDQUFDLGFBQWEsQ0FBQztJQUM3QyxDQUFDO0lBRU0sS0FBSyxDQUFDLGFBQTJCLElBQUk7UUFDMUMsSUFBSSxJQUFJLENBQUMsY0FBYyxDQUFDLFVBQVUsS0FBSyxVQUFVLEVBQUU7WUFDakQsVUFBVSxDQUFDLEtBQUssRUFBRSxDQUFDO1lBQ25CLElBQUksQ0FBQyxjQUFjLEdBQUcsS0FBSyxDQUFDLENBQUM7WUFDN0IsSUFBSSxDQUFDLGtCQUFrQixHQUFHLEtBQUssQ0FBQyxDQUFDO1NBQ2xDO0lBQ0gsQ0FBQztJQUVPLGtCQUFrQixDQUN4QixTQUFtRCxFQUNuRCxVQUFzQixFQUN0QixVQUF3QjtRQUV4QixNQUFNLGVBQWUsR0FBRyxJQUFJLGVBQWUsQ0FDekMsU0FBUyxFQUNULEtBQUssQ0FBQyxFQUNOLGNBQWMsQ0FBQyxVQUFVLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUMzQyxDQUFDO1FBRUYsT0FBTyxVQUFVLENBQUMsTUFBTSxDQUFDLGVBQWUsQ0FBQyxDQUFDO0lBQzVDLENBQUM7OzhHQXJFVSxnQkFBZ0I7a0hBQWhCLGdCQUFnQjs0RkFBaEIsZ0JBQWdCO2tCQUQ1QixVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRWxlbWVudFJlZiwgSW5qZWN0YWJsZSwgSW5qZWN0b3IsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7XG4gIENvbXBvbmVudFR5cGUsXG4gIE92ZXJsYXksXG4gIE92ZXJsYXlSZWYsXG59IGZyb20gJ0Bhbmd1bGFyL2Nkay9vdmVybGF5JztcblxuaW1wb3J0IHsgQ29tcG9uZW50UG9ydGFsIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL3BvcnRhbCc7XG5cbmltcG9ydCB7IFBvc2l0aW9uIH0gZnJvbSAnLi8uLi9lbnVtcy9wb3NpdGlvbic7XG5pbXBvcnQgeyBGc1BvcG92ZXJSZWYgfSBmcm9tICcuLi9jbGFzcy9wb3BvdmVyLXJlZic7XG5pbXBvcnQgeyBGc1BvcG92ZXJXcmFwcGVyQ29tcG9uZW50IH0gZnJvbSAnLi4vY29tcG9uZW50cy9wb3BvdmVyLXdyYXBwZXIvcG9wb3Zlci13cmFwcGVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBjcmVhdGVPdmVybGF5UmVmIH0gZnJvbSAnLi4vaGVscGVycy9jcmVhdGUtb3ZlcmxheS1yZWYnO1xuaW1wb3J0IHsgY3JlYXRlSW5qZWN0b3IgfSBmcm9tICcuLi9oZWxwZXJzL2NyZWF0ZS1pbmplY3Rvcic7XG5pbXBvcnQgeyBjcmVhdGVUZW1wYXRlUG9ydGFsIH0gZnJvbSAnLi4vaGVscGVycy9jcmVhdGUtdGVtcGxhdGUtcG9ydGFsJztcbmltcG9ydCB7IElQb3BvdmVyQWN0aXZlRWxlbWVudCB9IGZyb20gJy4uL2ludGVyZmFjZXMvcG9wb3Zlci1jb25maWcuaW50ZXJmYWNlJztcblxuXG5ASW5qZWN0YWJsZSgpXG5leHBvcnQgY2xhc3MgRnNQb3BvdmVyU2VydmljZSB7XG5cbiAgcHJpdmF0ZSBfYWN0aXZlRWxlbWVudDogSVBvcG92ZXJBY3RpdmVFbGVtZW50O1xuICBwcml2YXRlIF9hY3RpdmVFbGVtZW50R1VJRDogc3RyaW5nO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgX2luamVjdG9yOiBJbmplY3RvcixcbiAgICBwcml2YXRlIF9vdmVybGF5OiBPdmVybGF5LFxuICApIHt9XG5cbiAgcHVibGljIGdldCBoYXNBY3RpdmVQb3BvdmVyKCkge1xuICAgIHJldHVybiAhIXRoaXMuX2FjdGl2ZUVsZW1lbnQ7XG4gIH1cblxuICBwdWJsaWMgZ2V0IGFjdGl2ZUVsZW1lbnRHVUlEKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuX2FjdGl2ZUVsZW1lbnRHVUlEO1xuICB9XG5cbiAgcHVibGljIHNldEFjdGl2ZVBvcG92ZXJHVUlEKHZhbHVlOiBzdHJpbmcpIHtcbiAgICB0aGlzLl9hY3RpdmVFbGVtZW50R1VJRCA9IHZhbHVlO1xuICB9XG5cbiAgcHVibGljIG9wZW5Qb3BvdmVyKFxuICAgIGVsOiBFbGVtZW50UmVmLFxuICAgIHRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+LFxuICAgIGRhdGE6IGFueSxcbiAgICBwb3BvdmVyUmVmOiBGc1BvcG92ZXJSZWYsXG4gICAgcG9zaXRpb246IFBvc2l0aW9uXG4gICkge1xuXG4gICAgaWYgKHRoaXMuX2FjdGl2ZUVsZW1lbnQpIHtcbiAgICAgIHRoaXMuY2xvc2UodGhpcy5fYWN0aXZlRWxlbWVudC5wb3BvdmVyUmVmKVxuICAgIH1cblxuICAgIGNvbnN0IG92ZXJsYXlSZWYgPSBjcmVhdGVPdmVybGF5UmVmKGVsLCB0aGlzLl9vdmVybGF5LCBwb3NpdGlvbik7XG4gICAgY29uc3QgY29udGFpbmVyUmVmID0gdGhpcy5fb3BlblBvcnRhbFByZXZpZXcoRnNQb3BvdmVyV3JhcHBlckNvbXBvbmVudCwgb3ZlcmxheVJlZiwgcG9wb3ZlclJlZik7XG4gICAgY29uc3QgdGVtcGxhdGVQb3J0YWwgPSBjcmVhdGVUZW1wYXRlUG9ydGFsKHRlbXBsYXRlLCBwb3BvdmVyUmVmLCBkYXRhKTtcblxuICAgIGNvbnRhaW5lclJlZi5pbnN0YW5jZS5hdHRhY2hUZW1wbGF0ZVBvcnRhbCh0ZW1wbGF0ZVBvcnRhbCk7XG4gICAgcG9wb3ZlclJlZi5vdmVybGF5UmVmID0gb3ZlcmxheVJlZjtcblxuICAgIHRoaXMuX2FjdGl2ZUVsZW1lbnQgPSB7XG4gICAgICBvdmVybGF5UmVmLFxuICAgICAgcG9wb3ZlclJlZixcbiAgICB9O1xuXG4gICAgcmV0dXJuIGNvbnRhaW5lclJlZi5sb2NhdGlvbi5uYXRpdmVFbGVtZW50O1xuICB9XG5cbiAgcHVibGljIGNsb3NlKHBvcG92ZXJSZWY6IEZzUG9wb3ZlclJlZiA9IG51bGwpIHtcbiAgICBpZiAodGhpcy5fYWN0aXZlRWxlbWVudC5wb3BvdmVyUmVmID09PSBwb3BvdmVyUmVmKSB7XG4gICAgICBwb3BvdmVyUmVmLmNsb3NlKCk7XG4gICAgICB0aGlzLl9hY3RpdmVFbGVtZW50ID0gdm9pZCAwO1xuICAgICAgdGhpcy5fYWN0aXZlRWxlbWVudEdVSUQgPSB2b2lkIDA7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBfb3BlblBvcnRhbFByZXZpZXcoXG4gICAgY29tcG9uZW50OiBDb21wb25lbnRUeXBlPEZzUG9wb3ZlcldyYXBwZXJDb21wb25lbnQ+LFxuICAgIG92ZXJsYXlSZWY6IE92ZXJsYXlSZWYsXG4gICAgcG9wb3ZlclJlZjogRnNQb3BvdmVyUmVmLFxuICApIHtcbiAgICBjb25zdCBjb250YWluZXJQb3J0YWwgPSBuZXcgQ29tcG9uZW50UG9ydGFsPEZzUG9wb3ZlcldyYXBwZXJDb21wb25lbnQ+KFxuICAgICAgY29tcG9uZW50LFxuICAgICAgdm9pZCAwLFxuICAgICAgY3JlYXRlSW5qZWN0b3IocG9wb3ZlclJlZiwgdGhpcy5faW5qZWN0b3IpLFxuICAgICk7XG5cbiAgICByZXR1cm4gb3ZlcmxheVJlZi5hdHRhY2goY29udGFpbmVyUG9ydGFsKTtcbiAgfVxufVxuIl19
@@ -2,6 +2,4 @@
2
2
  * Generated bundle index. Do not edit.
3
3
  */
4
4
  export * from './public_api';
5
- export { FsPopoverWrapperComponent as ɵb } from './app/components/popover-wrapper/popover-wrapper.component';
6
- export { FsPopoverService as ɵa } from './app/services/popover.service';
7
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlyZXN0aXRjaC1wb3BvdmVyLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGZpcmVzdGl0Y2gvcG9wb3Zlci8iLCJzb3VyY2VzIjpbImZpcmVzdGl0Y2gtcG9wb3Zlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDO0FBRTdCLE9BQU8sRUFBQyx5QkFBeUIsSUFBSSxFQUFFLEVBQUMsTUFBTSw0REFBNEQsQ0FBQztBQUMzRyxPQUFPLEVBQUMsZ0JBQWdCLElBQUksRUFBRSxFQUFDLE1BQU0sZ0NBQWdDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vcHVibGljX2FwaSc7XG5cbmV4cG9ydCB7RnNQb3BvdmVyV3JhcHBlckNvbXBvbmVudCBhcyDJtWJ9IGZyb20gJy4vYXBwL2NvbXBvbmVudHMvcG9wb3Zlci13cmFwcGVyL3BvcG92ZXItd3JhcHBlci5jb21wb25lbnQnO1xuZXhwb3J0IHtGc1BvcG92ZXJTZXJ2aWNlIGFzIMm1YX0gZnJvbSAnLi9hcHAvc2VydmljZXMvcG9wb3Zlci5zZXJ2aWNlJzsiXX0=
5
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlyZXN0aXRjaC1wb3BvdmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2ZpcmVzdGl0Y2gtcG9wb3Zlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpY19hcGknO1xuIl19
@@ -4,4 +4,4 @@
4
4
  export { FsPopoverModule } from './app/fs-popover.module';
5
5
  export { FsPopoverComponent } from './app/components/popover/popover.component';
6
6
  export { FsPopoverRef } from './app/class/popover-ref';
7
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BmaXJlc3RpdGNoL3BvcG92ZXIvIiwic291cmNlcyI6WyJwdWJsaWNfYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBRTFELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDRDQUE0QyxDQUFDO0FBRWhGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgZnMtbWVudVxuICovXG5cbmV4cG9ydCB7IEZzUG9wb3Zlck1vZHVsZSB9IGZyb20gJy4vYXBwL2ZzLXBvcG92ZXIubW9kdWxlJztcblxuZXhwb3J0IHsgRnNQb3BvdmVyQ29tcG9uZW50IH0gZnJvbSAnLi9hcHAvY29tcG9uZW50cy9wb3BvdmVyL3BvcG92ZXIuY29tcG9uZW50JztcblxuZXhwb3J0IHsgRnNQb3BvdmVyUmVmIH0gZnJvbSAnLi9hcHAvY2xhc3MvcG9wb3Zlci1yZWYnO1xuXG5leHBvcnQgeyBJUG9wb3ZlckNvbmZpZyB9IGZyb20gJy4vYXBwL2ludGVyZmFjZXMvcG9wb3Zlci1jb25maWcuaW50ZXJmYWNlJztcbiJdfQ==
7
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wdWJsaWNfYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBRTFELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDRDQUE0QyxDQUFDO0FBRWhGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgZnMtbWVudVxuICovXG5cbmV4cG9ydCB7IEZzUG9wb3Zlck1vZHVsZSB9IGZyb20gJy4vYXBwL2ZzLXBvcG92ZXIubW9kdWxlJztcblxuZXhwb3J0IHsgRnNQb3BvdmVyQ29tcG9uZW50IH0gZnJvbSAnLi9hcHAvY29tcG9uZW50cy9wb3BvdmVyL3BvcG92ZXIuY29tcG9uZW50JztcblxuZXhwb3J0IHsgRnNQb3BvdmVyUmVmIH0gZnJvbSAnLi9hcHAvY2xhc3MvcG9wb3Zlci1yZWYnO1xuXG5leHBvcnQgeyBJUG9wb3ZlckNvbmZpZyB9IGZyb20gJy4vYXBwL2ludGVyZmFjZXMvcG9wb3Zlci1jb25maWcuaW50ZXJmYWNlJztcbiJdfQ==
@@ -1,13 +1,18 @@
1
- import { __decorate, __metadata, __param } from 'tslib';
2
- import { Injectable, ElementRef, NgZone, ViewChild, HostBinding, Component, ChangeDetectionStrategy, Injector, Optional, Input, TemplateRef, NgModule } from '@angular/core';
1
+ import * as i0 from '@angular/core';
2
+ import { Component, ChangeDetectionStrategy, ViewChild, HostBinding, Injectable, Optional, Input, NgModule } from '@angular/core';
3
+ import * as i3 from '@angular/common';
3
4
  import { CommonModule } from '@angular/common';
5
+ import * as i4 from '@angular/cdk/portal';
4
6
  import { BasePortalOutlet, CdkPortalOutlet, PortalInjector, TemplatePortal, ComponentPortal, PortalModule } from '@angular/cdk/portal';
7
+ import * as i2 from '@angular/material/progress-spinner';
5
8
  import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
6
- import { NavigationEnd, Router } from '@angular/router';
9
+ import * as i2$1 from '@angular/router';
10
+ import { NavigationEnd } from '@angular/router';
7
11
  import { BehaviorSubject, combineLatest, Subject, fromEvent, timer, pipe, merge } from 'rxjs';
8
12
  import { map, filter, takeUntil, debounceTime, delay, tap, switchMap, mapTo, startWith, distinctUntilChanged, withLatestFrom, finalize } from 'rxjs/operators';
9
13
  import { guid } from '@firestitch/common';
10
- import { OverlayConfig, Overlay } from '@angular/cdk/overlay';
14
+ import * as i1 from '@angular/cdk/overlay';
15
+ import { OverlayConfig } from '@angular/cdk/overlay';
11
16
 
12
17
  var Position;
13
18
  (function (Position) {
@@ -17,7 +22,7 @@ var Position;
17
22
  Position["West"] = "west";
18
23
  })(Position || (Position = {}));
19
24
 
20
- let FsPopoverRef = class FsPopoverRef {
25
+ class FsPopoverRef {
21
26
  constructor(config = {}) {
22
27
  this._autoShow$ = new BehaviorSubject(true);
23
28
  this._autoClose$ = new BehaviorSubject(true);
@@ -99,16 +104,9 @@ let FsPopoverRef = class FsPopoverRef {
99
104
  this._autoShow$.next(config.autoShow);
100
105
  this._autoClose$.next(config.autoClose);
101
106
  }
102
- };
103
- FsPopoverRef.ctorParameters = () => [
104
- { type: undefined }
105
- ];
106
- FsPopoverRef = __decorate([
107
- Injectable(),
108
- __metadata("design:paramtypes", [Object])
109
- ], FsPopoverRef);
107
+ }
110
108
 
111
- let FsPopoverWrapperComponent = class FsPopoverWrapperComponent extends BasePortalOutlet {
109
+ class FsPopoverWrapperComponent extends BasePortalOutlet {
112
110
  constructor(popoverRef, _el, _zone) {
113
111
  super();
114
112
  this.popoverRef = popoverRef;
@@ -195,35 +193,27 @@ let FsPopoverWrapperComponent = class FsPopoverWrapperComponent extends BasePort
195
193
  this.popoverRef.updatePosition();
196
194
  });
197
195
  }
198
- };
199
- FsPopoverWrapperComponent.ctorParameters = () => [
200
- { type: FsPopoverRef },
201
- { type: ElementRef },
202
- { type: NgZone }
203
- ];
204
- __decorate([
205
- ViewChild(CdkPortalOutlet, { static: true }),
206
- __metadata("design:type", CdkPortalOutlet)
207
- ], FsPopoverWrapperComponent.prototype, "_portalOutlet", void 0);
208
- __decorate([
209
- ViewChild('spinner'),
210
- __metadata("design:type", Object)
211
- ], FsPopoverWrapperComponent.prototype, "spinner", void 0);
212
- __decorate([
213
- HostBinding('class'),
214
- __metadata("design:type", Object)
215
- ], FsPopoverWrapperComponent.prototype, "class", void 0);
216
- FsPopoverWrapperComponent = __decorate([
217
- Component({
218
- selector: 'fs-popover-wrapper',
219
- 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",
220
- changeDetection: ChangeDetectionStrategy.OnPush,
221
- 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}}"]
222
- }),
223
- __metadata("design:paramtypes", [FsPopoverRef,
224
- ElementRef,
225
- NgZone])
226
- ], FsPopoverWrapperComponent);
196
+ }
197
+ FsPopoverWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsPopoverWrapperComponent, deps: [{ token: FsPopoverRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
198
+ FsPopoverWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FsPopoverWrapperComponent, selector: "fs-popover-wrapper", host: { properties: { "class": "this.class" } }, viewQueries: [{ propertyName: "_portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }, { propertyName: "spinner", first: true, predicate: ["spinner"], descendants: true }], usesInheritance: true, ngImport: i0, 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", styles: [".wrapper{padding:6px;animation:fadeIn ease .2s}.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:200;z-index:1}.wrapper .fs-popover-arrow.dark{z-index:0}::ng-deep .fs-popover-top .fs-popover-arrow,::ng-deep .fs-popover-bottom .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:#dfdfdf40;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:#dfdfdf40;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:#dfdfdf40;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:#dfdfdf40;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}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}\n"], components: [{ type: i2.MatSpinner, selector: "mat-spinner", inputs: ["color"] }], directives: [{ type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i4.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3.AsyncPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
199
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsPopoverWrapperComponent, decorators: [{
200
+ type: Component,
201
+ args: [{
202
+ selector: 'fs-popover-wrapper',
203
+ templateUrl: 'popover-wrapper.component.html',
204
+ styleUrls: ['popover-wrapper.component.scss'],
205
+ changeDetection: ChangeDetectionStrategy.OnPush,
206
+ }]
207
+ }], ctorParameters: function () { return [{ type: FsPopoverRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { _portalOutlet: [{
208
+ type: ViewChild,
209
+ args: [CdkPortalOutlet, { static: true }]
210
+ }], spinner: [{
211
+ type: ViewChild,
212
+ args: ['spinner']
213
+ }], class: [{
214
+ type: HostBinding,
215
+ args: ['class']
216
+ }] } });
227
217
 
228
218
  function createPopupPositionStrategy(el, overlay, position) {
229
219
  let overlayX = 'center';
@@ -301,7 +291,7 @@ function createTempatePortal(template, popoverRef, data) {
301
291
  return new TemplatePortal(template, void 0, { data: data, popover: popoverRef });
302
292
  }
303
293
 
304
- let FsPopoverService = class FsPopoverService {
294
+ class FsPopoverService {
305
295
  constructor(_injector, _overlay) {
306
296
  this._injector = _injector;
307
297
  this._overlay = _overlay;
@@ -341,22 +331,18 @@ let FsPopoverService = class FsPopoverService {
341
331
  const containerPortal = new ComponentPortal(component, void 0, createInjector(popoverRef, this._injector));
342
332
  return overlayRef.attach(containerPortal);
343
333
  }
344
- };
345
- FsPopoverService.ctorParameters = () => [
346
- { type: Injector },
347
- { type: Overlay }
348
- ];
349
- FsPopoverService = __decorate([
350
- Injectable(),
351
- __metadata("design:paramtypes", [Injector,
352
- Overlay])
353
- ], FsPopoverService);
334
+ }
335
+ FsPopoverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsPopoverService, deps: [{ token: i0.Injector }, { token: i1.Overlay }], target: i0.ɵɵFactoryTarget.Injectable });
336
+ FsPopoverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsPopoverService });
337
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsPopoverService, decorators: [{
338
+ type: Injectable
339
+ }], ctorParameters: function () { return [{ type: i0.Injector }, { type: i1.Overlay }]; } });
354
340
 
355
341
  function pointInRect(x1, y1, x2, y2, px, py) {
356
342
  return (px > x1 && px < x2) && (py > y1 && py < y2);
357
343
  }
358
344
 
359
- let FsPopoverComponent = class FsPopoverComponent {
345
+ class FsPopoverComponent {
360
346
  constructor(_elRef, _popoverService, _ngZone, _router) {
361
347
  this._elRef = _elRef;
362
348
  this._popoverService = _popoverService;
@@ -457,7 +443,7 @@ let FsPopoverComponent = class FsPopoverComponent {
457
443
  .subscribe();
458
444
  }
459
445
  _openPopover() {
460
- if (this._popoverService.activeElementGUID !== this._guid) {
446
+ if (this.trigger === 'mouseover' && this._popoverService.activeElementGUID !== this._guid) {
461
447
  return;
462
448
  }
463
449
  this._hostBounds = this._elRef.nativeElement.getBoundingClientRect();
@@ -466,10 +452,12 @@ let FsPopoverComponent = class FsPopoverComponent {
466
452
  });
467
453
  }
468
454
  _listenMouseHostLeave$() {
469
- return this._mouseMove$
455
+ const mouseMove$ = this._mouseMove$
470
456
  .pipe(debounceTime(50), filter(() => !!this._wrapperElement), filter((event) => {
471
457
  return this._popoverRef.autoClose && this._mouseLeftTheTargets(event);
472
458
  }));
459
+ const mouseClick$ = fromEvent(this._elRef.nativeElement, 'click');
460
+ return merge(mouseMove$, mouseClick$);
473
461
  //
474
462
  // return this._mouseLeave$
475
463
  // .pipe(
@@ -485,113 +473,89 @@ let FsPopoverComponent = class FsPopoverComponent {
485
473
  const pointInPopoverRect = pointInRect(popoverBounds.x, popoverBounds.y, popoverBounds.x + popoverBounds.width, popoverBounds.y + popoverBounds.height, event.x, event.y);
486
474
  return !pointInHostRect && !pointInPopoverRect;
487
475
  }
488
- };
489
- FsPopoverComponent.ctorParameters = () => [
490
- { type: ElementRef },
491
- { type: FsPopoverService },
492
- { type: NgZone },
493
- { type: Router, decorators: [{ type: Optional }] }
494
- ];
495
- __decorate([
496
- Input(),
497
- __metadata("design:type", TemplateRef)
498
- ], FsPopoverComponent.prototype, "template", void 0);
499
- __decorate([
500
- Input(),
501
- __metadata("design:type", Object)
502
- ], FsPopoverComponent.prototype, "data", void 0);
503
- __decorate([
504
- Input(),
505
- __metadata("design:type", Object)
506
- ], FsPopoverComponent.prototype, "leaveDelay", void 0);
507
- __decorate([
508
- Input(),
509
- __metadata("design:type", Object)
510
- ], FsPopoverComponent.prototype, "showDelay", void 0);
511
- __decorate([
512
- Input(),
513
- __metadata("design:type", Object)
514
- ], FsPopoverComponent.prototype, "maxWidth", void 0);
515
- __decorate([
516
- Input(),
517
- __metadata("design:type", String)
518
- ], FsPopoverComponent.prototype, "wrapperClass", void 0);
519
- __decorate([
520
- Input(),
521
- __metadata("design:type", Object)
522
- ], FsPopoverComponent.prototype, "autoShow", void 0);
523
- __decorate([
524
- Input(),
525
- __metadata("design:type", Object)
526
- ], FsPopoverComponent.prototype, "autoClose", void 0);
527
- __decorate([
528
- Input(),
529
- __metadata("design:type", Object)
530
- ], FsPopoverComponent.prototype, "loadingDiameter", void 0);
531
- __decorate([
532
- Input(),
533
- __metadata("design:type", Object)
534
- ], FsPopoverComponent.prototype, "loading", void 0);
535
- __decorate([
536
- Input(),
537
- HostBinding('class.indication'),
538
- __metadata("design:type", Object)
539
- ], FsPopoverComponent.prototype, "indication", void 0);
540
- __decorate([
541
- Input(),
542
- __metadata("design:type", String)
543
- ], FsPopoverComponent.prototype, "position", void 0);
544
- __decorate([
545
- Input(),
546
- __metadata("design:type", String)
547
- ], FsPopoverComponent.prototype, "theme", void 0);
548
- __decorate([
549
- Input(),
550
- __metadata("design:type", String)
551
- ], FsPopoverComponent.prototype, "size", void 0);
552
- __decorate([
553
- Input(),
554
- __metadata("design:type", String)
555
- ], FsPopoverComponent.prototype, "trigger", void 0);
556
- FsPopoverComponent = __decorate([
557
- Component({
558
- selector: 'fs-popover',
559
- 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",
560
- changeDetection: ChangeDetectionStrategy.OnPush,
561
- 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}"]
562
- }),
563
- __param(3, Optional()),
564
- __metadata("design:paramtypes", [ElementRef,
565
- FsPopoverService,
566
- NgZone,
567
- Router])
568
- ], FsPopoverComponent);
476
+ }
477
+ FsPopoverComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsPopoverComponent, deps: [{ token: i0.ElementRef }, { token: FsPopoverService }, { token: i0.NgZone }, { token: i2$1.Router, optional: true }], target: i0.ɵɵFactoryTarget.Component });
478
+ FsPopoverComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: FsPopoverComponent, selector: "fs-popover", inputs: { template: "template", data: "data", leaveDelay: "leaveDelay", showDelay: "showDelay", maxWidth: "maxWidth", wrapperClass: "wrapperClass", autoShow: "autoShow", autoClose: "autoClose", loadingDiameter: "loadingDiameter", loading: "loading", indication: "indication", position: "position", theme: "theme", size: "size", trigger: "trigger" }, host: { properties: { "class.indication": "this.indication" } }, ngImport: i0, 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", 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}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
479
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsPopoverComponent, decorators: [{
480
+ type: Component,
481
+ args: [{
482
+ selector: 'fs-popover',
483
+ templateUrl: 'popover.component.html',
484
+ styleUrls: ['popover.component.scss'],
485
+ changeDetection: ChangeDetectionStrategy.OnPush
486
+ }]
487
+ }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: FsPopoverService }, { type: i0.NgZone }, { type: i2$1.Router, decorators: [{
488
+ type: Optional
489
+ }] }]; }, propDecorators: { template: [{
490
+ type: Input
491
+ }], data: [{
492
+ type: Input
493
+ }], leaveDelay: [{
494
+ type: Input
495
+ }], showDelay: [{
496
+ type: Input
497
+ }], maxWidth: [{
498
+ type: Input
499
+ }], wrapperClass: [{
500
+ type: Input
501
+ }], autoShow: [{
502
+ type: Input
503
+ }], autoClose: [{
504
+ type: Input
505
+ }], loadingDiameter: [{
506
+ type: Input
507
+ }], loading: [{
508
+ type: Input
509
+ }], indication: [{
510
+ type: Input
511
+ }, {
512
+ type: HostBinding,
513
+ args: ['class.indication']
514
+ }], position: [{
515
+ type: Input
516
+ }], theme: [{
517
+ type: Input
518
+ }], size: [{
519
+ type: Input
520
+ }], trigger: [{
521
+ type: Input
522
+ }] } });
569
523
 
570
- var FsPopoverModule_1;
571
- let FsPopoverModule = FsPopoverModule_1 = class FsPopoverModule {
524
+ class FsPopoverModule {
572
525
  static forRoot() {
573
526
  return {
574
- ngModule: FsPopoverModule_1,
527
+ ngModule: FsPopoverModule,
575
528
  providers: [FsPopoverService]
576
529
  };
577
530
  }
578
- };
579
- FsPopoverModule = FsPopoverModule_1 = __decorate([
580
- NgModule({
581
- imports: [
531
+ }
532
+ FsPopoverModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsPopoverModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
533
+ FsPopoverModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsPopoverModule, declarations: [FsPopoverComponent,
534
+ FsPopoverWrapperComponent], imports: [CommonModule,
535
+ PortalModule,
536
+ MatProgressSpinnerModule], exports: [FsPopoverComponent] });
537
+ FsPopoverModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsPopoverModule, imports: [[
582
538
  CommonModule,
583
539
  PortalModule,
584
540
  MatProgressSpinnerModule,
585
- ],
586
- declarations: [
587
- FsPopoverComponent,
588
- FsPopoverWrapperComponent,
589
- ],
590
- exports: [
591
- FsPopoverComponent,
592
- ],
593
- })
594
- ], FsPopoverModule);
541
+ ]] });
542
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: FsPopoverModule, decorators: [{
543
+ type: NgModule,
544
+ args: [{
545
+ imports: [
546
+ CommonModule,
547
+ PortalModule,
548
+ MatProgressSpinnerModule,
549
+ ],
550
+ declarations: [
551
+ FsPopoverComponent,
552
+ FsPopoverWrapperComponent,
553
+ ],
554
+ exports: [
555
+ FsPopoverComponent,
556
+ ],
557
+ }]
558
+ }] });
595
559
 
596
560
  /*
597
561
  * Public API Surface of fs-menu
@@ -601,5 +565,5 @@ FsPopoverModule = FsPopoverModule_1 = __decorate([
601
565
  * Generated bundle index. Do not edit.
602
566
  */
603
567
 
604
- export { FsPopoverComponent, FsPopoverModule, FsPopoverRef, FsPopoverService as ɵa, FsPopoverWrapperComponent as ɵb };
568
+ export { FsPopoverComponent, FsPopoverModule, FsPopoverRef };
605
569
  //# sourceMappingURL=firestitch-popover.js.map