@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.
- package/app/components/popover/popover.component.d.ts +3 -0
- package/app/components/popover-wrapper/popover-wrapper.component.d.ts +3 -0
- package/app/fs-popover.module.d.ts +9 -0
- package/app/services/popover.service.d.ts +3 -0
- package/bundles/firestitch-popover.umd.js +491 -396
- package/bundles/firestitch-popover.umd.js.map +1 -1
- package/esm2015/app/class/popover-ref.js +3 -13
- package/esm2015/app/components/popover/popover.component.js +57 -88
- package/esm2015/app/components/popover-wrapper/popover-wrapper.component.js +29 -34
- package/esm2015/app/enums/position.js +1 -1
- package/esm2015/app/fs-popover.module.js +29 -20
- package/esm2015/app/helpers/create-injector.js +1 -1
- package/esm2015/app/helpers/create-overlay-ref.js +1 -1
- package/esm2015/app/helpers/create-position-strategy.js +1 -1
- package/esm2015/app/helpers/create-template-portal.js +1 -1
- package/esm2015/app/helpers/point-in-rect.js +1 -1
- package/esm2015/app/interfaces/popover-config.interface.js +2 -1
- package/esm2015/app/services/popover.service.js +12 -16
- package/esm2015/firestitch-popover.js +1 -3
- package/esm2015/public_api.js +1 -1
- package/fesm2015/firestitch-popover.js +120 -156
- package/fesm2015/firestitch-popover.js.map +1 -1
- package/firestitch-popover.d.ts +1 -2
- package/package.json +7 -8
- package/styles.scss +3 -2
- package/bundles/firestitch-popover.umd.min.js +0 -16
- package/bundles/firestitch-popover.umd.min.js.map +0 -1
- package/esm5/app/class/popover-ref.js +0 -152
- package/esm5/app/components/popover/popover.component.js +0 -239
- package/esm5/app/components/popover-wrapper/popover-wrapper.component.js +0 -138
- package/esm5/app/enums/position.js +0 -8
- package/esm5/app/fs-popover.module.js +0 -39
- package/esm5/app/helpers/create-injector.js +0 -9
- package/esm5/app/helpers/create-overlay-ref.js +0 -12
- package/esm5/app/helpers/create-position-strategy.js +0 -56
- package/esm5/app/helpers/create-template-portal.js +0 -5
- package/esm5/app/helpers/point-in-rect.js +0 -4
- package/esm5/app/interfaces/popover-config.interface.js +0 -1
- package/esm5/app/services/popover.service.js +0 -70
- package/esm5/firestitch-popover.js +0 -7
- package/esm5/public_api.js +0 -7
- package/fesm5/firestitch-popover.js +0 -706
- package/fesm5/firestitch-popover.js.map +0 -1
- package/firestitch-popover.metadata.json +0 -1
|
@@ -1,12 +1,13 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
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
|
-
|
|
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
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
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
|
-
|
|
6
|
-
export { FsPopoverService as ɵa } from './app/services/popover.service';
|
|
7
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlyZXN0aXRjaC1wb3BvdmVyLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQGZpcmVzdGl0Y2gvcG9wb3Zlci8iLCJzb3VyY2VzIjpbImZpcmVzdGl0Y2gtcG9wb3Zlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDO0FBRTdCLE9BQU8sRUFBQyx5QkFBeUIsSUFBSSxFQUFFLEVBQUMsTUFBTSw0REFBNEQsQ0FBQztBQUMzRyxPQUFPLEVBQUMsZ0JBQWdCLElBQUksRUFBRSxFQUFDLE1BQU0sZ0NBQWdDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIEdlbmVyYXRlZCBidW5kbGUgaW5kZXguIERvIG5vdCBlZGl0LlxuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vcHVibGljX2FwaSc7XG5cbmV4cG9ydCB7RnNQb3BvdmVyV3JhcHBlckNvbXBvbmVudCBhcyDJtWJ9IGZyb20gJy4vYXBwL2NvbXBvbmVudHMvcG9wb3Zlci13cmFwcGVyL3BvcG92ZXItd3JhcHBlci5jb21wb25lbnQnO1xuZXhwb3J0IHtGc1BvcG92ZXJTZXJ2aWNlIGFzIMm1YX0gZnJvbSAnLi9hcHAvc2VydmljZXMvcG9wb3Zlci5zZXJ2aWNlJzsiXX0=
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlyZXN0aXRjaC1wb3BvdmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2ZpcmVzdGl0Y2gtcG9wb3Zlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpY19hcGknO1xuIl19
|
package/esm2015/public_api.js
CHANGED
|
@@ -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,
|
|
7
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9wdWJsaWNfYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBRTFELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDRDQUE0QyxDQUFDO0FBRWhGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgZnMtbWVudVxuICovXG5cbmV4cG9ydCB7IEZzUG9wb3Zlck1vZHVsZSB9IGZyb20gJy4vYXBwL2ZzLXBvcG92ZXIubW9kdWxlJztcblxuZXhwb3J0IHsgRnNQb3BvdmVyQ29tcG9uZW50IH0gZnJvbSAnLi9hcHAvY29tcG9uZW50cy9wb3BvdmVyL3BvcG92ZXIuY29tcG9uZW50JztcblxuZXhwb3J0IHsgRnNQb3BvdmVyUmVmIH0gZnJvbSAnLi9hcHAvY2xhc3MvcG9wb3Zlci1yZWYnO1xuXG5leHBvcnQgeyBJUG9wb3ZlckNvbmZpZyB9IGZyb20gJy4vYXBwL2ludGVyZmFjZXMvcG9wb3Zlci1jb25maWcuaW50ZXJmYWNlJztcbiJdfQ==
|
|
@@ -1,13 +1,18 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
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
|
|
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
|
|
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
|
-
|
|
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
|
-
|
|
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
|
|
200
|
-
{ type:
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
],
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
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
|
-
|
|
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
|
|
346
|
-
|
|
347
|
-
|
|
348
|
-
|
|
349
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
|
490
|
-
|
|
491
|
-
|
|
492
|
-
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
|
|
498
|
-
]
|
|
499
|
-
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
|
|
512
|
-
|
|
513
|
-
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
|
|
524
|
-
|
|
525
|
-
|
|
526
|
-
],
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
],
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
]
|
|
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
|
-
|
|
571
|
-
let FsPopoverModule = FsPopoverModule_1 = class FsPopoverModule {
|
|
524
|
+
class FsPopoverModule {
|
|
572
525
|
static forRoot() {
|
|
573
526
|
return {
|
|
574
|
-
ngModule:
|
|
527
|
+
ngModule: FsPopoverModule,
|
|
575
528
|
providers: [FsPopoverService]
|
|
576
529
|
};
|
|
577
530
|
}
|
|
578
|
-
}
|
|
579
|
-
FsPopoverModule =
|
|
580
|
-
|
|
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
|
-
|
|
587
|
-
|
|
588
|
-
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
|
|
592
|
-
|
|
593
|
-
|
|
594
|
-
|
|
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
|
|
568
|
+
export { FsPopoverComponent, FsPopoverModule, FsPopoverRef };
|
|
605
569
|
//# sourceMappingURL=firestitch-popover.js.map
|