@biit-solutions/wizardry-theme 1.21.34

package/fesm2020/biit-solutions-wizardry-theme-popup.mjs

@@ -0,0 +1,216 @@
+import * as i0 from '@angular/core';
+import { Directive, EventEmitter, Component, Input, Output, ViewChild, HostListener, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@biit-solutions/wizardry-theme/icon';
+import { BiitIconModule } from '@biit-solutions/wizardry-theme/icon';
+
+class BiitPopupBackgroundDirective {
+    constructor(parent) {
+        this.parent = parent;
+        parent.background = false;
+    }
+}
+BiitPopupBackgroundDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitPopupBackgroundDirective, deps: [{ token: BiitPopupComponent }], target: i0.ɵɵFactoryTarget.Directive });
+BiitPopupBackgroundDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: BiitPopupBackgroundDirective, selector: "[clear-bg]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitPopupBackgroundDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[clear-bg]'
+                }]
+        }], ctorParameters: function () { return [{ type: BiitPopupComponent }]; } });
+class BiitPopupNoHeaderDirective {
+    constructor(parent) {
+        this.parent = parent;
+        parent.header = false;
+    }
+}
+BiitPopupNoHeaderDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitPopupNoHeaderDirective, deps: [{ token: BiitPopupComponent }], target: i0.ɵɵFactoryTarget.Directive });
+BiitPopupNoHeaderDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: BiitPopupNoHeaderDirective, selector: "[no-header]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitPopupNoHeaderDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[no-header]'
+                }]
+        }], ctorParameters: function () { return [{ type: BiitPopupComponent }]; } });
+class BiitPopupClosableDirective {
+    constructor(parent) {
+        this.parent = parent;
+        parent.closable = true;
+    }
+}
+BiitPopupClosableDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitPopupClosableDirective, deps: [{ token: BiitPopupComponent }], target: i0.ɵɵFactoryTarget.Directive });
+BiitPopupClosableDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: BiitPopupClosableDirective, selector: "[closable]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitPopupClosableDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[closable]'
+                }]
+        }], ctorParameters: function () { return [{ type: BiitPopupComponent }]; } });
+class BiitPopupClosableOutsideDirective {
+    constructor(parent) {
+        this.parent = parent;
+        parent.closableOutside = true;
+    }
+}
+BiitPopupClosableOutsideDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitPopupClosableOutsideDirective, deps: [{ token: BiitPopupComponent }], target: i0.ɵɵFactoryTarget.Directive });
+BiitPopupClosableOutsideDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: BiitPopupClosableOutsideDirective, selector: "[closable-outside]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitPopupClosableOutsideDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[closable-outside]'
+                }]
+        }], ctorParameters: function () { return [{ type: BiitPopupComponent }]; } });
+class BiitPopupSixtyViewDirective {
+    constructor(parent) {
+        this.parent = parent;
+        parent.type = BiitPopupType.SIXTY;
+    }
+}
+BiitPopupSixtyViewDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitPopupSixtyViewDirective, deps: [{ token: BiitPopupComponent }], target: i0.ɵɵFactoryTarget.Directive });
+BiitPopupSixtyViewDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: BiitPopupSixtyViewDirective, selector: "[sixty-view]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitPopupSixtyViewDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[sixty-view]'
+                }]
+        }], ctorParameters: function () { return [{ type: BiitPopupComponent }]; } });
+class BiitPopupInfoBoxDirective {
+    constructor(parent) {
+        this.parent = parent;
+        parent.type = BiitPopupType.INFO_BOX;
+    }
+}
+BiitPopupInfoBoxDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitPopupInfoBoxDirective, deps: [{ token: BiitPopupComponent }], target: i0.ɵɵFactoryTarget.Directive });
+BiitPopupInfoBoxDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: BiitPopupInfoBoxDirective, selector: "[info-box]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitPopupInfoBoxDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[info-box]'
+                }]
+        }], ctorParameters: function () { return [{ type: BiitPopupComponent }]; } });
+class BiitPopupComponent {
+    onEscPress(event) {
+        this.onClosed.emit();
+    }
+    constructor(cdRef) {
+        this.cdRef = cdRef;
+        this.title = '';
+        this.onClosed = new EventEmitter();
+        this.background = true;
+        this.header = true;
+        this.closable = false;
+        this.closableOutside = false;
+        this.type = BiitPopupType.DEFAULT;
+        this.coordinates = { x: undefined, y: undefined };
+        this.Type = BiitPopupType;
+    }
+    ngAfterViewInit() {
+        if (this.type == BiitPopupType.INFO_BOX) {
+            const rem = parseFloat(getComputedStyle(document.documentElement).fontSize);
+            const popupWidth = rem * 26.5 + 6;
+            // Checking available screen space
+            const fitsBottom = this.mouseEvent.y + this.popup.nativeElement.offsetHeight + 0.5 * rem < window.innerHeight;
+            const fitsLeft = this.mouseEvent.x - popupWidth / 2 > 0;
+            const fitsRight = this.mouseEvent.x + popupWidth / 2 < window.innerWidth;
+            if (fitsBottom) {
+                this.coordinates.y = this.mouseEvent.y + 0.5 * rem + "px";
+            }
+            else {
+                this.coordinates.y = this.mouseEvent.y - this.popup.nativeElement.offsetHeight + "px";
+            }
+            if (!fitsLeft) {
+                this.coordinates.x = "0px";
+            }
+            else if (!fitsRight) {
+                this.coordinates.x = window.innerWidth - popupWidth + "px";
+            }
+            else {
+                this.coordinates.x = this.mouseEvent.x - popupWidth / 2 + "px";
+            }
+            this.cdRef.detectChanges();
+        }
+    }
+}
+BiitPopupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitPopupComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+BiitPopupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: BiitPopupComponent, selector: "biit-popup", inputs: { title: "title", mouseEvent: "mouseEvent" }, outputs: { onClosed: "onClosed" }, host: { listeners: { "document:keydown.escape": "onEscPress($event)" } }, viewQueries: [{ propertyName: "popup", first: true, predicate: ["popup"], descendants: true }], ngImport: i0, template: "<div *ngIf=\"type !== Type.INFO_BOX\" [class.dark-bg]=\"background\" class=\"popup-background\"\n     (click)=\"closableOutside ? onClosed.emit() : false\">\n</div>\n<div #popup id=\"biit-popup\"\n     [class.popup-canvas]=\"type == Type.DEFAULT\"\n     [class.sixty-canvas]=\"type == Type.SIXTY\"\n     [class.info-box-canvas]=\"type == Type.INFO_BOX\"\n     [ngStyle]=\"type == Type.INFO_BOX ? {top: coordinates.y, left: coordinates.x} : undefined\">\n  <div *ngIf=\"header\" id=\"header\"\n       class=\"header\">\n    <div class=\"title\">\n      <a>{{ title }}</a>\n    </div>\n    <div class=\"bar\"></div>\n    <biit-icon *ngIf=\"closable\" id=\"popup-x-button\"\n               class=\"close\"\n               [name]=\"'cross_wide'\"\n               [pathStyle]=\"{fill: '#000000'}\"\n               (click)=\"onClosed.emit()\"\n    ></biit-icon>\n  </div>\n  <div class=\"content\" id=\"content\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </div>\n</div>\n\n<ng-template #content>\n  <ng-content></ng-content>\n</ng-template>\n", styles: [".popup-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10}.popup-background.dark-bg{background-color:#00000026}.popup-canvas{position:fixed;display:flex;flex-direction:column;row-gap:.7rem;top:50%;left:50%;transform:translate(-50%,-50%);min-width:30rem;background-color:#fff;z-index:12;border:3px solid #262626;box-sizing:border-box;padding:2.1rem}.popup-canvas>.content{display:inline-flex}@media screen and (max-width: 600px){.popup-canvas{top:0!important;left:0!important;transform:unset!important;height:100%!important;width:100%!important;text-align:center;min-width:unset!important}}@media screen and (max-width: 800px){.sixty-canvas{width:100vw!important;padding:1rem!important}}.sixty-canvas{position:fixed;display:flex;flex-direction:column;row-gap:.7rem;top:0;right:0;width:60vw;height:100vh;background-color:#fff;z-index:11;border:3px solid #262626;box-sizing:border-box;padding:2.1rem 2.1rem 3rem}.sixty-canvas>.content{display:inline-flex;width:100%;height:-moz-fit-content;height:fit-content;flex-grow:1;overflow-y:auto}.popup-canvas .header,.sixty-canvas .header{position:relative;display:flex;align-items:center;justify-content:flex-end;height:2.1rem;width:100%;flex-shrink:0}.popup-canvas .header .title,.sixty-canvas .header .title{display:inline-flex;flex-grow:1;max-width:90%;text-transform:uppercase;font-size:1.5rem;font-weight:bolder;position:absolute;left:0}.popup-canvas .header .title a,.sixty-canvas .header .title a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popup-canvas .header .bar,.sixty-canvas .header .bar{position:absolute;bottom:0;left:0;height:3px;width:60%;background:black}.popup-canvas .header .close,.sixty-canvas .header .close{display:inline-flex;height:.9rem;width:.9rem;cursor:pointer}.info-box-canvas{position:fixed;width:23.5rem;display:flex;flex-direction:column;padding:1.5rem;background:white;border:3px solid #262626;gap:.75rem}.info-box-canvas .bar{display:none}.info-box-canvas .header{display:flex;align-items:start}.info-box-canvas .header .title{font-weight:700;text-transform:uppercase;flex-grow:1;padding-right:.5rem}.info-box-canvas .close{height:.8rem;width:1rem;flex-shrink:0;margin-top:.2rem;cursor:pointer}.info-box-canvas>.content{display:inline-flex}@media screen and (max-width: 600px){.popup-canvas>.content{justify-content:center}}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.BiitIconComponent, selector: "biit-icon", inputs: ["name", "svgStyle", "pathStyle"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitPopupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'biit-popup', template: "<div *ngIf=\"type !== Type.INFO_BOX\" [class.dark-bg]=\"background\" class=\"popup-background\"\n     (click)=\"closableOutside ? onClosed.emit() : false\">\n</div>\n<div #popup id=\"biit-popup\"\n     [class.popup-canvas]=\"type == Type.DEFAULT\"\n     [class.sixty-canvas]=\"type == Type.SIXTY\"\n     [class.info-box-canvas]=\"type == Type.INFO_BOX\"\n     [ngStyle]=\"type == Type.INFO_BOX ? {top: coordinates.y, left: coordinates.x} : undefined\">\n  <div *ngIf=\"header\" id=\"header\"\n       class=\"header\">\n    <div class=\"title\">\n      <a>{{ title }}</a>\n    </div>\n    <div class=\"bar\"></div>\n    <biit-icon *ngIf=\"closable\" id=\"popup-x-button\"\n               class=\"close\"\n               [name]=\"'cross_wide'\"\n               [pathStyle]=\"{fill: '#000000'}\"\n               (click)=\"onClosed.emit()\"\n    ></biit-icon>\n  </div>\n  <div class=\"content\" id=\"content\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </div>\n</div>\n\n<ng-template #content>\n  <ng-content></ng-content>\n</ng-template>\n", styles: [".popup-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10}.popup-background.dark-bg{background-color:#00000026}.popup-canvas{position:fixed;display:flex;flex-direction:column;row-gap:.7rem;top:50%;left:50%;transform:translate(-50%,-50%);min-width:30rem;background-color:#fff;z-index:12;border:3px solid #262626;box-sizing:border-box;padding:2.1rem}.popup-canvas>.content{display:inline-flex}@media screen and (max-width: 600px){.popup-canvas{top:0!important;left:0!important;transform:unset!important;height:100%!important;width:100%!important;text-align:center;min-width:unset!important}}@media screen and (max-width: 800px){.sixty-canvas{width:100vw!important;padding:1rem!important}}.sixty-canvas{position:fixed;display:flex;flex-direction:column;row-gap:.7rem;top:0;right:0;width:60vw;height:100vh;background-color:#fff;z-index:11;border:3px solid #262626;box-sizing:border-box;padding:2.1rem 2.1rem 3rem}.sixty-canvas>.content{display:inline-flex;width:100%;height:-moz-fit-content;height:fit-content;flex-grow:1;overflow-y:auto}.popup-canvas .header,.sixty-canvas .header{position:relative;display:flex;align-items:center;justify-content:flex-end;height:2.1rem;width:100%;flex-shrink:0}.popup-canvas .header .title,.sixty-canvas .header .title{display:inline-flex;flex-grow:1;max-width:90%;text-transform:uppercase;font-size:1.5rem;font-weight:bolder;position:absolute;left:0}.popup-canvas .header .title a,.sixty-canvas .header .title a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popup-canvas .header .bar,.sixty-canvas .header .bar{position:absolute;bottom:0;left:0;height:3px;width:60%;background:black}.popup-canvas .header .close,.sixty-canvas .header .close{display:inline-flex;height:.9rem;width:.9rem;cursor:pointer}.info-box-canvas{position:fixed;width:23.5rem;display:flex;flex-direction:column;padding:1.5rem;background:white;border:3px solid #262626;gap:.75rem}.info-box-canvas .bar{display:none}.info-box-canvas .header{display:flex;align-items:start}.info-box-canvas .header .title{font-weight:700;text-transform:uppercase;flex-grow:1;padding-right:.5rem}.info-box-canvas .close{height:.8rem;width:1rem;flex-shrink:0;margin-top:.2rem;cursor:pointer}.info-box-canvas>.content{display:inline-flex}@media screen and (max-width: 600px){.popup-canvas>.content{justify-content:center}}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { title: [{
+                type: Input
+            }], mouseEvent: [{
+                type: Input
+            }], onClosed: [{
+                type: Output
+            }], popup: [{
+                type: ViewChild,
+                args: ['popup']
+            }], onEscPress: [{
+                type: HostListener,
+                args: ['document:keydown.escape', ['$event']]
+            }] } });
+var BiitPopupType;
+(function (BiitPopupType) {
+    BiitPopupType["DEFAULT"] = "default";
+    BiitPopupType["SIXTY"] = "sixty";
+    BiitPopupType["INFO_BOX"] = "info-box";
+})(BiitPopupType || (BiitPopupType = {}));
+
+class BiitPopupModule {
+}
+BiitPopupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitPopupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+BiitPopupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: BiitPopupModule, declarations: [BiitPopupComponent,
+        BiitPopupBackgroundDirective,
+        BiitPopupNoHeaderDirective,
+        BiitPopupClosableDirective,
+        BiitPopupClosableOutsideDirective,
+        BiitPopupSixtyViewDirective,
+        BiitPopupInfoBoxDirective], imports: [CommonModule,
+        BiitIconModule], exports: [BiitPopupComponent,
+        BiitPopupBackgroundDirective,
+        BiitPopupNoHeaderDirective,
+        BiitPopupClosableDirective,
+        BiitPopupClosableOutsideDirective,
+        BiitPopupSixtyViewDirective,
+        BiitPopupInfoBoxDirective] });
+BiitPopupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitPopupModule, imports: [CommonModule,
+        BiitIconModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BiitPopupModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        BiitPopupComponent,
+                        BiitPopupBackgroundDirective,
+                        BiitPopupNoHeaderDirective,
+                        BiitPopupClosableDirective,
+                        BiitPopupClosableOutsideDirective,
+                        BiitPopupSixtyViewDirective,
+                        BiitPopupInfoBoxDirective
+                    ],
+                    imports: [
+                        CommonModule,
+                        BiitIconModule
+                    ],
+                    exports: [
+                        BiitPopupComponent,
+                        BiitPopupBackgroundDirective,
+                        BiitPopupNoHeaderDirective,
+                        BiitPopupClosableDirective,
+                        BiitPopupClosableOutsideDirective,
+                        BiitPopupSixtyViewDirective,
+                        BiitPopupInfoBoxDirective
+                    ]
+                }]
+        }] });
+
+/*
+ * Public API Surface of wizardry-theme/popup
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BiitPopupBackgroundDirective, BiitPopupClosableDirective, BiitPopupClosableOutsideDirective, BiitPopupComponent, BiitPopupInfoBoxDirective, BiitPopupModule, BiitPopupNoHeaderDirective, BiitPopupSixtyViewDirective };
+//# sourceMappingURL=biit-solutions-wizardry-theme-popup.mjs.map

package/fesm2020/biit-solutions-wizardry-theme-popup.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"biit-solutions-wizardry-theme-popup.mjs","sources":["../../../projects/wizardry-theme/popup/src/biit-popup/biit-popup.component.ts","../../../projects/wizardry-theme/popup/src/biit-popup/biit-popup.component.html","../../../projects/wizardry-theme/popup/src/biit-popup/biit-popup.module.ts","../../../projects/wizardry-theme/popup/src/public-api.ts","../../../projects/wizardry-theme/popup/src/biit-solutions-wizardry-theme-popup.ts"],"sourcesContent":["import {\n  AfterViewInit,\n  ChangeDetectorRef,\n  Component,\n  Directive,\n  ElementRef,\n  EventEmitter, HostListener,\n  Input,\n  Output,\n  ViewChild\n} from '@angular/core';\n\n@Directive({\n  selector: '[clear-bg]'\n})\nexport class BiitPopupBackgroundDirective {\n  constructor(private parent: BiitPopupComponent) {\n    parent.background = false;\n  }\n}\n\n@Directive({\n  selector: '[no-header]'\n})\nexport class BiitPopupNoHeaderDirective {\n  constructor(private parent: BiitPopupComponent) {\n    parent.header = false;\n  }\n}\n\n@Directive({\n  selector: '[closable]'\n})\nexport class BiitPopupClosableDirective {\n  constructor(private parent: BiitPopupComponent) {\n    parent.closable = true;\n  }\n}\n\n@Directive({\n  selector: '[closable-outside]'\n})\nexport class BiitPopupClosableOutsideDirective {\n  constructor(private parent: BiitPopupComponent) {\n    parent.closableOutside = true;\n  }\n}\n\n@Directive({\n  selector: '[sixty-view]'\n})\nexport class BiitPopupSixtyViewDirective {\n  constructor(private parent: BiitPopupComponent) {\n    parent.type = BiitPopupType.SIXTY;\n  }\n}\n\n@Directive({\n  selector: '[info-box]'\n})\nexport class BiitPopupInfoBoxDirective {\n  constructor(private parent: BiitPopupComponent) {\n    parent.type = BiitPopupType.INFO_BOX;\n  }\n}\n\n\n\n@Component({\n  selector: 'biit-popup',\n  templateUrl: './biit-popup.component.html',\n  styleUrls: ['./biit-popup.component.scss']\n})\nexport class BiitPopupComponent implements AfterViewInit {\n  @Input() title: string = '';\n  @Input() mouseEvent: MouseEvent;\n  @Output() onClosed: EventEmitter<void> = new EventEmitter<void>();\n  @ViewChild('popup') popup: ElementRef;\n\n  background: boolean = true;\n  header: boolean = true;\n  closable: boolean = false;\n  closableOutside: boolean = false;\n  type: BiitPopupType = BiitPopupType.DEFAULT;\n  coordinates: { x: string, y: string } = { x: undefined, y: undefined };\n\n  protected readonly Type = BiitPopupType;\n\n  @HostListener('document:keydown.escape', ['$event']) onEscPress(event: KeyboardEvent) {\n    this.onClosed.emit();\n  }\n\n  constructor(private cdRef : ChangeDetectorRef) {\n  }\n\n  ngAfterViewInit() {\n    if (this.type == BiitPopupType.INFO_BOX) {\n      const rem = parseFloat(getComputedStyle(document.documentElement).fontSize);\n      const popupWidth = rem * 26.5 + 6;\n\n      // Checking available screen space\n      const fitsBottom = this.mouseEvent.y + this.popup.nativeElement.offsetHeight + 0.5*rem < window.innerHeight;\n      const fitsLeft = this.mouseEvent.x - popupWidth/2 > 0;\n      const fitsRight = this.mouseEvent.x + popupWidth/2 < window.innerWidth;\n\n      if (fitsBottom) {\n        this.coordinates.y = this.mouseEvent.y + 0.5*rem + \"px\";\n      } else {\n        this.coordinates.y = this.mouseEvent.y - this.popup.nativeElement.offsetHeight + \"px\";\n      }\n\n      if (!fitsLeft) {\n        this.coordinates.x = \"0px\";\n      } else if (!fitsRight) {\n        this.coordinates.x = window.innerWidth - popupWidth + \"px\";\n      } else {\n        this.coordinates.x = this.mouseEvent.x - popupWidth/2 + \"px\";\n      }\n\n      this.cdRef.detectChanges();\n    }\n  }\n}\n\nenum BiitPopupType {\n  DEFAULT = 'default',\n  SIXTY = 'sixty',\n  INFO_BOX = 'info-box'\n}\n","<div *ngIf=\"type !== Type.INFO_BOX\" [class.dark-bg]=\"background\" class=\"popup-background\"\n     (click)=\"closableOutside ? onClosed.emit() : false\">\n</div>\n<div #popup id=\"biit-popup\"\n     [class.popup-canvas]=\"type == Type.DEFAULT\"\n     [class.sixty-canvas]=\"type == Type.SIXTY\"\n     [class.info-box-canvas]=\"type == Type.INFO_BOX\"\n     [ngStyle]=\"type == Type.INFO_BOX ? {top: coordinates.y, left: coordinates.x} : undefined\">\n  <div *ngIf=\"header\" id=\"header\"\n       class=\"header\">\n    <div class=\"title\">\n      <a>{{ title }}</a>\n    </div>\n    <div class=\"bar\"></div>\n    <biit-icon *ngIf=\"closable\" id=\"popup-x-button\"\n               class=\"close\"\n               [name]=\"'cross_wide'\"\n               [pathStyle]=\"{fill: '#000000'}\"\n               (click)=\"onClosed.emit()\"\n    ></biit-icon>\n  </div>\n  <div class=\"content\" id=\"content\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </div>\n</div>\n\n<ng-template #content>\n  <ng-content></ng-content>\n</ng-template>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport {\n  BiitPopupBackgroundDirective, BiitPopupClosableDirective, BiitPopupClosableOutsideDirective,\n  BiitPopupComponent, BiitPopupInfoBoxDirective,\n  BiitPopupNoHeaderDirective,\n  BiitPopupSixtyViewDirective\n} from './biit-popup.component';\nimport {BiitIconModule} from '@biit-solutions/wizardry-theme/icon';\n\n\n\n@NgModule({\n  declarations: [\n    BiitPopupComponent,\n    BiitPopupBackgroundDirective,\n    BiitPopupNoHeaderDirective,\n    BiitPopupClosableDirective,\n    BiitPopupClosableOutsideDirective,\n    BiitPopupSixtyViewDirective,\n    BiitPopupInfoBoxDirective\n  ],\n  imports: [\n    CommonModule,\n    BiitIconModule\n  ],\n  exports: [\n    BiitPopupComponent,\n    BiitPopupBackgroundDirective,\n    BiitPopupNoHeaderDirective,\n    BiitPopupClosableDirective,\n    BiitPopupClosableOutsideDirective,\n    BiitPopupSixtyViewDirective,\n    BiitPopupInfoBoxDirective\n  ]\n})\nexport class BiitPopupModule { }\n","/*\n * Public API Surface of wizardry-theme/popup\n */\n\nexport * from './biit-popup/biit-popup.module';\nexport * from './biit-popup/biit-popup.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}