@dereekb/dbx-web 0.0.1

package/esm2020/lib/interaction/popup/popup.component.mjs

@@ -0,0 +1,138 @@
+import { Component, ComponentFactoryResolver, NgZone, ViewChild, ViewContainerRef } from '@angular/core';
+import { NgPopoverRef } from 'ng-overlay-container';
+import { CompactMode, CompactContextStore } from '../../layout';
+import { BehaviorSubject, Subject } from 'rxjs';
+import { PopupGlobalPositionStrategy } from './popup.position.strategy';
+import { filter, first, map, shareReplay, startWith } from 'rxjs/operators';
+import { AbstractTransitionWatcherDirective, DbNgxRouterTransitionService } from '@dereekb/dbx-core';
+import { DbNgxPopupController, DbNgxPopupWindowState } from './popup';
+import * as i0 from "@angular/core";
+import * as i1 from "ng-overlay-container";
+import * as i2 from "../../layout";
+import * as i3 from "@dereekb/dbx-core";
+import * as i4 from "./popup.coordinator.component";
+export const APP_POPUP_NORMAL_WIDTH = '700px';
+export const APP_POPUP_MINIMIZED_WIDTH = '300px';
+export const APP_POPUP_NORMAL_HEIGHT = 'auto';
+export class DbNgxPopupComponentController extends DbNgxPopupController {
+}
+/**
+ * Popup component.
+ */
+export class DbNgxPopupComponent extends AbstractTransitionWatcherDirective {
+    constructor(popoverRef, compactContextState, resolver, dbNgxRouterTransitionService, ngZone) {
+        super(dbNgxRouterTransitionService, ngZone);
+        this.popoverRef = popoverRef;
+        this.compactContextState = compactContextState;
+        this.resolver = resolver;
+        this.closing = new Subject();
+        this.isClosing$ = this.closing.pipe(first(), map(x => true), startWith(false), shareReplay(1));
+        this.closing$ = this.isClosing$.pipe(filter(x => x));
+        this._windowState = new BehaviorSubject(DbNgxPopupWindowState.NORMAL);
+        this.windowState$ = this._windowState.asObservable();
+        this.compactContextState.setMode(CompactMode.COMPACT);
+        this._position = new PopupGlobalPositionStrategy(this.config.position, this.config.offset);
+        this.popoverRef.overlay.updatePositionStrategy(this._position);
+    }
+    get config() {
+        return this.popoverRef.data;
+    }
+    get key() {
+        return this.config.key;
+    }
+    get data() {
+        return this.config.data;
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        this._content.clear();
+        const componentClass = this.config.componentClass;
+        const factory = this.resolver.resolveComponentFactory(componentClass);
+        this._componentRef = this._content.createComponent(factory);
+        if (this.config.init) {
+            this.config.init(this._componentRef.instance, this);
+        }
+    }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+        this.closing.complete();
+        this._windowState.complete();
+    }
+    updateForSuccessfulTransition() {
+        if (this.config.closeOnTransition !== false) {
+            this.close();
+        }
+    }
+    // Popup Controls
+    close() {
+        this.closing.next();
+        if (this.getClosingValueFn) {
+            this.getClosingValueFn().then((x) => {
+                this.return(x);
+            }, () => {
+                this.return();
+            });
+        }
+        else {
+            this.return();
+        }
+    }
+    return(value) {
+        this.closing.next();
+        this.popoverRef.close(value);
+    }
+    minimize() {
+        this.popoverRef.isDraggable = false;
+        this.popoverRef.resize(APP_POPUP_MINIMIZED_WIDTH, APP_POPUP_NORMAL_HEIGHT);
+        this.popoverRef.overlay.updatePosition();
+        this._windowState.next(DbNgxPopupWindowState.MINIMIZED);
+    }
+    normalscreen() {
+        this.popoverRef.isDraggable = this.config.isDraggable;
+        this.popoverRef.resize(APP_POPUP_NORMAL_WIDTH, APP_POPUP_NORMAL_HEIGHT);
+        this.popoverRef.overlay.updatePosition();
+        this._windowState.next(DbNgxPopupWindowState.NORMAL);
+    }
+    fullscreen() {
+        this.popoverRef.isDraggable = false;
+        this.popoverRef.resize('100%', '100%');
+        this.popoverRef.overlay.updatePosition();
+        this._windowState.next(DbNgxPopupWindowState.FULLSCREEN);
+    }
+}
+DbNgxPopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxPopupComponent, deps: [{ token: i1.NgPopoverRef }, { token: i2.CompactContextStore }, { token: i0.ComponentFactoryResolver }, { token: i3.DbNgxRouterTransitionService }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+DbNgxPopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbNgxPopupComponent, selector: "ng-component", providers: [{
+            provide: DbNgxPopupController,
+            useExisting: DbNgxPopupComponent
+        }, {
+            provide: CompactContextStore
+        }], viewQueries: [{ propertyName: "_content", first: true, predicate: ["content"], descendants: true, read: ViewContainerRef, static: true }], usesInheritance: true, ngImport: i0, template: `
+  <dbx-popup-coordinator>
+    <div class="dbx-popup-component">
+      <ng-template #content></ng-template>
+    </div>
+  </dbx-popup-coordinator>
+  `, isInline: true, components: [{ type: i4.DbNgxPopupCoordinatorComponent, selector: "dbx-popup-coordinator" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxPopupComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: `
+  <dbx-popup-coordinator>
+    <div class="dbx-popup-component">
+      <ng-template #content></ng-template>
+    </div>
+  </dbx-popup-coordinator>
+  `,
+                    // TODO: styleUrls: ['./popup.scss'],
+                    providers: [{
+                            provide: DbNgxPopupController,
+                            useExisting: DbNgxPopupComponent
+                        }, {
+                            provide: CompactContextStore
+                        }]
+                }]
+        }], ctorParameters: function () { return [{ type: i1.NgPopoverRef }, { type: i2.CompactContextStore }, { type: i0.ComponentFactoryResolver }, { type: i3.DbNgxRouterTransitionService }, { type: i0.NgZone }]; }, propDecorators: { _content: [{
+                type: ViewChild,
+                args: ['content', { static: true, read: ViewContainerRef }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9wdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9zcmMvbGliL2ludGVyYWN0aW9uL3BvcHVwL3BvcHVwLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sRUFBUSxTQUFTLEVBQUUsZ0JBQWdCLEVBQW1DLE1BQU0sZUFBZSxDQUFDO0FBQ2hKLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUVwRCxPQUFPLEVBQUUsV0FBVyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQ2hFLE9BQU8sRUFBRSxlQUFlLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQ2hELE9BQU8sRUFBRSwyQkFBMkIsRUFBc0MsTUFBTSwyQkFBMkIsQ0FBQztBQUM1RyxPQUFPLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxHQUFHLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzVFLE9BQU8sRUFBRSxrQ0FBa0MsRUFBRSw0QkFBNEIsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ3JHLE9BQU8sRUFBRSxvQkFBb0IsRUFBaUIscUJBQXFCLEVBQUUsTUFBTSxTQUFTLENBQUM7Ozs7OztBQUVyRixNQUFNLENBQUMsTUFBTSxzQkFBc0IsR0FBRyxPQUFPLENBQUM7QUFDOUMsTUFBTSxDQUFDLE1BQU0seUJBQXlCLEdBQUcsT0FBTyxDQUFDO0FBQ2pELE1BQU0sQ0FBQyxNQUFNLHVCQUF1QixHQUFHLE1BQU0sQ0FBQztBQUU5QyxNQUFNLE9BQWdCLDZCQUFvQyxTQUFRLG9CQUEwQjtDQUUzRjtBQWtCRDs7R0FFRztBQWlCSCxNQUFNLE9BQU8sbUJBQStDLFNBQVEsa0NBQWtDO0lBaUJwRyxZQUNVLFVBQStELEVBQy9ELG1C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QUM7UUFDcEMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxNQUFNLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQyxDQUFDO1FBQ3ZDLElBQUksQ0FBQyxVQUFVLENBQUMsT0FBTyxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBQ3pDLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLHFCQUFxQixDQUFDLFVBQVUsQ0FBQyxDQUFDO0lBQzNELENBQUM7O2dIQXpHVSxtQkFBbUI7b0dBQW5CLG1CQUFtQix1Q0FQbkIsQ0FBQztZQUNWLE9BQU8sRUFBRSxvQkFBb0I7WUFDN0IsV0FBVyxFQUFFLG1CQUFtQjtTQUNqQyxFQUFFO1lBQ0QsT0FBTyxFQUFFLG1CQUFtQjtTQUM3QixDQUFDLDBHQU0wQyxnQkFBZ0Isa0VBbkJsRDs7Ozs7O0dBTVQ7MkZBU1UsbUJBQW1CO2tCQWhCL0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUU7Ozs7OztHQU1UO29CQUNELHFDQUFxQztvQkFDckMsU0FBUyxFQUFFLENBQUM7NEJBQ1YsT0FBTyxFQUFFLG9CQUFvQjs0QkFDN0IsV0FBVyxxQkFBcUI7eUJBQ2pDLEVBQUU7NEJBQ0QsT0FBTyxFQUFFLG1CQUFtQjt5QkFDN0IsQ0FBQztpQkFDSDs0T0FNUyxRQUFRO3NCQURmLFNBQVM7dUJBQUMsU0FBUyxFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsZ0JBQWdCLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENvbXBvbmVudEZhY3RvcnlSZXNvbHZlciwgTmdab25lLCBUeXBlLCBWaWV3Q2hpbGQsIFZpZXdDb250YWluZXJSZWYsIE9uSW5pdCwgT25EZXN0cm95LCBDb21wb25lbnRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5nUG9wb3ZlclJlZiB9IGZyb20gJ25nLW92ZXJsYXktY29udGFpbmVyJztcbmltcG9ydCB7IE1heWJlIH0gZnJvbSAnQGRlcmVla2IvdXRpbCc7XG5pbXBvcnQgeyBDb21wYWN0TW9kZSwgQ29tcGFjdENvbnRleHRTdG9yZSB9IGZyb20gJy4uLy4uL2xheW91dCc7XG5pbXBvcnQgeyBCZWhhdmlvclN1YmplY3QsIFN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IFBvcHVwR2xvYmFsUG9zaXRpb25TdHJhdGVneSwgUG9wdXBQb3NpdGlvbiwgUG9wdXBQb3NpdGlvbk9mZnNldCB9IGZyb20gJy4vcG9wdXAucG9zaXRpb24uc3RyYXRlZ3knO1xuaW1wb3J0IHsgZmlsdGVyLCBmaXJzdCwgbWFwLCBzaGFyZVJlcGxheSwgc3RhcnRXaXRoIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuaW1wb3J0IHsgQWJzdHJhY3RUcmFuc2l0aW9uV2F0Y2hlckRpcmVjdGl2ZSwgRGJOZ3hSb3V0ZXJUcmFuc2l0aW9uU2VydmljZSB9IGZyb20gJ0BkZXJlZWtiL2RieC1jb3JlJztcbmltcG9ydCB7IERiTmd4UG9wdXBDb250cm9sbGVyLCBEYk5neFBvcHVwS2V5LCBEYk5neFBvcHVwV2luZG93U3RhdGUgfSBmcm9tICcuL3BvcHVwJztcblxuZXhwb3J0IGNvbnN0IEFQUF9QT1BVUF9OT1JNQUxfV0lEVEggPSAnNzAwcHgnO1xuZXhwb3J0IGNvbnN0IEFQUF9QT1BVUF9NSU5JTUlaRURfV0lEVEggPSAnMzAwcHgnO1xuZXhwb3J0IGNvbnN0IEFQUF9QT1BVUF9OT1JNQUxfSEVJR0hUID0gJ2F1dG8nO1xuXG5leHBvcnQgYWJzdHJhY3QgY2xhc3MgRGJOZ3hQb3B1cENvbXBvbmVudENvbnRyb2xsZXI8SSwgTz4gZXh0ZW5kcyBEYk5neFBvcHVwQ29udHJvbGxlcjxJLCBPPiB7XG4gIGdldENsb3NpbmdWYWx1ZUZuPzogKHZhbHVlPzogSSkgPT4gUHJvbWlzZTxPPjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBEYk5neFBvcHVwQ29tcG9uZW50Q29uZmlnPEksIE8sIFQ+IHtcbiAgLyoqXG4gICAqIEtleSB1c2VkIGZvciB1bmlxdWVseSBpZGVudGlmeWluZyBhIGxpbWl0ZWQgaW5zdGFuY2UuXG4gICAqXG4gICAqIE9ubHkgb25lIHBvcHVwIHNob3VsZCBleGlzdCBhdCBhIHRpbWUgZ2l2ZW4gYSBjZXJ0YWluIGtleS5cbiAgICovXG4gIGtleTogRGJOZ3hQb3B1cEtleTtcbiAgcG9zaXRpb24/OiBQb3B1cFBvc2l0aW9uO1xuICBvZmZzZXQ/OiBQb3B1cFBvc2l0aW9uT2Zmc2V0O1xuICBjbG9zZU9uVHJhbnNpdGlvbj86IGJvb2xlYW47XG4gIGNvbXBvbmVudENsYXNzOiBUeXBlPFQ+O1xuICBkYXRhPzogSTtcbiAgaXNEcmFnZ2FibGU/OiBib29sZWFuO1xuICBpbml0PzogKGNvbXBvbmVudDogVCwgY29udHJvbGxlcjogRGJOZ3hQb3B1cENvbnRyb2xsZXI8SSwgTz4pID0+IHZvaWQ7XG59XG5cbi8qKlxuICogUG9wdXAgY29tcG9uZW50LlxuICovXG5AQ29tcG9uZW50KHtcbiAgdGVtcGxhdGU6IGBcbiAgPGRieC1wb3B1cC1jb29yZGluYXRvcj5cbiAgICA8ZGl2IGNsYXNzPVwiZGJ4LXBvcHVwLWNvbXBvbmVudFwiPlxuICAgICAgPG5nLXRlbXBsYXRlICNjb250ZW50PjwvbmctdGVtcGxhdGU+XG4gICAgPC9kaXY+XG4gIDwvZGJ4LXBvcHVwLWNvb3JkaW5hdG9yPlxuICBgLFxuICAvLyBUT0RPOiBzdHlsZVVybHM6IFsnLi9wb3B1cC5zY3NzJ10sXG4gIHByb3ZpZGVyczogW3tcbiAgICBwcm92aWRlOiBEYk5neFBvcHVwQ29udHJvbGxlcixcbiAgICB1c2VFeGlzdGluZzogRGJOZ3hQb3B1cENvbXBvbmVudFxuICB9LCB7XG4gICAgcHJvdmlkZTogQ29tcGFjdENvbnRleHRTdG9yZVxuICB9XVxufSlcbmV4cG9ydCBjbGFzcyBEYk5neFBvcHVwQ29tcG9uZW50PEkgPSBhbnksIE8gPSBhbnksIFQgPSBhbnk+IGV4dGVuZHMgQWJzdHJhY3RUcmFuc2l0aW9uV2F0Y2hlckRpcmVjdGl2ZSBpbXBsZW1lbnRzIERiTmd4UG9wdXBDb250cm9sbGVyPEksIE8+LCBPbkluaXQsIE9uRGVzdHJveSB7XG5cbiAgcHJpdmF0ZSBfcG9zaXRpb246IFBvcHVwR2xvYmFsUG9zaXRpb25TdHJhdGVneTtcblxuICBAVmlld0NoaWxkKCdjb250ZW50JywgeyBzdGF0aWM6IHRydWUsIHJlYWQ6IFZpZXdDb250YWluZXJSZWYgfSlcbiAgcHJpdmF0ZSBfY29udGVudCE6IFZpZXdDb250YWluZXJSZWY7XG4gIHByaXZhdGUgX2NvbXBvbmVudFJlZj86IENvbXBvbmVudFJlZjxUPjtcblxuICBwcml2YXRlIHJlYWRvbmx5IGNsb3NpbmcgPSBuZXcgU3ViamVjdDx2b2lkPigpO1xuICByZWFkb25seSBpc0Nsb3NpbmckID0gdGhpcy5jbG9zaW5nLnBpcGUoZmlyc3QoKSwgbWFwKHggPT4gdHJ1ZSksIHN0YXJ0V2l0aChmYWxzZSksIHNoYXJlUmVwbGF5KDEpKTtcbiAgcmVhZG9ubHkgY2xvc2luZyQgPSB0aGlzLmlzQ2xvc2luZyQucGlwZShmaWx0ZXIoeCA9PiB4KSk7XG5cbiAgcHJpdmF0ZSByZWFkb25seSBfd2luZG93U3RhdGUgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PERiTmd4UG9wdXBXaW5kb3dTdGF0ZT4oRGJOZ3hQb3B1cFdpbmRvd1N0YXRlLk5PUk1BTCk7XG4gIHJlYWRvbmx5IHdpbmRvd1N0YXRlJCA9IHRoaXMuX3dpbmRvd1N0YXRlLmFzT2JzZXJ2YWJsZSgpO1xuXG4gIGdldENsb3NpbmdWYWx1ZUZuPzogKHZhbHVlPzogSSkgPT4gUHJvbWlzZTxPPjtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIHBvcG92ZXJSZWY6IE5nUG9wb3ZlclJlZjxEYk5neFBvcHVwQ29tcG9uZW50Q29uZmlnPEksIE8sIFQ+LCBPPixcbiAgICBwcml2YXRlIGNvbXBhY3RDb250ZXh0U3RhdGU6IENvbXBhY3RDb250ZXh0U3RvcmUsXG4gICAgcHJpdmF0ZSByZXNvbHZlcjogQ29tcG9uZW50RmFjdG9yeVJlc29sdmVyLFxuICAgIGRiTmd4Um91dGVyVHJhbnNpdGlvblNlcnZpY2U6IERiTmd4Um91dGVyVHJhbnNpdGlvblNlcnZpY2UsXG4gICAgbmdab25lOiBOZ1pvbmUpIHtcbiAgICBzdXBlcihkYk5neFJvdXRlclRyYW5zaXRpb25TZXJ2aWNlLCBuZ1pvbmUpO1xuXG4gICAgdGhpcy5jb21wYWN0Q29udGV4dFN0YXRlLnNldE1vZGUoQ29tcGFjdE1vZGUuQ09NUEFDVCk7XG4gICAgdGhpcy5fcG9zaXRpb24gPSBuZXcgUG9wdXBHbG9iYWxQb3NpdGlvblN0cmF0ZWd5KHRoaXMuY29uZmlnLnBvc2l0aW9uLCB0aGlzLmNvbmZpZy5vZmZzZXQpO1xuICAgIHRoaXMucG9wb3ZlclJlZi5vdmVybGF5LnVwZGF0ZVBvc2l0aW9uU3RyYXRlZ3kodGhpcy5fcG9zaXRpb24pO1xuICB9XG5cbiAgZ2V0IGNvbmZpZygpOiBEYk5neFBvcHVwQ29tcG9uZW50Q29uZmlnPEksIE8sIFQ+IHtcbiAgICByZXR1cm4gdGhpcy5wb3BvdmVyUmVmLmRhdGE7XG4gIH1cblxuICBnZXQga2V5KCk6IERiTmd4UG9wdXBLZXkge1xuICAgIHJldHVybiB0aGlzLmNvbmZpZy5rZXk7XG4gIH1cblxuICBnZXQgZGF0YSgpOiBNYXliZTxJPiB7XG4gICAgcmV0dXJuIHRoaXMuY29uZmlnLmRhdGE7XG4gIH1cblxuICBvdmVycmlkZSBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICBzdXBlci5uZ09uSW5pdCgpO1xuICAgIHRoaXMuX2NvbnRlbnQuY2xlYXIoKTtcbiAgICBjb25zdCBjb21wb25lbnRDbGFzcyA9IHRoaXMuY29uZmlnLmNvbXBvbmVudENsYXNzO1xuICAgIGNvbnN0IGZhY3RvcnkgPSB0aGlzLnJlc29sdmVyLnJlc29sdmVDb21wb25lbnRGYWN0b3J5KGNvbXBvbmVudENsYXNzKTtcbiAgICB0aGlzLl9jb21wb25lbnRSZWYgPSB0aGlzLl9jb250ZW50LmNyZWF0ZUNvbXBvbmVudChmYWN0b3J5KTtcblxuICAgIGlmICh0aGlzLmNvbmZpZy5pbml0KSB7XG4gICAgICB0aGlzLmNvbmZpZy5pbml0KHRoaXMuX2NvbXBvbmVudFJlZi5pbnN0YW5jZSwgdGhpcyk7XG4gICAgfVxuICB9XG5cbiAgb3ZlcnJpZGUgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgc3VwZXIubmdPbkRlc3Ryb3koKTtcbiAgICB0aGlzLmNsb3NpbmcuY29tcGxldGUoKTtcbiAgICB0aGlzLl93aW5kb3dTdGF0ZS5jb21wbGV0ZSgpO1xuICB9XG5cbiAgcHJvdGVjdGVkIHVwZGF0ZUZvclN1Y2Nlc3NmdWxUcmFuc2l0aW9uKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmNvbmZpZy5jbG9zZU9uVHJhbnNpdGlvbiAhPT0gZmFsc2UpIHtcbiAgICAgIHRoaXMuY2xvc2UoKTtcbiAgICB9XG4gIH1cblxuICAvLyBQb3B1cCBDb250cm9sc1xuICBwdWJsaWMgY2xvc2UoKTogdm9pZCB7XG4gICAgdGhpcy5jbG9zaW5nLm5leHQoKTtcblxuICAgIGlmICh0aGlzLmdldENsb3NpbmdWYWx1ZUZuKSB7XG4gICAgICB0aGlzLmdldENsb3NpbmdWYWx1ZUZuKCkudGhlbigoeCkgPT4ge1xuICAgICAgICB0aGlzLnJldHVybih4KTtcbiAgICAgIH0sICgpID0+IHtcbiAgICAgICAgdGhpcy5yZXR1cm4oKTtcbiAgICAgIH0pO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLnJldHVybigpO1xuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyByZXR1cm4odmFsdWU/OiBPKTogdm9pZCB7XG4gICAgdGhpcy5jbG9zaW5nLm5leHQoKTtcbiAgICB0aGlzLnBvcG92ZXJSZWYuY2xvc2UodmFsdWUpO1xuICB9XG5cbiAgcHVibGljIG1pbmltaXplKCk6IHZvaWQge1xuICAgIHRoaXMucG9wb3ZlclJlZi5pc0RyYWdnYWJsZSA9IGZhbHNlO1xuICAgIHRoaXMucG9wb3ZlclJlZi5yZXNpemUoQVBQX1BPUFVQX01JTklNSVpFRF9XSURUSCwgQVBQX1BPUFVQX05PUk1BTF9IRUlHSFQpO1xuICAgIHRoaXMucG9wb3ZlclJlZi5vdmVybGF5LnVwZGF0ZVBvc2l0aW9uKCk7XG4gICAgdGhpcy5fd2luZG93U3RhdGUubmV4dChEYk5neFBvcHVwV2luZG93U3RhdGUuTUlOSU1JWkVEKTtcbiAgfVxuXG4gIHB1YmxpYyBub3JtYWxzY3JlZW4oKTogdm9pZCB7XG4gICAgdGhpcy5wb3BvdmVyUmVmLmlzRHJhZ2dhYmxlID0gdGhpcy5jb25maWcuaXNEcmFnZ2FibGU7XG4gICAgdGhpcy5wb3BvdmVyUmVmLnJlc2l6ZShBUFBfUE9QVVBfTk9STUFMX1dJRFRILCBBUFBfUE9QVVBfTk9STUFMX0hFSUdIVCk7XG4gICAgdGhpcy5wb3BvdmVyUmVmLm92ZXJsYXkudXBkYXRlUG9zaXRpb24oKTtcbiAgICB0aGlzLl93aW5kb3dTdGF0ZS5uZXh0KERiTmd4UG9wdXBXaW5kb3dTdGF0ZS5OT1JNQUwpO1xuICB9XG5cbiAgcHVibGljIGZ1bGxzY3JlZW4oKTogdm9pZCB7XG4gICAgdGhpcy5wb3BvdmVyUmVmLmlzRHJhZ2dhYmxlID0gZmFsc2U7XG4gICAgdGhpcy5wb3BvdmVyUmVmLnJlc2l6ZSgnMTAwJScsICcxMDAlJyk7XG4gICAgdGhpcy5wb3BvdmVyUmVmLm92ZXJsYXkudXBkYXRlUG9zaXRpb24oKTtcbiAgICB0aGlzLl93aW5kb3dTdGF0ZS5uZXh0KERiTmd4UG9wdXBXaW5kb3dTdGF0ZS5GVUxMU0NSRUVOKTtcbiAgfVxuXG59XG4iXX0=

package/esm2020/lib/interaction/popup/popup.content.component.mjs

@@ -0,0 +1,40 @@
+import { Component } from '@angular/core';
+import { map } from 'rxjs/operators';
+import { DbNgxPopupController, DbNgxPopupWindowState } from './popup';
+import * as i0 from "@angular/core";
+import * as i1 from "./popup";
+import * as i2 from "@angular/common";
+/**
+ * Popup content wrapper component.
+ */
+export class DbNgxPopupContentComponent {
+    constructor(appPopupController) {
+        this.appPopupController = appPopupController;
+        this.showContent$ = this.appPopupController.windowState$.pipe(map(x => x !== DbNgxPopupWindowState.MINIMIZED));
+    }
+}
+DbNgxPopupContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxPopupContentComponent, deps: [{ token: i1.DbNgxPopupController }], target: i0.ɵɵFactoryTarget.Component });
+DbNgxPopupContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbNgxPopupContentComponent, selector: "dbx-popup-content", ngImport: i0, template: `
+  <div class="dbx-popup-content">
+    <ng-content select="[controls]"></ng-content>
+    <div *ngIf="showContent$ | async" class="dbx-popup-content-container">
+      <ng-content></ng-content>
+    </div>
+  </div>
+`, isInline: true, directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i2.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxPopupContentComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'dbx-popup-content',
+                    template: `
+  <div class="dbx-popup-content">
+    <ng-content select="[controls]"></ng-content>
+    <div *ngIf="showContent$ | async" class="dbx-popup-content-container">
+      <ng-content></ng-content>
+    </div>
+  </div>
+`,
+                    // TODO: styleUrls: ['./popup.scss']
+                }]
+        }], ctorParameters: function () { return [{ type: i1.DbNgxPopupController }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9wdXAuY29udGVudC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvaW50ZXJhY3Rpb24vcG9wdXAvcG9wdXAuY29udGVudC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDckMsT0FBTyxFQUFFLG9CQUFvQixFQUFFLHFCQUFxQixFQUFFLE1BQU0sU0FBUyxDQUFDOzs7O0FBRXRFOztHQUVHO0FBYUgsTUFBTSxPQUFPLDBCQUEwQjtJQUlyQyxZQUFvQixrQkFBd0M7UUFBeEMsdUJBQWtCLEdBQWxCLGtCQUFrQixDQUFzQjtRQUZuRCxpQkFBWSxHQUFHLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsS0FBSyxxQkFBcUIsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDO0lBRW5ELENBQUM7O3VIQUp0RCwwQkFBMEI7MkdBQTFCLDBCQUEwQix5REFWM0I7Ozs7Ozs7Q0FPWDsyRkFHWSwwQkFBMEI7a0JBWnRDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLG1CQUFtQjtvQkFDN0IsUUFBUSxFQUFFOzs7Ozs7O0NBT1g7b0JBQ0Msb0NBQW9DO2lCQUNyQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgbWFwIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuaW1wb3J0IHsgRGJOZ3hQb3B1cENvbnRyb2xsZXIsIERiTmd4UG9wdXBXaW5kb3dTdGF0ZSB9IGZyb20gJy4vcG9wdXAnO1xuXG4vKipcbiAqIFBvcHVwIGNvbnRlbnQgd3JhcHBlciBjb21wb25lbnQuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2RieC1wb3B1cC1jb250ZW50JyxcbiAgdGVtcGxhdGU6IGBcbiAgPGRpdiBjbGFzcz1cImRieC1wb3B1cC1jb250ZW50XCI+XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2NvbnRyb2xzXVwiPjwvbmctY29udGVudD5cbiAgICA8ZGl2ICpuZ0lmPVwic2hvd0NvbnRlbnQkIHwgYXN5bmNcIiBjbGFzcz1cImRieC1wb3B1cC1jb250ZW50LWNvbnRhaW5lclwiPlxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbmAsXG4gIC8vIFRPRE86IHN0eWxlVXJsczogWycuL3BvcHVwLnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBEYk5neFBvcHVwQ29udGVudENvbXBvbmVudCB7XG5cbiAgcmVhZG9ubHkgc2hvd0NvbnRlbnQkID0gdGhpcy5hcHBQb3B1cENvbnRyb2xsZXIud2luZG93U3RhdGUkLnBpcGUobWFwKHggPT4geCAhPT0gRGJOZ3hQb3B1cFdpbmRvd1N0YXRlLk1JTklNSVpFRCkpO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgYXBwUG9wdXBDb250cm9sbGVyOiBEYk5neFBvcHVwQ29udHJvbGxlcikgeyB9XG5cbn1cbiJdfQ==

package/esm2020/lib/interaction/popup/popup.controls.buttons.component.mjs

@@ -0,0 +1,72 @@
+import { Component } from '@angular/core';
+import { map } from 'rxjs/operators';
+import { DbNgxPopupController, DbNgxPopupWindowState } from './popup';
+import * as i0 from "@angular/core";
+import * as i1 from "./popup";
+import * as i2 from "../../button/button.component";
+import * as i3 from "../../button/button.spacer.component";
+import * as i4 from "@angular/common";
+/**
+ * Popup Control Buttons.
+ */
+export class DbNgxPopupControlButtonsComponent {
+    constructor(appPopupController) {
+        this.appPopupController = appPopupController;
+        this.isMinimized$ = this.appPopupController.windowState$.pipe(map(x => x === DbNgxPopupWindowState.MINIMIZED));
+        this.isFullscreen$ = this.appPopupController.windowState$.pipe(map(x => x === DbNgxPopupWindowState.FULLSCREEN));
+    }
+    minimizeClicked() {
+        this.appPopupController.minimize();
+    }
+    maximizeClicked() {
+        this.appPopupController.normalscreen();
+    }
+    fullscreenClicked() {
+        this.appPopupController.fullscreen();
+    }
+    normalscreenClicked() {
+        this.appPopupController.normalscreen();
+    }
+    closeClicked() {
+        this.appPopupController.close();
+    }
+}
+DbNgxPopupControlButtonsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxPopupControlButtonsComponent, deps: [{ token: i1.DbNgxPopupController }], target: i0.ɵɵFactoryTarget.Component });
+DbNgxPopupControlButtonsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbNgxPopupControlButtonsComponent, selector: "dbx-popup-control-buttons", ngImport: i0, template: `
+  <span class="dbx-popup-control-buttons">
+    <ng-container [ngSwitch]="isMinimized$ | async">
+      <dbx-button [flat]="true" *ngSwitchCase="false" icon="minimize" (buttonClick)="minimizeClicked()"></dbx-button>
+      <dbx-button [flat]="true" *ngSwitchCase="true" icon="maximize" (buttonClick)="maximizeClicked()"></dbx-button>
+    </ng-container>
+    <dbx-button-spacer></dbx-button-spacer>
+    <ng-container [ngSwitch]="isFullscreen$ | async">
+      <dbx-button [flat]="true" *ngSwitchCase="false" icon="open_in_full" (buttonClick)="fullscreenClicked()"></dbx-button>
+      <dbx-button [flat]="true" *ngSwitchCase="true" icon="close_fullscreen" (buttonClick)="normalscreenClicked()"></dbx-button>
+    </ng-container>
+    <dbx-button-spacer></dbx-button-spacer>
+    <dbx-button [flat]="true" icon="close" color="warn" (buttonClick)="closeClicked()"></dbx-button>
+  </span>
+  `, isInline: true, components: [{ type: i2.DbNgxButtonComponent, selector: "dbx-button", inputs: ["type", "raised", "stroked", "flat", "color"] }, { type: i3.DbNgxButtonSpacerComponent, selector: "dbx-button-spacer" }], directives: [{ type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }], pipes: { "async": i4.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxPopupControlButtonsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'dbx-popup-control-buttons',
+                    template: `
+  <span class="dbx-popup-control-buttons">
+    <ng-container [ngSwitch]="isMinimized$ | async">
+      <dbx-button [flat]="true" *ngSwitchCase="false" icon="minimize" (buttonClick)="minimizeClicked()"></dbx-button>
+      <dbx-button [flat]="true" *ngSwitchCase="true" icon="maximize" (buttonClick)="maximizeClicked()"></dbx-button>
+    </ng-container>
+    <dbx-button-spacer></dbx-button-spacer>
+    <ng-container [ngSwitch]="isFullscreen$ | async">
+      <dbx-button [flat]="true" *ngSwitchCase="false" icon="open_in_full" (buttonClick)="fullscreenClicked()"></dbx-button>
+      <dbx-button [flat]="true" *ngSwitchCase="true" icon="close_fullscreen" (buttonClick)="normalscreenClicked()"></dbx-button>
+    </ng-container>
+    <dbx-button-spacer></dbx-button-spacer>
+    <dbx-button [flat]="true" icon="close" color="warn" (buttonClick)="closeClicked()"></dbx-button>
+  </span>
+  `,
+                    // TODO: styleUrls: ['./popup.scss']
+                }]
+        }], ctorParameters: function () { return [{ type: i1.DbNgxPopupController }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9wdXAuY29udHJvbHMuYnV0dG9ucy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvaW50ZXJhY3Rpb24vcG9wdXAvcG9wdXAuY29udHJvbHMuYnV0dG9ucy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDckMsT0FBTyxFQUFFLG9CQUFvQixFQUFFLHFCQUFxQixFQUFFLE1BQU0sU0FBUyxDQUFDOzs7Ozs7QUFFdEU7O0dBRUc7QUFvQkgsTUFBTSxPQUFPLGlDQUFpQztJQUs1QyxZQUFvQixrQkFBd0M7UUFBeEMsdUJBQWtCLEdBQWxCLGtCQUFrQixDQUFzQjtRQUhuRCxpQkFBWSxHQUFHLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsS0FBSyxxQkFBcUIsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDO1FBQzFHLGtCQUFhLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxLQUFLLHFCQUFxQixDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUM7SUFFckQsQ0FBQztJQUVqRSxlQUFlO1FBQ2IsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ3JDLENBQUM7SUFFRCxlQUFlO1FBQ2IsSUFBSSxDQUFDLGtCQUFrQixDQUFDLFlBQVksRUFBRSxDQUFDO0lBQ3pDLENBQUM7SUFFRCxpQkFBaUI7UUFDZixJQUFJLENBQUMsa0JBQWtCLENBQUMsVUFBVSxFQUFFLENBQUM7SUFDdkMsQ0FBQztJQUVELG1CQUFtQjtRQUNqQixJQUFJLENBQUMsa0JBQWtCLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDekMsQ0FBQztJQUVELFlBQVk7UUFDVixJQUFJLENBQUMsa0JBQWtCLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDbEMsQ0FBQzs7OEhBekJVLGlDQUFpQztrSEFBakMsaUNBQWlDLGlFQWpCbEM7Ozs7Ozs7Ozs7Ozs7O0dBY1Q7MkZBR1UsaUNBQWlDO2tCQW5CN0MsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsMkJBQTJCO29CQUNyQyxRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7O0dBY1Q7b0JBQ0Qsb0NBQW9DO2lCQUNyQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgbWFwIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuaW1wb3J0IHsgRGJOZ3hQb3B1cENvbnRyb2xsZXIsIERiTmd4UG9wdXBXaW5kb3dTdGF0ZSB9IGZyb20gJy4vcG9wdXAnO1xuXG4vKipcbiAqIFBvcHVwIENvbnRyb2wgQnV0dG9ucy5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGJ4LXBvcHVwLWNvbnRyb2wtYnV0dG9ucycsXG4gIHRlbXBsYXRlOiBgXG4gIDxzcGFuIGNsYXNzPVwiZGJ4LXBvcHVwLWNvbnRyb2wtYnV0dG9uc1wiPlxuICAgIDxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cImlzTWluaW1pemVkJCB8IGFzeW5jXCI+XG4gICAgICA8ZGJ4LWJ1dHRvbiBbZmxhdF09XCJ0cnVlXCIgKm5nU3dpdGNoQ2FzZT1cImZhbHNlXCIgaWNvbj1cIm1pbmltaXplXCIgKGJ1dHRvbkNsaWNrKT1cIm1pbmltaXplQ2xpY2tlZCgpXCI+PC9kYngtYnV0dG9uPlxuICAgICAgPGRieC1idXR0b24gW2ZsYXRdPVwidHJ1ZVwiICpuZ1N3aXRjaENhc2U9XCJ0cnVlXCIgaWNvbj1cIm1heGltaXplXCIgKGJ1dHRvbkNsaWNrKT1cIm1heGltaXplQ2xpY2tlZCgpXCI+PC9kYngtYnV0dG9uPlxuICAgIDwvbmctY29udGFpbmVyPlxuICAgIDxkYngtYnV0dG9uLXNwYWNlcj48L2RieC1idXR0b24tc3BhY2VyPlxuICAgIDxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cImlzRnVsbHNjcmVlbiQgfCBhc3luY1wiPlxuICAgICAgPGRieC1idXR0b24gW2ZsYXRdPVwidHJ1ZVwiICpuZ1N3aXRjaENhc2U9XCJmYWxzZVwiIGljb249XCJvcGVuX2luX2Z1bGxcIiAoYnV0dG9uQ2xpY2spPVwiZnVsbHNjcmVlbkNsaWNrZWQoKVwiPjwvZGJ4LWJ1dHRvbj5cbiAgICAgIDxkYngtYnV0dG9uIFtmbGF0XT1cInRydWVcIiAqbmdTd2l0Y2hDYXNlPVwidHJ1ZVwiIGljb249XCJjbG9zZV9mdWxsc2NyZWVuXCIgKGJ1dHRvbkNsaWNrKT1cIm5vcm1hbHNjcmVlbkNsaWNrZWQoKVwiPjwvZGJ4LWJ1dHRvbj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8ZGJ4LWJ1dHRvbi1zcGFjZXI+PC9kYngtYnV0dG9uLXNwYWNlcj5cbiAgICA8ZGJ4LWJ1dHRvbiBbZmxhdF09XCJ0cnVlXCIgaWNvbj1cImNsb3NlXCIgY29sb3I9XCJ3YXJuXCIgKGJ1dHRvbkNsaWNrKT1cImNsb3NlQ2xpY2tlZCgpXCI+PC9kYngtYnV0dG9uPlxuICA8L3NwYW4+XG4gIGAsXG4gIC8vIFRPRE86IHN0eWxlVXJsczogWycuL3BvcHVwLnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBEYk5neFBvcHVwQ29udHJvbEJ1dHRvbnNDb21wb25lbnQge1xuXG4gIHJlYWRvbmx5IGlzTWluaW1pemVkJCA9IHRoaXMuYXBwUG9wdXBDb250cm9sbGVyLndpbmRvd1N0YXRlJC5waXBlKG1hcCh4ID0+IHggPT09IERiTmd4UG9wdXBXaW5kb3dTdGF0ZS5NSU5JTUlaRUQpKTtcbiAgcmVhZG9ubHkgaXNGdWxsc2NyZWVuJCA9IHRoaXMuYXBwUG9wdXBDb250cm9sbGVyLndpbmRvd1N0YXRlJC5waXBlKG1hcCh4ID0+IHggPT09IERiTmd4UG9wdXBXaW5kb3dTdGF0ZS5GVUxMU0NSRUVOKSk7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBhcHBQb3B1cENvbnRyb2xsZXI6IERiTmd4UG9wdXBDb250cm9sbGVyKSB7IH1cblxuICBtaW5pbWl6ZUNsaWNrZWQoKTogdm9pZCB7XG4gICAgdGhpcy5hcHBQb3B1cENvbnRyb2xsZXIubWluaW1pemUoKTtcbiAgfVxuXG4gIG1heGltaXplQ2xpY2tlZCgpOiB2b2lkIHtcbiAgICB0aGlzLmFwcFBvcHVwQ29udHJvbGxlci5ub3JtYWxzY3JlZW4oKTtcbiAgfVxuXG4gIGZ1bGxzY3JlZW5DbGlja2VkKCk6IHZvaWQge1xuICAgIHRoaXMuYXBwUG9wdXBDb250cm9sbGVyLmZ1bGxzY3JlZW4oKTtcbiAgfVxuXG4gIG5vcm1hbHNjcmVlbkNsaWNrZWQoKTogdm9pZCB7XG4gICAgdGhpcy5hcHBQb3B1cENvbnRyb2xsZXIubm9ybWFsc2NyZWVuKCk7XG4gIH1cblxuICBjbG9zZUNsaWNrZWQoKTogdm9pZCB7XG4gICAgdGhpcy5hcHBQb3B1cENvbnRyb2xsZXIuY2xvc2UoKTtcbiAgfVxuXG59XG4iXX0=

package/esm2020/lib/interaction/popup/popup.controls.component.mjs

@@ -0,0 +1,33 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "./popup.controls.buttons.component";
+/**
+ * Popup Controls
+ */
+export class DbNgxPopupControlsComponent {
+}
+DbNgxPopupControlsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxPopupControlsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbNgxPopupControlsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbNgxPopupControlsComponent, selector: "dbx-popup-controls", inputs: { header: "header" }, ngImport: i0, template: `
+  <div class="dbx-popup-controls">
+    <span class="dbx-popup-controls-header">{{ header }}</span>
+    <div class="spacer"></div>
+    <dbx-popup-control-buttons></dbx-popup-control-buttons>
+  </div>
+  `, isInline: true, components: [{ type: i1.DbNgxPopupControlButtonsComponent, selector: "dbx-popup-control-buttons" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxPopupControlsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'dbx-popup-controls',
+                    template: `
+  <div class="dbx-popup-controls">
+    <span class="dbx-popup-controls-header">{{ header }}</span>
+    <div class="spacer"></div>
+    <dbx-popup-control-buttons></dbx-popup-control-buttons>
+  </div>
+  `,
+                    // TODO: styleUrls: ['./popup.scss']
+                }]
+        }], propDecorators: { header: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9wdXAuY29udHJvbHMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9zcmMvbGliL2ludGVyYWN0aW9uL3BvcHVwL3BvcHVwLmNvbnRyb2xzLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBRWpEOztHQUVHO0FBWUgsTUFBTSxPQUFPLDJCQUEyQjs7d0hBQTNCLDJCQUEyQjs0R0FBM0IsMkJBQTJCLHdGQVQ1Qjs7Ozs7O0dBTVQ7MkZBR1UsMkJBQTJCO2tCQVh2QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxvQkFBb0I7b0JBQzlCLFFBQVEsRUFBRTs7Ozs7O0dBTVQ7b0JBQ0Qsb0NBQW9DO2lCQUNyQzs4QkFJQyxNQUFNO3NCQURMLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICogUG9wdXAgQ29udHJvbHNcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGJ4LXBvcHVwLWNvbnRyb2xzJyxcbiAgdGVtcGxhdGU6IGBcbiAgPGRpdiBjbGFzcz1cImRieC1wb3B1cC1jb250cm9sc1wiPlxuICAgIDxzcGFuIGNsYXNzPVwiZGJ4LXBvcHVwLWNvbnRyb2xzLWhlYWRlclwiPnt7IGhlYWRlciB9fTwvc3Bhbj5cbiAgICA8ZGl2IGNsYXNzPVwic3BhY2VyXCI+PC9kaXY+XG4gICAgPGRieC1wb3B1cC1jb250cm9sLWJ1dHRvbnM+PC9kYngtcG9wdXAtY29udHJvbC1idXR0b25zPlxuICA8L2Rpdj5cbiAgYCxcbiAgLy8gVE9ETzogc3R5bGVVcmxzOiBbJy4vcG9wdXAuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIERiTmd4UG9wdXBDb250cm9sc0NvbXBvbmVudCB7XG5cbiAgQElucHV0KClcbiAgaGVhZGVyPzogc3RyaW5nO1xuXG59XG4iXX0=

package/esm2020/lib/interaction/popup/popup.coordinator.component.mjs

@@ -0,0 +1,44 @@
+import { DbNgxPopupController } from './popup';
+import { Component } from '@angular/core';
+import { DbNgxPopupCoordinatorService } from './popup.coordinator.service';
+import { delay, map, shareReplay } from 'rxjs/operators';
+import * as i0 from "@angular/core";
+import * as i1 from "./popup.coordinator.service";
+import * as i2 from "./popup";
+import * as i3 from "@angular/common";
+/**
+ * Used for coordinating popups and closing/replacing existing ones when a new popup of the same name appears.
+ */
+export class DbNgxPopupCoordinatorComponent {
+    constructor(service, popup) {
+        this.service = service;
+        this.popup = popup;
+        this.isPopupForKey$ = this.service.popups$.pipe(map(x => x.get(this.popup.key) === this.popup), shareReplay(1));
+        this.show$ = this.isPopupForKey$.pipe(delay(0));
+    }
+    ngOnInit() {
+        this.service.addPopup(this.popup);
+    }
+    ngOnDestroy() {
+        this.service.removePopup(this.popup.key, this.popup);
+    }
+}
+DbNgxPopupCoordinatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxPopupCoordinatorComponent, deps: [{ token: i1.DbNgxPopupCoordinatorService }, { token: i2.DbNgxPopupController }], target: i0.ɵɵFactoryTarget.Component });
+DbNgxPopupCoordinatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbNgxPopupCoordinatorComponent, selector: "dbx-popup-coordinator", ngImport: i0, template: `
+  <ng-container *ngIf="show$ | async">
+    <ng-content></ng-content>
+  </ng-container>
+  `, isInline: true, directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxPopupCoordinatorComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'dbx-popup-coordinator',
+                    template: `
+  <ng-container *ngIf="show$ | async">
+    <ng-content></ng-content>
+  </ng-container>
+  `,
+                    // TODO: styleUrls: ['./popup.scss']
+                }]
+        }], ctorParameters: function () { return [{ type: i1.DbNgxPopupCoordinatorService }, { type: i2.DbNgxPopupController }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9wdXAuY29vcmRpbmF0b3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9zcmMvbGliL2ludGVyYWN0aW9uL3BvcHVwL3BvcHVwLmNvb3JkaW5hdG9yLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxTQUFTLENBQUM7QUFDL0MsT0FBTyxFQUFFLFNBQVMsRUFBcUIsTUFBTSxlQUFlLENBQUM7QUFDN0QsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDM0UsT0FBTyxFQUFFLEtBQUssRUFBRSxHQUFHLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7O0FBRXpEOztHQUVHO0FBVUgsTUFBTSxPQUFPLDhCQUE4QjtJQUt6QyxZQUE2QixPQUFxQyxFQUFtQixLQUEyQjtRQUFuRixZQUFPLEdBQVAsT0FBTyxDQUE4QjtRQUFtQixVQUFLLEdBQUwsS0FBSyxDQUFzQjtRQUh2RyxtQkFBYyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLEtBQUssSUFBSSxDQUFDLEtBQUssQ0FBQyxFQUFFLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQzNHLFVBQUssR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUVnRSxDQUFDO0lBRXJILFFBQVE7UUFDTixJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDcEMsQ0FBQztJQUVELFdBQVc7UUFDVCxJQUFJLENBQUMsT0FBTyxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDdkQsQ0FBQzs7MkhBYlUsOEJBQThCOytHQUE5Qiw4QkFBOEIsNkRBUC9COzs7O0dBSVQ7MkZBR1UsOEJBQThCO2tCQVQxQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSx1QkFBdUI7b0JBQ2pDLFFBQVEsRUFBRTs7OztHQUlUO29CQUNELG9DQUFvQztpQkFDckMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEYk5neFBvcHVwQ29udHJvbGxlciB9IGZyb20gJy4vcG9wdXAnO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIE9uRGVzdHJveSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRGJOZ3hQb3B1cENvb3JkaW5hdG9yU2VydmljZSB9IGZyb20gJy4vcG9wdXAuY29vcmRpbmF0b3Iuc2VydmljZSc7XG5pbXBvcnQgeyBkZWxheSwgbWFwLCBzaGFyZVJlcGxheSB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuLyoqXG4gKiBVc2VkIGZvciBjb29yZGluYXRpbmcgcG9wdXBzIGFuZCBjbG9zaW5nL3JlcGxhY2luZyBleGlzdGluZyBvbmVzIHdoZW4gYSBuZXcgcG9wdXAgb2YgdGhlIHNhbWUgbmFtZSBhcHBlYXJzLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYngtcG9wdXAtY29vcmRpbmF0b3InLFxuICB0ZW1wbGF0ZTogYFxuICA8bmctY29udGFpbmVyICpuZ0lmPVwic2hvdyQgfCBhc3luY1wiPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9uZy1jb250YWluZXI+XG4gIGAsXG4gIC8vIFRPRE86IHN0eWxlVXJsczogWycuL3BvcHVwLnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBEYk5neFBvcHVwQ29vcmRpbmF0b3JDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG5cbiAgcmVhZG9ubHkgaXNQb3B1cEZvcktleSQgPSB0aGlzLnNlcnZpY2UucG9wdXBzJC5waXBlKG1hcCh4ID0+IHguZ2V0KHRoaXMucG9wdXAua2V5KSA9PT0gdGhpcy5wb3B1cCksIHNoYXJlUmVwbGF5KDEpKTtcbiAgcmVhZG9ubHkgc2hvdyQgPSB0aGlzLmlzUG9wdXBGb3JLZXkkLnBpcGUoZGVsYXkoMCkpO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVhZG9ubHkgc2VydmljZTogRGJOZ3hQb3B1cENvb3JkaW5hdG9yU2VydmljZSwgcHJpdmF0ZSByZWFkb25seSBwb3B1cDogRGJOZ3hQb3B1cENvbnRyb2xsZXIpIHsgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuc2VydmljZS5hZGRQb3B1cCh0aGlzLnBvcHVwKTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuc2VydmljZS5yZW1vdmVQb3B1cCh0aGlzLnBvcHVwLmtleSwgdGhpcy5wb3B1cCk7XG4gIH1cblxufVxuIl19

package/esm2020/lib/interaction/popup/popup.coordinator.service.mjs

@@ -0,0 +1,40 @@
+import { Injectable } from '@angular/core';
+import { BehaviorSubject } from 'rxjs';
+import * as i0 from "@angular/core";
+/**
+ * Used for coordinating popups and closing/replacing existing ones when a new popup of the same name appears.
+ */
+export class DbNgxPopupCoordinatorService {
+    constructor() {
+        this._popups = new BehaviorSubject(new Map());
+        this.popups$ = this._popups.asObservable();
+    }
+    get popups() {
+        return this._popups.value;
+    }
+    addPopup(popup) {
+        const key = popup.key;
+        if (key) {
+            this.removePopup(key);
+            this._popups.value.set(key, popup);
+            this._popups.next(this.popups);
+        }
+    }
+    removePopup(key, popup) {
+        if (key) {
+            const existing = this.popups.get(key);
+            // Remove if there is one existing, and if popup is provided it is the same popup.
+            if (existing && (!popup || popup === existing)) {
+                existing.close();
+                this._popups.value.delete(key);
+                this._popups.next(this.popups);
+            }
+        }
+    }
+}
+DbNgxPopupCoordinatorService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxPopupCoordinatorService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+DbNgxPopupCoordinatorService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxPopupCoordinatorService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxPopupCoordinatorService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return []; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9wdXAuY29vcmRpbmF0b3Iuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9pbnRlcmFjdGlvbi9wb3B1cC9wb3B1cC5jb29yZGluYXRvci5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDM0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLE1BQU0sQ0FBQzs7QUFFdkM7O0dBRUc7QUFFSCxNQUFNLE9BQU8sNEJBQTRCO0lBTXZDO1FBSlEsWUFBTyxHQUFHLElBQUksZUFBZSxDQUEyQyxJQUFJLEdBQUcsRUFBRSxDQUFDLENBQUM7UUFFbEYsWUFBTyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsWUFBWSxFQUFFLENBQUM7SUFFL0IsQ0FBQztJQUVqQixJQUFJLE1BQU07UUFDUixPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDO0lBQzVCLENBQUM7SUFFTSxRQUFRLENBQUMsS0FBMkI7UUFDekMsTUFBTSxHQUFHLEdBQUcsS0FBSyxDQUFDLEdBQUcsQ0FBQztRQUV0QixJQUFJLEdBQUcsRUFBRTtZQUNQLElBQUksQ0FBQyxXQUFXLENBQUMsR0FBRyxDQUFDLENBQUM7WUFDdEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLEdBQUcsRUFBRSxLQUFLLENBQUMsQ0FBQztZQUNuQyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7U0FDaEM7SUFDSCxDQUFDO0lBRU0sV0FBVyxDQUFDLEdBQWtCLEVBQUUsS0FBNEI7UUFDakUsSUFBSSxHQUFHLEVBQUU7WUFDUCxNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxHQUFHLENBQUMsQ0FBQztZQUV0QyxrRkFBa0Y7WUFDbEYsSUFBSSxRQUFRLElBQUksQ0FBQyxDQUFDLEtBQUssSUFBSSxLQUFLLEtBQUssUUFBUSxDQUFDLEVBQUU7Z0JBQzlDLFFBQVEsQ0FBQyxLQUFLLEVBQUUsQ0FBQztnQkFDakIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxDQUFDO2dCQUMvQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7YUFDaEM7U0FDRjtJQUNILENBQUM7O3lIQWpDVSw0QkFBNEI7NkhBQTVCLDRCQUE0QjsyRkFBNUIsNEJBQTRCO2tCQUR4QyxVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGJOZ3hQb3B1cEtleSwgRGJOZ3hQb3B1cENvbnRyb2xsZXIgfSBmcm9tICcuL3BvcHVwJztcbmltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCB9IGZyb20gJ3J4anMnO1xuXG4vKipcbiAqIFVzZWQgZm9yIGNvb3JkaW5hdGluZyBwb3B1cHMgYW5kIGNsb3NpbmcvcmVwbGFjaW5nIGV4aXN0aW5nIG9uZXMgd2hlbiBhIG5ldyBwb3B1cCBvZiB0aGUgc2FtZSBuYW1lIGFwcGVhcnMuXG4gKi9cbkBJbmplY3RhYmxlKClcbmV4cG9ydCBjbGFzcyBEYk5neFBvcHVwQ29vcmRpbmF0b3JTZXJ2aWNlIHtcblxuICBwcml2YXRlIF9wb3B1cHMgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PE1hcDxEYk5neFBvcHVwS2V5LCBEYk5neFBvcHVwQ29udHJvbGxlcj4+KG5ldyBNYXAoKSk7XG5cbiAgcmVhZG9ubHkgcG9wdXBzJCA9IHRoaXMuX3BvcHVwcy5hc09ic2VydmFibGUoKTtcblxuICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gIGdldCBwb3B1cHMoKTogTWFwPERiTmd4UG9wdXBLZXksIERiTmd4UG9wdXBDb250cm9sbGVyPiB7XG4gICAgcmV0dXJuIHRoaXMuX3BvcHVwcy52YWx1ZTtcbiAgfVxuXG4gIHB1YmxpYyBhZGRQb3B1cChwb3B1cDogRGJOZ3hQb3B1cENvbnRyb2xsZXIpOiB2b2lkIHtcbiAgICBjb25zdCBrZXkgPSBwb3B1cC5rZXk7XG5cbiAgICBpZiAoa2V5KSB7XG4gICAgICB0aGlzLnJlbW92ZVBvcHVwKGtleSk7XG4gICAgICB0aGlzLl9wb3B1cHMudmFsdWUuc2V0KGtleSwgcG9wdXApO1xuICAgICAgdGhpcy5fcG9wdXBzLm5leHQodGhpcy5wb3B1cHMpO1xuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyByZW1vdmVQb3B1cChrZXk6IERiTmd4UG9wdXBLZXksIHBvcHVwPzogRGJOZ3hQb3B1cENvbnRyb2xsZXIpOiB2b2lkIHtcbiAgICBpZiAoa2V5KSB7XG4gICAgICBjb25zdCBleGlzdGluZyA9IHRoaXMucG9wdXBzLmdldChrZXkpO1xuXG4gICAgICAvLyBSZW1vdmUgaWYgdGhlcmUgaXMgb25lIGV4aXN0aW5nLCBhbmQgaWYgcG9wdXAgaXMgcHJvdmlkZWQgaXQgaXMgdGhlIHNhbWUgcG9wdXAuXG4gICAgICBpZiAoZXhpc3RpbmcgJiYgKCFwb3B1cCB8fCBwb3B1cCA9PT0gZXhpc3RpbmcpKSB7XG4gICAgICAgIGV4aXN0aW5nLmNsb3NlKCk7XG4gICAgICAgIHRoaXMuX3BvcHVwcy52YWx1ZS5kZWxldGUoa2V5KTtcbiAgICAgICAgdGhpcy5fcG9wdXBzLm5leHQodGhpcy5wb3B1cHMpO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG59XG4iXX0=

package/esm2020/lib/interaction/popup/popup.mjs

@@ -0,0 +1,9 @@
+export var DbNgxPopupWindowState;
+(function (DbNgxPopupWindowState) {
+    DbNgxPopupWindowState["NORMAL"] = "normal";
+    DbNgxPopupWindowState["MINIMIZED"] = "minimized";
+    DbNgxPopupWindowState["FULLSCREEN"] = "fullscreen";
+})(DbNgxPopupWindowState || (DbNgxPopupWindowState = {}));
+export class DbNgxPopupController {
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9wdXAuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvaW50ZXJhY3Rpb24vcG9wdXAvcG9wdXAudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS0EsTUFBTSxDQUFOLElBQVkscUJBSVg7QUFKRCxXQUFZLHFCQUFxQjtJQUMvQiwwQ0FBaUIsQ0FBQTtJQUNqQixnREFBdUIsQ0FBQTtJQUN2QixrREFBeUIsQ0FBQTtBQUMzQixDQUFDLEVBSlcscUJBQXFCLEtBQXJCLHFCQUFxQixRQUloQztBQUVELE1BQU0sT0FBZ0Isb0JBQW9CO0NBZ0J6QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE1heWJlIH0gZnJvbSAnQGRlcmVla2IvdXRpbCc7XG5pbXBvcnQgeyBPYnNlcnZhYmxlIH0gZnJvbSAncnhqcyc7XG5cbmV4cG9ydCB0eXBlIERiTmd4UG9wdXBLZXkgPSBzdHJpbmc7XG5cbmV4cG9ydCBlbnVtIERiTmd4UG9wdXBXaW5kb3dTdGF0ZSB7XG4gIE5PUk1BTCA9ICdub3JtYWwnLFxuICBNSU5JTUlaRUQgPSAnbWluaW1pemVkJyxcbiAgRlVMTFNDUkVFTiA9ICdmdWxsc2NyZWVuJ1xufVxuXG5leHBvcnQgYWJzdHJhY3QgY2xhc3MgRGJOZ3hQb3B1cENvbnRyb2xsZXI8SSA9IGFueSwgTyA9IGFueT4ge1xuICBhYnN0cmFjdCByZWFkb25seSBrZXk6IERiTmd4UG9wdXBLZXk7XG4gIGFic3RyYWN0IHJlYWRvbmx5IGRhdGE/OiBNYXliZTxJPjtcbiAgYWJzdHJhY3QgcmVhZG9ubHkgd2luZG93U3RhdGUkOiBPYnNlcnZhYmxlPERiTmd4UG9wdXBXaW5kb3dTdGF0ZT47XG4gIGFic3RyYWN0IHJlYWRvbmx5IGNsb3NpbmckOiBPYnNlcnZhYmxlPGJvb2xlYW4+O1xuICAvKipcbiAgICogU2lnbmFscyBmb3IgdGhlIHBvcHVwIHRvIGNsb3NlLlxuICAgKi9cbiAgYWJzdHJhY3QgY2xvc2UoKTogdm9pZDtcbiAgLyoqXG4gICAqIENsb3NlcyB0aGUgcG9wdXAgYW5kIHJldHVybnMgdGhlIGlucHV0IHZhbHVlLlxuICAgKi9cbiAgYWJzdHJhY3QgcmV0dXJuKHZhbHVlPzogTyk6IHZvaWQ7XG4gIGFic3RyYWN0IG1pbmltaXplKCk6IHZvaWQ7XG4gIGFic3RyYWN0IG5vcm1hbHNjcmVlbigpOiB2b2lkO1xuICBhYnN0cmFjdCBmdWxsc2NyZWVuKCk6IHZvaWQ7XG59XG4iXX0=

package/esm2020/lib/interaction/popup/popup.module.mjs

@@ -0,0 +1,81 @@
+import { DbNgxPopupCoordinatorComponent } from './popup.coordinator.component';
+import { MatButtonModule } from '@angular/material/button';
+import { MatIconModule } from '@angular/material/icon';
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { NgOverlayContainerModule } from 'ng-overlay-container';
+import { DbNgxPopupService } from './popup.service';
+import { DbNgxPopupContentComponent } from './popup.content.component';
+import { DbNgxPopupComponent } from './popup.component';
+import { DbNgxAnchorModule } from '../../router';
+import { DbNgxActionModule } from '../../action/action.module';
+import { DbNgxPopupControlsComponent } from './popup.controls.component';
+import { DbNgxPopupControlButtonsComponent } from './popup.controls.buttons.component';
+import { DbNgxButtonModule } from '../../button/button.module';
+import { DbNgxPopupCoordinatorService } from './popup.coordinator.service';
+import * as i0 from "@angular/core";
+export class DbNgxPopupModule {
+    static forRoot() {
+        return {
+            ngModule: DbNgxPopupModule,
+            providers: [
+                DbNgxPopupCoordinatorService
+            ]
+        };
+    }
+}
+DbNgxPopupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxPopupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbNgxPopupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxPopupModule, declarations: [DbNgxPopupComponent,
+        DbNgxPopupCoordinatorComponent,
+        DbNgxPopupContentComponent,
+        DbNgxPopupControlsComponent,
+        DbNgxPopupControlButtonsComponent], imports: [CommonModule,
+        MatIconModule,
+        MatButtonModule,
+        DbNgxButtonModule,
+        DbNgxAnchorModule,
+        DbNgxActionModule,
+        NgOverlayContainerModule], exports: [DbNgxPopupContentComponent,
+        DbNgxPopupControlsComponent,
+        DbNgxPopupControlButtonsComponent] });
+DbNgxPopupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxPopupModule, providers: [
+        DbNgxPopupService
+    ], imports: [[
+            CommonModule,
+            MatIconModule,
+            MatButtonModule,
+            DbNgxButtonModule,
+            DbNgxAnchorModule,
+            DbNgxActionModule,
+            NgOverlayContainerModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxPopupModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        MatIconModule,
+                        MatButtonModule,
+                        DbNgxButtonModule,
+                        DbNgxAnchorModule,
+                        DbNgxActionModule,
+                        NgOverlayContainerModule
+                    ],
+                    declarations: [
+                        DbNgxPopupComponent,
+                        DbNgxPopupCoordinatorComponent,
+                        DbNgxPopupContentComponent,
+                        DbNgxPopupControlsComponent,
+                        DbNgxPopupControlButtonsComponent
+                    ],
+                    exports: [
+                        DbNgxPopupContentComponent,
+                        DbNgxPopupControlsComponent,
+                        DbNgxPopupControlButtonsComponent
+                    ],
+                    providers: [
+                        DbNgxPopupService
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9wdXAubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9zcmMvbGliL2ludGVyYWN0aW9uL3BvcHVwL3BvcHVwLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsOEJBQThCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUMvRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQXVCLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM5RCxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNwRCxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUN2RSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUN4RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDakQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDL0QsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDekUsT0FBTyxFQUFFLGlDQUFpQyxFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDdkYsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDL0QsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sNkJBQTZCLENBQUM7O0FBNEIzRSxNQUFNLE9BQU8sZ0JBQWdCO0lBRTNCLE1BQU0sQ0FBQyxPQUFPO1FBQ1osT0FBTztZQUNMLFFBQVEsRUFBRSxnQkFBZ0I7WUFDMUIsU0FBUyxFQUFFO2dCQUNULDRCQUE0QjthQUM3QjtTQUNGLENBQUM7SUFDSixDQUFDOzs2R0FUVSxnQkFBZ0I7OEdBQWhCLGdCQUFnQixpQkFmekIsbUJBQW1CO1FBQ25CLDhCQUE4QjtRQUM5QiwwQkFBMEI7UUFDMUIsMkJBQTJCO1FBQzNCLGlDQUFpQyxhQWJqQyxZQUFZO1FBQ1osYUFBYTtRQUNiLGVBQWU7UUFDZixpQkFBaUI7UUFDakIsaUJBQWlCO1FBQ2pCLGlCQUFpQjtRQUNqQix3QkFBd0IsYUFVeEIsMEJBQTBCO1FBQzFCLDJCQUEyQjtRQUMzQixpQ0FBaUM7OEdBTXhCLGdCQUFnQixhQUpoQjtRQUNULGlCQUFpQjtLQUNsQixZQXZCUTtZQUNQLFlBQVk7WUFDWixhQUFhO1lBQ2IsZUFBZTtZQUNmLGlCQUFpQjtZQUNqQixpQkFBaUI7WUFDakIsaUJBQWlCO1lBQ2pCLHdCQUF3QjtTQUN6QjsyRkFpQlUsZ0JBQWdCO2tCQTFCNUIsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixhQUFhO3dCQUNiLGVBQWU7d0JBQ2YsaUJBQWlCO3dCQUNqQixpQkFBaUI7d0JBQ2pCLGlCQUFpQjt3QkFDakIsd0JBQXdCO3FCQUN6QjtvQkFDRCxZQUFZLEVBQUU7d0JBQ1osbUJBQW1CO3dCQUNuQiw4QkFBOEI7d0JBQzlCLDBCQUEwQjt3QkFDMUIsMkJBQTJCO3dCQUMzQixpQ0FBaUM7cUJBQ2xDO29CQUNELE9BQU8sRUFBRTt3QkFDUCwwQkFBMEI7d0JBQzFCLDJCQUEyQjt3QkFDM0IsaUNBQWlDO3FCQUNsQztvQkFDRCxTQUFTLEVBQUU7d0JBQ1QsaUJBQWlCO3FCQUNsQjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERiTmd4UG9wdXBDb29yZGluYXRvckNvbXBvbmVudCB9IGZyb20gJy4vcG9wdXAuY29vcmRpbmF0b3IuY29tcG9uZW50JztcbmltcG9ydCB7IE1hdEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2J1dHRvbic7XG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTW9kdWxlV2l0aFByb3ZpZGVycywgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5nT3ZlcmxheUNvbnRhaW5lck1vZHVsZSB9IGZyb20gJ25nLW92ZXJsYXktY29udGFpbmVyJztcbmltcG9ydCB7IERiTmd4UG9wdXBTZXJ2aWNlIH0gZnJvbSAnLi9wb3B1cC5zZXJ2aWNlJztcbmltcG9ydCB7IERiTmd4UG9wdXBDb250ZW50Q29tcG9uZW50IH0gZnJvbSAnLi9wb3B1cC5jb250ZW50LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEYk5neFBvcHVwQ29tcG9uZW50IH0gZnJvbSAnLi9wb3B1cC5jb21wb25lbnQnO1xuaW1wb3J0IHsgRGJOZ3hBbmNob3JNb2R1bGUgfSBmcm9tICcuLi8uLi9yb3V0ZXInO1xuaW1wb3J0IHsgRGJOZ3hBY3Rpb25Nb2R1bGUgfSBmcm9tICcuLi8uLi9hY3Rpb24vYWN0aW9uLm1vZHVsZSc7XG5pbXBvcnQgeyBEYk5neFBvcHVwQ29udHJvbHNDb21wb25lbnQgfSBmcm9tICcuL3BvcHVwLmNvbnRyb2xzLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEYk5neFBvcHVwQ29udHJvbEJ1dHRvbnNDb21wb25lbnQgfSBmcm9tICcuL3BvcHVwLmNvbnRyb2xzLmJ1dHRvbnMuY29tcG9uZW50JztcbmltcG9ydCB7IERiTmd4QnV0dG9uTW9kdWxlIH0gZnJvbSAnLi4vLi4vYnV0dG9uL2J1dHRvbi5tb2R1bGUnO1xuaW1wb3J0IHsgRGJOZ3hQb3B1cENvb3JkaW5hdG9yU2VydmljZSB9IGZyb20gJy4vcG9wdXAuY29vcmRpbmF0b3Iuc2VydmljZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgTWF0SWNvbk1vZHVsZSxcbiAgICBNYXRCdXR0b25Nb2R1bGUsXG4gICAgRGJOZ3hCdXR0b25Nb2R1bGUsXG4gICAgRGJOZ3hBbmNob3JNb2R1bGUsXG4gICAgRGJOZ3hBY3Rpb25Nb2R1bGUsXG4gICAgTmdPdmVybGF5Q29udGFpbmVyTW9kdWxlXG4gIF0sXG4gIGRlY2xhcmF0aW9uczogW1xuICAgIERiTmd4UG9wdXBDb21wb25lbnQsXG4gICAgRGJOZ3hQb3B1cENvb3JkaW5hdG9yQ29tcG9uZW50LFxuICAgIERiTmd4UG9wdXBDb250ZW50Q29tcG9uZW50LFxuICAgIERiTmd4UG9wdXBDb250cm9sc0NvbXBvbmVudCxcbiAgICBEYk5neFBvcHVwQ29udHJvbEJ1dHRvbnNDb21wb25lbnRcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIERiTmd4UG9wdXBDb250ZW50Q29tcG9uZW50LFxuICAgIERiTmd4UG9wdXBDb250cm9sc0NvbXBvbmVudCxcbiAgICBEYk5neFBvcHVwQ29udHJvbEJ1dHRvbnNDb21wb25lbnRcbiAgXSxcbiAgcHJvdmlkZXJzOiBbXG4gICAgRGJOZ3hQb3B1cFNlcnZpY2VcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBEYk5neFBvcHVwTW9kdWxlIHtcblxuICBzdGF0aWMgZm9yUm9vdCgpOiBNb2R1bGVXaXRoUHJvdmlkZXJzPERiTmd4UG9wdXBNb2R1bGU+IHtcbiAgICByZXR1cm4ge1xuICAgICAgbmdNb2R1bGU6IERiTmd4UG9wdXBNb2R1bGUsXG4gICAgICBwcm92aWRlcnM6IFtcbiAgICAgICAgRGJOZ3hQb3B1cENvb3JkaW5hdG9yU2VydmljZVxuICAgICAgXVxuICAgIH07XG4gIH1cblxufVxuIl19

package/esm2020/lib/interaction/popup/popup.position.strategy.mjs

@@ -0,0 +1,45 @@
+import { GlobalPositionStrategy } from '@angular/cdk/overlay';
+export var PopupPosition;
+(function (PopupPosition) {
+    PopupPosition["CENTERED"] = "centered";
+    PopupPosition["BOTTOM_LEFT"] = "bottom_left";
+    PopupPosition["BOTTOM_RIGHT"] = "bottom_right";
+})(PopupPosition || (PopupPosition = {}));
+export class PopupGlobalPositionStrategy extends GlobalPositionStrategy {
+    constructor(position = PopupPosition.BOTTOM_RIGHT, offset) {
+        super();
+        this._position = PopupPosition.BOTTOM_RIGHT;
+        this._offset = {};
+        this.setPopupPosition(position, offset);
+    }
+    setPopupOffset(offset) {
+        this.setPopupPosition(this._position, offset ?? {});
+    }
+    setPopupPosition(position, offset) {
+        this._resetPositions();
+        if (offset) {
+            this._offset = offset;
+        }
+        const offsetX = this._offset.x ?? '0';
+        const offsetY = this._offset.y ?? '0';
+        switch (position) {
+            case PopupPosition.CENTERED:
+                break;
+            case PopupPosition.BOTTOM_LEFT:
+                this.bottom(offsetY);
+                this.left(offsetX);
+                break;
+            case PopupPosition.BOTTOM_RIGHT:
+                this.bottom(offsetY);
+                this.right(offsetX);
+                break;
+        }
+    }
+    _resetPositions() {
+        this.top();
+        this.bottom();
+        this.left();
+        this.right();
+    }
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9wdXAucG9zaXRpb24uc3RyYXRlZ3kuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvaW50ZXJhY3Rpb24vcG9wdXAvcG9wdXAucG9zaXRpb24uc3RyYXRlZ3kudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFFOUQsTUFBTSxDQUFOLElBQVksYUFJWDtBQUpELFdBQVksYUFBYTtJQUN2QixzQ0FBcUIsQ0FBQTtJQUNyQiw0Q0FBMkIsQ0FBQTtJQUMzQiw4Q0FBNkIsQ0FBQTtBQUMvQixDQUFDLEVBSlcsYUFBYSxLQUFiLGFBQWEsUUFJeEI7QUFPRCxNQUFNLE9BQU8sMkJBQTRCLFNBQVEsc0JBQXNCO0lBS3JFLFlBQVksUUFBUSxHQUFHLGFBQWEsQ0FBQyxZQUFZLEVBQUUsTUFBNEI7UUFDN0UsS0FBSyxFQUFFLENBQUM7UUFKRixjQUFTLEdBQWtCLGFBQWEsQ0FBQyxZQUFZLENBQUM7UUFDdEQsWUFBTyxHQUF3QixFQUFFLENBQUM7UUFJeEMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLFFBQVEsRUFBRSxNQUFNLENBQUMsQ0FBQztJQUMxQyxDQUFDO0lBRUQsY0FBYyxDQUFDLE1BQTRCO1FBQ3pDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFLE1BQU0sSUFBSSxFQUFFLENBQUMsQ0FBQztJQUN0RCxDQUFDO0lBRUQsZ0JBQWdCLENBQUMsUUFBdUIsRUFBRSxNQUE0QjtRQUNwRSxJQUFJLENBQUMsZUFBZSxFQUFFLENBQUM7UUFFdkIsSUFBSSxNQUFNLEVBQUU7WUFDVixJQUFJLENBQUMsT0FBTyxHQUFHLE1BQU0sQ0FBQztTQUN2QjtRQUVELE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxJQUFJLEdBQUcsQ0FBQztRQUN0QyxNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsSUFBSSxHQUFHLENBQUM7UUFFdEMsUUFBUSxRQUFRLEVBQUU7WUFDaEIsS0FBSyxhQUFhLENBQUMsUUFBUTtnQkFDekIsTUFBTTtZQUNSLEtBQUssYUFBYSxDQUFDLFdBQVc7Z0JBQzVCLElBQUksQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLENBQUM7Z0JBQ3JCLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7Z0JBQ25CLE1BQU07WUFDUixLQUFLLGFBQWEsQ0FBQyxZQUFZO2dCQUM3QixJQUFJLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDO2dCQUNyQixJQUFJLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDO2dCQUNwQixNQUFNO1NBQ1Q7SUFDSCxDQUFDO0lBRU8sZUFBZTtRQUNyQixJQUFJLENBQUMsR0FBRyxFQUFFLENBQUM7UUFDWCxJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7UUFDZCxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDWixJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDZixDQUFDO0NBRUYiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBHbG9iYWxQb3NpdGlvblN0cmF0ZWd5IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL292ZXJsYXknO1xuXG5leHBvcnQgZW51bSBQb3B1cFBvc2l0aW9uIHtcbiAgQ0VOVEVSRUQgPSAnY2VudGVyZWQnLFxuICBCT1RUT01fTEVGVCA9ICdib3R0b21fbGVmdCcsXG4gIEJPVFRPTV9SSUdIVCA9ICdib3R0b21fcmlnaHQnXG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgUG9wdXBQb3NpdGlvbk9mZnNldCB7XG4gIHg/OiBzdHJpbmc7XG4gIHk/OiBzdHJpbmc7XG59XG5cbmV4cG9ydCBjbGFzcyBQb3B1cEdsb2JhbFBvc2l0aW9uU3RyYXRlZ3kgZXh0ZW5kcyBHbG9iYWxQb3NpdGlvblN0cmF0ZWd5IHtcblxuICBwcml2YXRlIF9wb3NpdGlvbjogUG9wdXBQb3NpdGlvbiA9IFBvcHVwUG9zaXRpb24uQk9UVE9NX1JJR0hUO1xuICBwcml2YXRlIF9vZmZzZXQ6IFBvcHVwUG9zaXRpb25PZmZzZXQgPSB7fTtcblxuICBjb25zdHJ1Y3Rvcihwb3NpdGlvbiA9IFBvcHVwUG9zaXRpb24uQk9UVE9NX1JJR0hULCBvZmZzZXQ/OiBQb3B1cFBvc2l0aW9uT2Zmc2V0KSB7XG4gICAgc3VwZXIoKTtcbiAgICB0aGlzLnNldFBvcHVwUG9zaXRpb24ocG9zaXRpb24sIG9mZnNldCk7XG4gIH1cblxuICBzZXRQb3B1cE9mZnNldChvZmZzZXQ/OiBQb3B1cFBvc2l0aW9uT2Zmc2V0KTogdm9pZCB7XG4gICAgdGhpcy5zZXRQb3B1cFBvc2l0aW9uKHRoaXMuX3Bvc2l0aW9uLCBvZmZzZXQgPz8ge30pO1xuICB9XG5cbiAgc2V0UG9wdXBQb3NpdGlvbihwb3NpdGlvbjogUG9wdXBQb3NpdGlvbiwgb2Zmc2V0PzogUG9wdXBQb3NpdGlvbk9mZnNldCk6IHZvaWQge1xuICAgIHRoaXMuX3Jlc2V0UG9zaXRpb25zKCk7XG5cbiAgICBpZiAob2Zmc2V0KSB7XG4gICAgICB0aGlzLl9vZmZzZXQgPSBvZmZzZXQ7XG4gICAgfVxuXG4gICAgY29uc3Qgb2Zmc2V0WCA9IHRoaXMuX29mZnNldC54ID8/ICcwJztcbiAgICBjb25zdCBvZmZzZXRZID0gdGhpcy5fb2Zmc2V0LnkgPz8gJzAnO1xuXG4gICAgc3dpdGNoIChwb3NpdGlvbikge1xuICAgICAgY2FzZSBQb3B1cFBvc2l0aW9uLkNFTlRFUkVEOlxuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgUG9wdXBQb3NpdGlvbi5CT1RUT01fTEVGVDpcbiAgICAgICAgdGhpcy5ib3R0b20ob2Zmc2V0WSk7XG4gICAgICAgIHRoaXMubGVmdChvZmZzZXRYKTtcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlIFBvcHVwUG9zaXRpb24uQk9UVE9NX1JJR0hUOlxuICAgICAgICB0aGlzLmJvdHRvbShvZmZzZXRZKTtcbiAgICAgICAgdGhpcy5yaWdodChvZmZzZXRYKTtcbiAgICAgICAgYnJlYWs7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBfcmVzZXRQb3NpdGlvbnMoKTogdm9pZCB7XG4gICAgdGhpcy50b3AoKTtcbiAgICB0aGlzLmJvdHRvbSgpO1xuICAgIHRoaXMubGVmdCgpO1xuICAgIHRoaXMucmlnaHQoKTtcbiAgfVxuXG59XG4iXX0=

package/esm2020/lib/interaction/popup/popup.service.mjs

@@ -0,0 +1,42 @@
+import { DbNgxPopupComponent, APP_POPUP_NORMAL_HEIGHT, APP_POPUP_NORMAL_WIDTH } from './popup.component';
+import { Injectable, Injector } from '@angular/core';
+import { NgOverlayContainerService } from 'ng-overlay-container';
+import { Overlay } from '@angular/cdk/overlay';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/overlay";
+/**
+ * Used for displaying a popup.
+ */
+export class DbNgxPopupService {
+    constructor(_overlay, _injector) {
+        this._overlay = _overlay;
+        this._injector = _injector;
+        this._overlayContainerService = new NgOverlayContainerService(this._overlay, this._injector);
+    }
+    open(config) {
+        const service = (config.injector) ? new NgOverlayContainerService(this._overlay, config.injector) : this._overlayContainerService;
+        const isDraggable = config.isDraggable ?? false;
+        return service.open({
+            content: DbNgxPopupComponent,
+            data: {
+                ...config,
+                isDraggable,
+            },
+            configuration: {
+                panelClass: 'dbx-popup-container',
+                width: APP_POPUP_NORMAL_WIDTH,
+                height: APP_POPUP_NORMAL_HEIGHT,
+                useGlobalPositionStrategy: true,
+                hasBackdrop: false,
+                isResizable: false,
+                isDraggable
+            }
+        });
+    }
+}
+DbNgxPopupService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxPopupService, deps: [{ token: i1.Overlay }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+DbNgxPopupService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxPopupService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxPopupService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return [{ type: i1.Overlay }, { type: i0.Injector }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9wdXAuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9pbnRlcmFjdGlvbi9wb3B1cC9wb3B1cC5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxtQkFBbUIsRUFBNkIsdUJBQXVCLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNwSSxPQUFPLEVBQUUsVUFBVSxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNyRCxPQUFPLEVBQUUseUJBQXlCLEVBQWdCLE1BQU0sc0JBQXNCLENBQUM7QUFDL0UsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLHNCQUFzQixDQUFDOzs7QUFNL0M7O0dBRUc7QUFFSCxNQUFNLE9BQU8saUJBQWlCO0lBSTVCLFlBQW9CLFFBQWlCLEVBQVUsU0FBbUI7UUFBOUMsYUFBUSxHQUFSLFFBQVEsQ0FBUztRQUFVLGNBQVMsR0FBVCxTQUFTLENBQVU7UUFDaEUsSUFBSSxDQUFDLHdCQUF3QixHQUFHLElBQUkseUJBQXlCLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDL0YsQ0FBQztJQUVELElBQUksQ0FBVSxNQUFpQztRQUM3QyxNQUFNLE9BQU8sR0FBRyxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSx5QkFBeUIsQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLHdCQUF3QixDQUFDO1FBQ2xJLE1BQU0sV0FBVyxHQUFHLE1BQU0sQ0FBQyxXQUFXLElBQUksS0FBSyxDQUFDO1FBRWhELE9BQU8sT0FBTyxDQUFDLElBQUksQ0FBd0M7WUFDekQsT0FBTyxFQUFFLG1CQUFtQjtZQUM1QixJQUFJLEVBQUU7Z0JBQ0osR0FBRyxNQUFNO2dCQUNULFdBQVc7YUFDWjtZQUNELGFBQWEsRUFBRTtnQkFDYixVQUFVLEVBQUUscUJBQXFCO2dCQUNqQyxLQUFLLEVBQUUsc0JBQXNCO2dCQUM3QixNQUFNLEVBQUUsdUJBQXVCO2dCQUMvQix5QkFBeUIsRUFBRSxJQUFJO2dCQUMvQixXQUFXLEVBQUUsS0FBSztnQkFDbEIsV0FBVyxFQUFFLEtBQUs7Z0JBQ2xCLFdBQVc7YUFDWjtTQUNGLENBQUMsQ0FBQztJQUNMLENBQUM7OzhHQTVCVSxpQkFBaUI7a0hBQWpCLGlCQUFpQjsyRkFBakIsaUJBQWlCO2tCQUQ3QixVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGJOZ3hQb3B1cENvbXBvbmVudCwgRGJOZ3hQb3B1cENvbXBvbmVudENvbmZpZywgQVBQX1BPUFVQX05PUk1BTF9IRUlHSFQsIEFQUF9QT1BVUF9OT1JNQUxfV0lEVEggfSBmcm9tICcuL3BvcHVwLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBJbmplY3RhYmxlLCBJbmplY3RvciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTmdPdmVybGF5Q29udGFpbmVyU2VydmljZSwgTmdQb3BvdmVyUmVmIH0gZnJvbSAnbmctb3ZlcmxheS1jb250YWluZXInO1xuaW1wb3J0IHsgT3ZlcmxheSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9vdmVybGF5JztcblxuZXhwb3J0IGludGVyZmFjZSBEYk5neFBvcHVwQ29uZmlnPEksIE8sIFQ+IGV4dGVuZHMgRGJOZ3hQb3B1cENvbXBvbmVudENvbmZpZzxJLCBPLCBUPiB7XG4gIGluamVjdG9yPzogSW5qZWN0b3I7XG59XG5cbi8qKlxuICogVXNlZCBmb3IgZGlzcGxheWluZyBhIHBvcHVwLlxuICovXG5ASW5qZWN0YWJsZSgpXG5leHBvcnQgY2xhc3MgRGJOZ3hQb3B1cFNlcnZpY2Uge1xuXG4gIHByaXZhdGUgX292ZXJsYXlDb250YWluZXJTZXJ2aWNlOiBOZ092ZXJsYXlDb250YWluZXJTZXJ2aWNlO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgX292ZXJsYXk6IE92ZXJsYXksIHByaXZhdGUgX2luamVjdG9yOiBJbmplY3Rvcikge1xuICAgIHRoaXMuX292ZXJsYXlDb250YWluZXJTZXJ2aWNlID0gbmV3IE5nT3ZlcmxheUNvbnRhaW5lclNlcnZpY2UodGhpcy5fb3ZlcmxheSwgdGhpcy5faW5qZWN0b3IpO1xuICB9XG5cbiAgb3BlbjxJLCBPLCBUPihjb25maWc6IERiTmd4UG9wdXBDb25maWc8SSwgTywgVD4pOiBOZ1BvcG92ZXJSZWY8RGJOZ3hQb3B1cENvbXBvbmVudENvbmZpZzxJLCBPLCBUPiwgTz4ge1xuICAgIGNvbnN0IHNlcnZpY2UgPSAoY29uZmlnLmluamVjdG9yKSA/IG5ldyBOZ092ZXJsYXlDb250YWluZXJTZXJ2aWNlKHRoaXMuX292ZXJsYXksIGNvbmZpZy5pbmplY3RvcikgOiB0aGlzLl9vdmVybGF5Q29udGFpbmVyU2VydmljZTtcbiAgICBjb25zdCBpc0RyYWdnYWJsZSA9IGNvbmZpZy5pc0RyYWdnYWJsZSA/PyBmYWxzZTtcblxuICAgIHJldHVybiBzZXJ2aWNlLm9wZW48RGJOZ3hQb3B1cENvbXBvbmVudENvbmZpZzxJLCBPLCBUPiwgTz4oe1xuICAgICAgY29udGVudDogRGJOZ3hQb3B1cENvbXBvbmVudCxcbiAgICAgIGRhdGE6IHtcbiAgICAgICAgLi4uY29uZmlnLFxuICAgICAgICBpc0RyYWdnYWJsZSxcbiAgICAgIH0sXG4gICAgICBjb25maWd1cmF0aW9uOiB7XG4gICAgICAgIHBhbmVsQ2xhc3M6ICdkYngtcG9wdXAtY29udGFpbmVyJyxcbiAgICAgICAgd2lkdGg6IEFQUF9QT1BVUF9OT1JNQUxfV0lEVEgsXG4gICAgICAgIGhlaWdodDogQVBQX1BPUFVQX05PUk1BTF9IRUlHSFQsXG4gICAgICAgIHVzZUdsb2JhbFBvc2l0aW9uU3RyYXRlZ3k6IHRydWUsXG4gICAgICAgIGhhc0JhY2tkcm9wOiBmYWxzZSxcbiAgICAgICAgaXNSZXNpemFibGU6IGZhbHNlLFxuICAgICAgICBpc0RyYWdnYWJsZVxuICAgICAgfVxuICAgIH0pO1xuICB9XG5cbn1cbiJdfQ==