\r\n`\r\n\r\nexport default template;","import { Component, OnInit, ViewEncapsulation, ElementRef, Input, OnChanges, SimpleChanges } from '@angular/core';\r\nimport { ModalService } from '../modal.service';\r\nimport template from './modal.component.html';\r\n\r\n@Component({\r\n selector: 'marx-modal',\r\n template: template + ``,\r\n styleUrls: ['./modal.component.less'],\r\n encapsulation: ViewEncapsulation.None\r\n})\r\nexport class MarxModalComponent implements OnInit, OnChanges {\r\n\r\n @Input() id: string;\r\n @Input() zIndexValue: number;\r\n private element: any;\r\n\r\n constructor(private modalService: ModalService, private el: ElementRef) {\r\n this.element = el.nativeElement;\r\n }\r\n\r\n ngOnChanges(changes: SimpleChanges) {\r\n if(changes.zIndexValue) {\r\n this.zIndexValue = this.zIndexValue ?? 100000;\r\n if(this.zIndexValue > 2147483647) {\r\n this.zIndexValue = 2147483647;\r\n } else if (this.zIndexValue < -2147483647) {\r\n this.zIndexValue = -2147483647;\r\n }\r\n }\r\n }\r\n\r\n ngOnInit(): void {\r\n // ensure id attribute exists\r\n if (!this.id) {\r\n console.error('modal must have an id');\r\n return;\r\n }\r\n\r\n // move element to bottom of page (just before
) so it can be displayed above everything else\r\n document.body.appendChild(this.element);\r\n\r\n // close modal on background click\r\n this.element.addEventListener('click', el => {\r\n if (el.target.className === 'jw-modal') {\r\n this.close();\r\n }\r\n });\r\n\r\n // add self (this modal instance) to the modal service so it's accessible from controllers\r\n this.modalService.add(this);\r\n }\r\n\r\n // remove self from modal service when component is destroyed\r\n ngOnDestroy(): void {\r\n this.modalService.remove(this.id);\r\n this.element.remove();\r\n }\r\n\r\n // open modal\r\n open(): void {\r\n this.element.style.display = 'block';\r\n document.body.classList.add('jw-modal-open');\r\n }\r\n\r\n // close modal\r\n close(): void {\r\n this.element.style.display = 'none';\r\n document.body.classList.remove('jw-modal-open');\r\n }\r\n\r\n}\r\n","import { Directive, ElementRef, EventEmitter, HostListener, Output } from '@angular/core';\r\n\r\n@Directive({\r\n selector: '[clickOutside]'\r\n})\r\nexport class ClickOutsideDirective {\r\n\r\n constructor(private elementRef: ElementRef) {\r\n }\r\n @Output('clickOutside') clickOutside: EventEmitter