@madbrothers/ngx-mad-modal - npm Package Compare versions

Comparing version 1.0.11 to 1.0.12

bundles/madbrothers-ngx-mad-modal.umd.js

@@ -643,2 +643,7 @@ (function (global, factory) {
     });
+    MadModalComponent.prototype.ngOnChanges = function () {
+        if (this.positionLeft && this.positionTop) {
+            this.positionOverlay();
+        }
+    };
     MadModalComponent.prototype.ngAfterViewChecked = function () {
@@ -997,3 +1002,3 @@ var _this = this;
                 selector: 'mad-modal',
-                template: "<div #container\n\t\t [ngClass]=\"{'modal flex-column':true, 'modal--draggable':draggable}\"\n\t\t [style.display]=\"visible ? 'flex' : 'none'\"\n\t\t [ngStyle]=\"style\"\n\t\t [class]=\"styleClass\"\n\t\t [style.width.px]=\"width\"\n\t\t [style.height.px]=\"height\"\n\t\t [style.minWidth.px]=\"minWidth\"\n\t\t [@dialogState]=\"visible ? 'visible' : 'hidden'\"\n\t\t role=\"dialog\"\n\t\t [attr.aria-labelledby]=\"id + '-label'\"\n\t\t (mousedown)=\"maybeClose($event)\"\n>\n\t\t<div class=\"modal-dialog\" (mousedown)=\"stopPropagation($event)\">\n\t\t\t<div class=\"modal-content\" (mousedown)=\"moveOnTop()\">\n\t\t\t\t<div #titlebar class=\"modal-header\" (mousedown)=\"initDrag($event)\" *ngIf=\"showHeader\">\n\t\t\t\t\t<div [attr.id]=\"id + '-label'\" class=\"modal-title\" *ngIf=\"header\">{{header}}</div>\n\t\t\t\t\t<div [attr.id]=\"id + '-label'\" class=\"modal-title\" *ngIf=\"headerFacet && headerFacet.first\">\n\t\t\t\t\t\t<ng-content select=\"p-header\"></ng-content>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div\n\t\t\t\t\t\t*ngIf=\"closable && showCloseElement\"\n\t\t\t\t\t\tclass=\"modal-close\"\n\t\t\t\t\t\t[ngClass]=\"closeElementClass\"\n\t\t\t\t\t\taria-label=\"Close\"\n\t\t\t\t\t\t(click)=\"close($event)\"\n\t\t\t\t\t\t(mousedown)=\"onCloseMouseDown($event)\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span aria-hidden=\"true\" class=\"icon icon-x\"></span>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div #content class=\"modal-body\" [ngStyle]=\"contentStyle\">\n\t\t\t\t\t<ng-content></ng-content>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"modal-footer\" *ngIf=\"footerFacet && footerFacet.first\">\n\t\t\t\t\t<ng-content select=\"p-footer\"></ng-content>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n</div>\n",
+                template: "<div #container\n\t\t [ngClass]=\"{'modal flex-column':true, 'modal--draggable':draggable}\"\n\t\t [style.display]=\"visible ? 'flex' : 'none'\"\n\t\t [ngStyle]=\"style\"\n\t\t [class]=\"styleClass\"\n\t\t [style.width.px]=\"width\"\n\t\t [style.height.px]=\"height\"\n\t\t [style.minWidth.px]=\"minWidth\"\n\t\t [@dialogState]=\"visible ? 'visible' : 'hidden'\"\n\t\t role=\"dialog\"\n\t\t [attr.aria-labelledby]=\"id + '-label'\"\n\t\t (mousedown)=\"maybeClose($event)\"\n>\n\t\t<div class=\"modal-dialog\" (mousedown)=\"stopPropagation($event)\">\n\t\t\t<div class=\"modal-content\" (mousedown)=\"moveOnTop()\">\n\n\t\t\t\t<div #titlebar class=\"modal-header\" (mousedown)=\"initDrag($event)\" *ngIf=\"showHeader\">\n\t\t\t\t\t<div [attr.id]=\"id + '-label'\" class=\"modal-title\" *ngIf=\"header\">{{header}}</div>\n\t\t\t\t\t<div [attr.id]=\"id + '-label'\" class=\"modal-title\" *ngIf=\"headerFacet && headerFacet.first\">\n\t\t\t\t\t\t<ng-content select=\"p-header\"></ng-content>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div\n\t\t\t\t\t\t*ngIf=\"closable && showCloseElement\"\n\t\t\t\t\t\tclass=\"modal-close\"\n\t\t\t\t\t\t[ngClass]=\"closeElementClass\"\n\t\t\t\t\t\taria-label=\"Close\"\n\t\t\t\t\t\t(click)=\"close($event)\"\n\t\t\t\t\t\t(mousedown)=\"onCloseMouseDown($event)\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span aria-hidden=\"true\" class=\"icon icon-x\"></span>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div #content class=\"modal-body\" [ngStyle]=\"contentStyle\">\n\t\t\t\t\t<ng-content></ng-content>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"modal-footer\" *ngIf=\"footerFacet && footerFacet.first\">\n\t\t\t\t\t<ng-content select=\"p-footer\"></ng-content>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n</div>\n",
                 styles: [".modal--draggable{cursor:move}"],
@@ -1000,0 +1005,0 @@ animations: [

bundles/madbrothers-ngx-mad-modal.umd.min.js

@@ -1,2 +0,2 @@
-!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("@angular/common"),require("@angular/animations")):"function"==typeof define&&define.amd?define("@madbrothers/ngx-mad-modal",["exports","@angular/core","@angular/common","@angular/animations"],e):e((t.madbrothers=t.madbrothers||{},t.madbrothers["ngx-mad-modal"]={}),t.ng.core,t.ng.common,t.ng.animations)}(this,function(t,o,e,n){"use strict";var i=function(){function t(){this.calculatedScrollbarWidth=null}return t.prototype.addClass=function(t,e){t.classList?t.classList.add(e):t.className+=" "+e},t.prototype.addMultipleClasses=function(t,e){if(t.classList)for(var n=e.split(" "),i=0;i<n.length;i++)t.classList.add(n[i]);else for(n=e.split(" "),i=0;i<n.length;i++)t.className+=" "+n[i]},t.prototype.removeClass=function(t,e){t.classList?t.classList.remove(e):t.className=t.className.replace(new RegExp("(^|\\b)"+e.split(" ").join("|")+"(\\b|$)","gi")," ")},t.prototype.hasClass=function(t,e){return t.classList?t.classList.contains(e):new RegExp("(^| )"+e+"( |$)","gi").test(t.className)},t.prototype.siblings=function(e){return Array.prototype.filter.call(e.parentNode.children,function(t){return t!==e})},t.prototype.find=function(t,e){return t.querySelectorAll(e)},t.prototype.findSingle=function(t,e){return t.querySelector(e)},t.prototype.index=function(t){for(var e=t.parentNode.childNodes,n=0,i=0;i<e.length;i++){if(e[i]==t)return n;1==e[i].nodeType&&n++}return-1},t.prototype.indexWithinGroup=function(t,e){for(var n=t.parentNode.childNodes,i=0,o=0;o<n.length;o++){if(n[o]==t)return i;n[o].attributes&&n[o].attributes[e]&&1==n[o].nodeType&&i++}return-1},t.prototype.relativePosition=function(t,e){var n,i,o=t.offsetParent?{width:t.offsetWidth,height:t.offsetHeight}:this.getHiddenElementDimensions(t),s=e.offsetHeight,r=e.offsetWidth,a=e.getBoundingClientRect(),l=(this.getWindowScrollTop(),this.getViewport());a.top+s+o.height>l.height?(n=-1*o.height,a.top+n<0&&(n=0)):n=s,i=a.left+o.width>l.width?r-o.width:0,t.style.top=n+"px",t.style.left=i+"px"},t.prototype.absolutePosition=function(t,e){var n,i,o=t.offsetParent?{width:t.offsetWidth,height:t.offsetHeight}:this.getHiddenElementDimensions(t),s=o.height,r=o.width,a=e.offsetHeight,l=e.offsetWidth,d=e.getBoundingClientRect(),p=this.getWindowScrollTop(),c=this.getWindowScrollLeft(),h=this.getViewport();d.top+a+s>h.height?(n=d.top+p-s)<0&&(n=0+p):n=a+d.top+p,i=d.left+l+r>h.width?d.left+c+l-r:d.left+c,t.style.top=n+"px",t.style.left=i+"px"},t.prototype.getHiddenElementOuterHeight=function(t){t.style.visibility="hidden",t.style.display="block";var e=t.offsetHeight;return t.style.display="none",t.style.visibility="visible",e},t.prototype.getHiddenElementOuterWidth=function(t){t.style.visibility="hidden",t.style.display="block";var e=t.offsetWidth;return t.style.display="none",t.style.visibility="visible",e},t.prototype.getHiddenElementDimensions=function(t){var e={};return t.style.visibility="hidden",t.style.display="block",e.width=t.offsetWidth,e.height=t.offsetHeight,t.style.display="none",t.style.visibility="visible",e},t.prototype.scrollInView=function(t,e){var n=getComputedStyle(t).getPropertyValue("borderTopWidth"),i=n?parseFloat(n):0,o=getComputedStyle(t).getPropertyValue("paddingTop"),s=o?parseFloat(o):0,r=t.getBoundingClientRect(),a=e.getBoundingClientRect().top+document.body.scrollTop-(r.top+document.body.scrollTop)-i-s,l=t.scrollTop,d=t.clientHeight,p=this.getOuterHeight(e);a<0?t.scrollTop=l+a:d<a+p&&(t.scrollTop=l+a-d+p)},t.prototype.fadeIn=function(t,e){t.style.opacity=0;var n=+new Date,i=0,o=function(){i=+t.style.opacity.replace(",",".")+((new Date).getTime()-n)/e,t.style.opacity=i,n=+new Date,+i<1&&(window.requestAnimationFrame&&requestAnimationFrame(o)||setTimeout(o,16))};o()},t.prototype.fadeOut=function(t,e){var n=1,i=50/e,o=setInterval(function(){(n-=i)<=0&&(n=0,clearInterval(o)),t.style.opacity=n},50)},t.prototype.getWindowScrollTop=function(){var t=document.documentElement;return(window.pageYOffset||t.scrollTop)-(t.clientTop||0)},t.prototype.getWindowScrollLeft=function(){var t=document.documentElement;return(window.pageXOffset||t.scrollLeft)-(t.clientLeft||0)},t.prototype.matches=function(t,e){var n=Element.prototype;return(n.matches||n.webkitMatchesSelector||n.mozMatchesSelector||n.msMatchesSelector||function(t){return-1!==[].indexOf.call(document.querySelectorAll(t),this)}).call(t,e)},t.prototype.getOuterWidth=function(t,e){var n=t.offsetWidth;if(e){var i=getComputedStyle(t);n+=parseFloat(i.marginLeft)+parseFloat(i.marginRight)}return n},t.prototype.getHorizontalPadding=function(t){var e=getComputedStyle(t);return parseFloat(e.paddingLeft)+parseFloat(e.paddingRight)},t.prototype.getHorizontalMargin=function(t){var e=getComputedStyle(t);return parseFloat(e.marginLeft)+parseFloat(e.marginRight)},t.prototype.innerWidth=function(t){var e=t.offsetWidth,n=getComputedStyle(t);return e+=parseFloat(n.paddingLeft)+parseFloat(n.paddingRight)},t.prototype.width=function(t){var e=t.offsetWidth,n=getComputedStyle(t);return e-=parseFloat(n.paddingLeft)+parseFloat(n.paddingRight)},t.prototype.getInnerHeight=function(t){var e=t.offsetHeight,n=getComputedStyle(t);return e+=parseFloat(n.paddingTop)+parseFloat(n.paddingBottom)},t.prototype.getOuterHeight=function(t,e){var n=t.offsetHeight;if(e){var i=getComputedStyle(t);n+=parseFloat(i.marginTop)+parseFloat(i.marginBottom)}return n},t.prototype.getHeight=function(t){var e=t.offsetHeight,n=getComputedStyle(t);return e-=parseFloat(n.paddingTop)+parseFloat(n.paddingBottom)+parseFloat(n.borderTopWidth)+parseFloat(n.borderBottomWidth)},t.prototype.getWidth=function(t){var e=t.offsetWidth,n=getComputedStyle(t);return e-=parseFloat(n.paddingLeft)+parseFloat(n.paddingRight)+parseFloat(n.borderLeftWidth)+parseFloat(n.borderRightWidth)},t.prototype.getViewport=function(){var t=window,e=document,n=e.documentElement,i=e.getElementsByTagName("body")[0];return{width:t.innerWidth||n.clientWidth||i.clientWidth,height:t.innerHeight||n.clientHeight||i.clientHeight}},t.prototype.getOffset=function(t){var e=t.getBoundingClientRect();return{top:e.top+document.body.scrollTop,left:e.left+document.body.scrollLeft}},t.prototype.getUserAgent=function(){return navigator.userAgent},t.prototype.isIE=function(){var t=window.navigator.userAgent;if(0<t.indexOf("MSIE "))return!0;if(0<t.indexOf("Trident/")){t.indexOf("rv:");return!0}return 0<t.indexOf("Edge/")},t.prototype.appendChild=function(t,e){if(this.isElement(e))e.appendChild(t);else{if(!e.el||!e.el.nativeElement)throw"Cannot append "+e+" to "+t;e.el.nativeElement.appendChild(t)}},t.prototype.removeChild=function(t,e){if(this.isElement(e))e.removeChild(t);else{if(!e.el||!e.el.nativeElement)throw"Cannot remove "+t+" from "+e;e.el.nativeElement.removeChild(t)}},t.prototype.isElement=function(t){return"object"==typeof HTMLElement?t instanceof HTMLElement:t&&"object"==typeof t&&null!==t&&1===t.nodeType&&"string"==typeof t.nodeName},t.prototype.calculateScrollbarWidth=function(){if(null!==this.calculatedScrollbarWidth)return this.calculatedScrollbarWidth;var t=document.createElement("div");t.className="ui-scrollbar-measure",document.body.appendChild(t);var e=t.offsetWidth-t.clientWidth;return document.body.removeChild(t),this.calculatedScrollbarWidth=e},t.prototype.invokeElementMethod=function(t,e,n){t[e].apply(t,n)},t.prototype.clearSelection=function(){if(window.getSelection)window.getSelection().empty?window.getSelection().empty():window.getSelection().removeAllRanges&&0<window.getSelection().rangeCount&&0<window.getSelection().getRangeAt(0).getClientRects().length&&window.getSelection().removeAllRanges();else if(document.selection&&document.selection.empty)try{document.selection.empty()}catch(t){}},t.prototype.getBrowser=function(){if(!this.browser){var t=this.resolveUserAgent();this.browser={},t.browser&&(this.browser[t.browser]=!0,this.browser.version=t.version),this.browser.chrome?this.browser.webkit=!0:this.browser.webkit&&(this.browser.safari=!0)}return this.browser},t.prototype.resolveUserAgent=function(){var t=navigator.userAgent.toLowerCase(),e=/(chrome)[ \/]([\w.]+)/.exec(t)||/(webkit)[ \/]([\w.]+)/.exec(t)||/(opera)(?:.*version|)[ \/]([\w.]+)/.exec(t)||/(msie) ([\w.]+)/.exec(t)||t.indexOf("compatible")<0&&/(mozilla)(?:.*? rv:([\w.]+)|)/.exec(t)||[];return{browser:e[1]||"",version:e[2]||"0"}},t}();i.zindex=1e3,i.decorators=[{type:o.Injectable}],i.ctorParameters=function(){return[]};var s=function(){};s.decorators=[{type:o.Component,args:[{selector:"p-header",template:"<ng-content></ng-content>"}]}],s.ctorParameters=function(){return[]};var r=function(){};r.decorators=[{type:o.Component,args:[{selector:"p-footer",template:"<ng-content></ng-content>"}]}],r.ctorParameters=function(){return[]};var a=function(){function t(t){this.template=t}return t.prototype.getType=function(){return this.name},t}();a.decorators=[{type:o.Directive,args:[{selector:"[pTemplate]",host:{}}]}],a.ctorParameters=function(){return[{type:o.TemplateRef}]},a.propDecorators={type:[{type:o.Input}],name:[{type:o.Input,args:["pTemplate"]}]};var l=function(){function t(){this.filterType="text",this.exportable=!0,this.resizable=!0,this.sortFunction=new o.EventEmitter}return t.prototype.ngAfterContentInit=function(){var e=this;this.templates.forEach(function(t){switch(t.getType()){case"header":e.headerTemplate=t.template;break;case"body":e.bodyTemplate=t.template;break;case"footer":e.footerTemplate=t.template;break;case"filter":e.filterTemplate=t.template;break;case"editor":e.editorTemplate=t.template;break;default:e.bodyTemplate=t.template}})},t}();l.decorators=[{type:o.Component,args:[{selector:"p-column",template:""}]}],l.ctorParameters=function(){return[]},l.propDecorators={field:[{type:o.Input}],colId:[{type:o.Input}],sortField:[{type:o.Input}],filterField:[{type:o.Input}],header:[{type:o.Input}],footer:[{type:o.Input}],sortable:[{type:o.Input}],editable:[{type:o.Input}],filter:[{type:o.Input}],filterMatchMode:[{type:o.Input}],filterType:[{type:o.Input}],excludeGlobalFilter:[{type:o.Input}],rowspan:[{type:o.Input}],colspan:[{type:o.Input}],scope:[{type:o.Input}],style:[{type:o.Input}],styleClass:[{type:o.Input}],exportable:[{type:o.Input}],headerStyle:[{type:o.Input}],headerStyleClass:[{type:o.Input}],bodyStyle:[{type:o.Input}],bodyStyleClass:[{type:o.Input}],footerStyle:[{type:o.Input}],footerStyleClass:[{type:o.Input}],hidden:[{type:o.Input}],expander:[{type:o.Input}],selectionMode:[{type:o.Input}],filterPlaceholder:[{type:o.Input}],filterMaxlength:[{type:o.Input}],frozen:[{type:o.Input}],resizable:[{type:o.Input}],sortFunction:[{type:o.Output}],templates:[{type:o.ContentChildren,args:[a]}],template:[{type:o.ContentChild,args:[o.TemplateRef]}]};var d=function(){};d.decorators=[{type:o.Component,args:[{selector:"p-row",template:""}]}],d.ctorParameters=function(){return[]},d.propDecorators={columns:[{type:o.ContentChildren,args:[l]}]};var p=function(){};p.decorators=[{type:o.Component,args:[{selector:"p-headerColumnGroup",template:""}]}],p.ctorParameters=function(){return[]},p.propDecorators={frozen:[{type:o.Input}],rows:[{type:o.ContentChildren,args:[d]}]};var c=function(){};c.decorators=[{type:o.Component,args:[{selector:"p-footerColumnGroup",template:""}]}],c.ctorParameters=function(){return[]},c.propDecorators={frozen:[{type:o.Input}],rows:[{type:o.ContentChildren,args:[d]}]};var h=function(){};h.decorators=[{type:o.NgModule,args:[{imports:[e.CommonModule],exports:[s,r,l,a,d,p,c],declarations:[s,r,l,a,d,p,c]}]}],h.ctorParameters=function(){return[]};var u=0,m=function(){function t(t,e,n,i){this.el=t,this.domHandler=e,this.renderer=n,this.zone=i,this.draggable=!1,this.resizable=!0,this.minWidth=150,this.minHeight=150,this.modal=!0,this.backdropClass="",this.closeOnEscape=!0,this.dismissableMask=!0,this.closable=!0,this.showCloseElement=!0,this.closeElementClass="close",this.responsive=!0,this.showHeader=!0,this.breakpoint=640,this.blockScroll=!0,this.autoZIndex=!0,this.baseZIndex=1e4,this.minX=0,this.minY=0,this.autoAlign=!0,this.customScrollBar=!1,this.onShow=new o.EventEmitter,this.onHide=new o.EventEmitter,this.onClose=new o.EventEmitter,this.visibleChange=new o.EventEmitter,this.id="ui-dialog-"+u++}return Object.defineProperty(t.prototype,"visible",{get:function(){return this._visible},set:function(t){this._visible=t,this.initialized&&this.containerViewChild&&this.containerViewChild.nativeElement&&(this._visible?this.show():this.preventVisibleChangePropagation?this.preventVisibleChangePropagation=!1:this.hide())},enumerable:!0,configurable:!0}),t.prototype.ngAfterViewChecked=function(){var e=this;this.executePostDisplayActions?(this.onShow.emit({}),this.positionOverlay(),this.focus(),this.currentHeight=this.domHandler.getOuterHeight(this.containerViewChild.nativeElement),this.executePostDisplayActions=!1):this.autoAlign&&this.visible&&this.zone.runOutsideAngular(function(){setTimeout(function(){var t=e.domHandler.getOuterHeight(e.containerViewChild.nativeElement);t!==e.currentHeight&&(e.currentHeight=t,e.positionOverlay())},50)})},t.prototype.focus=function(){var t=this.domHandler.findSingle(this.containerViewChild.nativeElement,"button");t&&t.focus()},t.prototype.show=function(){this.executePostDisplayActions=!0,this.moveOnTop(),this.bindGlobalListeners(),this.modal&&this.enableModality()},t.prototype.positionOverlay=function(){var t=this.domHandler.getViewport();this.domHandler.getOuterHeight(this.containerViewChild.nativeElement)>t.height&&(this.contentViewChild.nativeElement.style.height=.75*t.height+"px"),0<=this.positionLeft&&0<=this.positionTop?(this.containerViewChild.nativeElement.style.left=this.positionLeft+"px",this.containerViewChild.nativeElement.style.top=this.positionTop+"px"):0<=this.positionTop?(this.center(),this.containerViewChild.nativeElement.style.top=this.positionTop+"px"):this.center()},t.prototype.hide=function(){this.onHide.emit({}),this.unbindMaskClickListener(),this.unbindGlobalListeners(),this.dragging=!1,this.modal&&this.disableModality()},t.prototype.close=function(t){this.preventVisibleChangePropagation=!0,this.hide(),this.visibleChange.emit(!1),t.preventDefault(),this.onClose.emit()},t.prototype.maybeClose=function(t){this.dismissableMask&&this.close(t)},t.prototype.ngAfterViewInit=function(){this.initialized=!0,this.appendTo&&("body"===this.appendTo?document.body.appendChild(this.containerViewChild.nativeElement):this.domHandler.appendChild(this.containerViewChild.nativeElement,this.appendTo)),this.visible&&this.show()},t.prototype.center=function(){var t=this.domHandler.getOuterWidth(this.containerViewChild.nativeElement),e=this.domHandler.getOuterHeight(this.containerViewChild.nativeElement);0==t&&0==e&&(this.containerViewChild.nativeElement.style.visibility="hidden",this.containerViewChild.nativeElement.style.display="block",t=this.domHandler.getOuterWidth(this.containerViewChild.nativeElement),e=this.domHandler.getOuterHeight(this.containerViewChild.nativeElement),this.containerViewChild.nativeElement.style.display="none",this.containerViewChild.nativeElement.style.visibility="visible");var n=this.domHandler.getViewport(),i=Math.max((n.width-t)/2,0),o=Math.max((n.height-e)/2,0);this.containerViewChild.nativeElement.style.left=i+"px",this.containerViewChild.nativeElement.style.top=o+"px"},t.prototype.enableModality=function(){var e=this;if(console.log("Enable Modality"),!this.mask){this.mask=document.createElement("div"),this.mask.style.zIndex=String(parseInt(this.containerViewChild.nativeElement.style.zIndex)-1);var t="modal-backdrop fade show "+this.backdropClass;this.blockScroll&&(t+=" modal-backdrop__scroll-block"),this.domHandler.addMultipleClasses(this.mask,t),this.closable&&this.dismissableMask&&(this.maskClickListener=this.renderer.listen(this.mask,"click",function(t){e.close(t)})),document.body.appendChild(this.mask),this.blockScroll&&this.domHandler.addClass(document.body,"modal-open")}},t.prototype.disableModality=function(){if(this.mask){if(document.body.removeChild(this.mask),this.blockScroll){for(var t=document.body.children,e=void 0,n=0;n<t.length;n++){var i=t[n];if(this.domHandler.hasClass(i,"modal-backdrop__scroll-block")){e=!0;break}}e||this.domHandler.removeClass(document.body,"modal-open")}this.mask=null}},t.prototype.unbindMaskClickListener=function(){this.maskClickListener&&(this.maskClickListener(),this.maskClickListener=null)},t.prototype.moveOnTop=function(){this.autoZIndex&&(this.containerViewChild.nativeElement.style.zIndex=String(this.baseZIndex+ ++i.zindex))},t.prototype.onCloseMouseDown=function(t){this.closeIconMouseDown=!0},t.prototype.initDrag=function(t){this.closeIconMouseDown?this.closeIconMouseDown=!1:this.draggable&&(this.dragging=!0,this.lastPageX=t.pageX,this.lastPageY=t.pageY,this.domHandler.addClass(document.body,"ui-unselectable-text"))},t.prototype.onDrag=function(t){if(this.dragging){var e=t.pageX-this.lastPageX,n=t.pageY-this.lastPageY,i=parseInt(this.containerViewChild.nativeElement.style.left)+e,o=parseInt(this.containerViewChild.nativeElement.style.top)+n;i>=this.minX&&(this.containerViewChild.nativeElement.style.left=i+"px"),o>=this.minY&&(this.containerViewChild.nativeElement.style.top=o+"px"),this.lastPageX=t.pageX,this.lastPageY=t.pageY}},t.prototype.endDrag=function(t){this.draggable&&(this.dragging=!1,this.domHandler.removeClass(document.body,"ui-unselectable-text"))},t.prototype.initResize=function(t){this.resizable&&(this.preWidth=null,this.resizing=!0,this.lastPageX=t.pageX,this.lastPageY=t.pageY,this.domHandler.addClass(document.body,"ui-unselectable-text"))},t.prototype.onResize=function(t){if(this.resizing){var e=t.pageX-this.lastPageX,n=t.pageY-this.lastPageY,i=this.domHandler.getOuterWidth(this.containerViewChild.nativeElement),o=this.domHandler.getOuterHeight(this.containerViewChild.nativeElement),s=this.domHandler.getOuterHeight(this.contentViewChild.nativeElement),r=i+e,a=o+n;r>this.minWidth&&(this.containerViewChild.nativeElement.style.width=r+"px"),a>this.minHeight&&(this.containerViewChild.nativeElement.style.height=a+"px",this.contentViewChild.nativeElement.style.height=s+n+"px"),this.lastPageX=t.pageX,this.lastPageY=t.pageY}},t.prototype.onResizeEnd=function(t){this.resizing&&(this.resizing=!1,this.domHandler.removeClass(document.body,"ui-unselectable-text"))},t.prototype.bindGlobalListeners=function(){this.draggable&&(this.bindDocumentDragListener(),this.bindDocumentDragEndListener()),this.resizable&&this.bindDocumentResizeListeners(),this.responsive&&this.bindDocumentResponsiveListener(),this.closeOnEscape&&this.closable&&this.bindDocumentEscapeListener()},t.prototype.unbindGlobalListeners=function(){this.unbindDocumentDragListener(),this.unbindDocumentDragEndListener(),this.unbindDocumentResizeListeners(),this.unbindDocumentResponsiveListener(),this.unbindDocumentEscapeListener()},t.prototype.bindDocumentDragListener=function(){var t=this;this.zone.runOutsideAngular(function(){t.documentDragListener=t.onDrag.bind(t),window.document.addEventListener("mousemove",t.documentDragListener)})},t.prototype.unbindDocumentDragListener=function(){this.documentDragListener&&(window.document.removeEventListener("mousemove",this.documentDragListener),this.documentDragListener=null)},t.prototype.bindDocumentDragEndListener=function(){var t=this;this.zone.runOutsideAngular(function(){t.documentDragEndListener=t.endDrag.bind(t),window.document.addEventListener("mouseup",t.documentDragEndListener)})},t.prototype.unbindDocumentDragEndListener=function(){this.documentDragEndListener&&(window.document.removeEventListener("mouseup",this.documentDragEndListener),this.documentDragEndListener=null)},t.prototype.bindDocumentResizeListeners=function(){var t=this;this.zone.runOutsideAngular(function(){t.documentResizeListener=t.onResize.bind(t),t.documentResizeEndListener=t.onResizeEnd.bind(t),window.document.addEventListener("mousemove",t.documentResizeListener),window.document.addEventListener("mouseup",t.documentResizeEndListener)})},t.prototype.unbindDocumentResizeListeners=function(){this.documentResizeListener&&this.documentResizeEndListener&&(window.document.removeEventListener("mouseup",this.documentResizeListener),window.document.removeEventListener("mouseup",this.documentResizeEndListener),this.documentResizeListener=null,this.documentResizeEndListener=null)},t.prototype.bindDocumentResponsiveListener=function(){var t=this;this.zone.runOutsideAngular(function(){t.documentResponsiveListener=t.onWindowResize.bind(t),window.addEventListener("resize",t.documentResponsiveListener)})},t.prototype.unbindDocumentResponsiveListener=function(){this.documentResponsiveListener&&(window.removeEventListener("resize",this.documentResponsiveListener),this.documentResponsiveListener=null)},t.prototype.onWindowResize=function(t){var e=this.domHandler.getViewport(),n=this.domHandler.getOuterWidth(this.containerViewChild.nativeElement);e.width<=this.breakpoint?(this.preWidth||(this.preWidth=n),this.containerViewChild.nativeElement.style.left="0px",this.containerViewChild.nativeElement.style.width="100%"):(this.containerViewChild.nativeElement.style.width=this.preWidth+"px",this.positionOverlay())},t.prototype.bindDocumentEscapeListener=function(){var e=this;this.documentEscapeListener=this.renderer.listen("document","keydown",function(t){27==t.which&&parseInt(e.containerViewChild.nativeElement.style.zIndex)-e.baseZIndex==i.zindex&&e.close(t)})},t.prototype.unbindDocumentEscapeListener=function(){this.documentEscapeListener&&(this.documentEscapeListener(),this.documentEscapeListener=null)},t.prototype.ngOnDestroy=function(){this.initialized=!1,this.disableModality(),this.unbindGlobalListeners(),this.appendTo&&this.el.nativeElement.appendChild(this.containerViewChild.nativeElement),this.unbindMaskClickListener()},t.prototype.stopPropagation=function(t){t.stopPropagation()},t}();m.decorators=[{type:o.Component,args:[{selector:"mad-modal",template:'<div #container\n\t\t [ngClass]="{\'modal flex-column\':true, \'modal--draggable\':draggable}"\n\t\t [style.display]="visible ? \'flex\' : \'none\'"\n\t\t [ngStyle]="style"\n\t\t [class]="styleClass"\n\t\t [style.width.px]="width"\n\t\t [style.height.px]="height"\n\t\t [style.minWidth.px]="minWidth"\n\t\t [@dialogState]="visible ? \'visible\' : \'hidden\'"\n\t\t role="dialog"\n\t\t [attr.aria-labelledby]="id + \'-label\'"\n\t\t (mousedown)="maybeClose($event)"\n>\n\t\t<div class="modal-dialog" (mousedown)="stopPropagation($event)">\n\t\t\t<div class="modal-content" (mousedown)="moveOnTop()">\n\t\t\t\t<div #titlebar class="modal-header" (mousedown)="initDrag($event)" *ngIf="showHeader">\n\t\t\t\t\t<div [attr.id]="id + \'-label\'" class="modal-title" *ngIf="header">{{header}}</div>\n\t\t\t\t\t<div [attr.id]="id + \'-label\'" class="modal-title" *ngIf="headerFacet && headerFacet.first">\n\t\t\t\t\t\t<ng-content select="p-header"></ng-content>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div\n\t\t\t\t\t\t*ngIf="closable && showCloseElement"\n\t\t\t\t\t\tclass="modal-close"\n\t\t\t\t\t\t[ngClass]="closeElementClass"\n\t\t\t\t\t\taria-label="Close"\n\t\t\t\t\t\t(click)="close($event)"\n\t\t\t\t\t\t(mousedown)="onCloseMouseDown($event)"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span aria-hidden="true" class="icon icon-x"></span>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div #content class="modal-body" [ngStyle]="contentStyle">\n\t\t\t\t\t<ng-content></ng-content>\n\t\t\t\t</div>\n\t\t\t\t<div class="modal-footer" *ngIf="footerFacet && footerFacet.first">\n\t\t\t\t\t<ng-content select="p-footer"></ng-content>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n</div>\n',styles:[".modal--draggable{cursor:move}"],animations:[n.trigger("dialogState",[n.state("hidden",n.style({opacity:0})),n.state("visible",n.style({opacity:1})),n.transition("visible => hidden",n.animate("400ms ease-in")),n.transition("hidden => visible",n.animate("400ms ease-out"))])],providers:[i]}]}],m.ctorParameters=function(){return[{type:o.ElementRef},{type:i},{type:o.Renderer2},{type:o.NgZone}]},m.propDecorators={header:[{type:o.Input}],draggable:[{type:o.Input}],resizable:[{type:o.Input}],minWidth:[{type:o.Input}],minHeight:[{type:o.Input}],width:[{type:o.Input}],height:[{type:o.Input}],positionLeft:[{type:o.Input}],positionTop:[{type:o.Input}],contentStyle:[{type:o.Input}],modal:[{type:o.Input}],backdropClass:[{type:o.Input}],closeOnEscape:[{type:o.Input}],dismissableMask:[{type:o.Input}],rtl:[{type:o.Input}],closable:[{type:o.Input}],showCloseElement:[{type:o.Input}],closeElementClass:[{type:o.Input}],responsive:[{type:o.Input}],appendTo:[{type:o.Input}],style:[{type:o.Input}],styleClass:[{type:o.Input}],showHeader:[{type:o.Input}],breakpoint:[{type:o.Input}],blockScroll:[{type:o.Input}],autoZIndex:[{type:o.Input}],baseZIndex:[{type:o.Input}],minX:[{type:o.Input}],minY:[{type:o.Input}],autoAlign:[{type:o.Input}],customScrollBar:[{type:o.Input}],headerFacet:[{type:o.ContentChildren,args:[s,{descendants:!1}]}],footerFacet:[{type:o.ContentChildren,args:[r,{descendants:!1}]}],containerViewChild:[{type:o.ViewChild,args:["container"]}],headerViewChild:[{type:o.ViewChild,args:["titlebar"]}],contentViewChild:[{type:o.ViewChild,args:["content"]}],onShow:[{type:o.Output}],onHide:[{type:o.Output}],onClose:[{type:o.Output}],visibleChange:[{type:o.Output}],visible:[{type:o.Input}]};var g=function(){};g.decorators=[{type:o.NgModule,args:[{imports:[e.CommonModule],exports:[m,h],declarations:[m]}]}],g.ctorParameters=function(){return[]},t.MadModalModule=g,t.MadModalComponent=m,t.ɵe=l,t.ɵc=r,t.ɵh=c,t.ɵb=s,t.ɵg=p,t.ɵd=a,t.ɵf=d,t.ɵi=h,t.ɵa=i,Object.defineProperty(t,"__esModule",{value:!0})});
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("@angular/core"),require("@angular/common"),require("@angular/animations")):"function"==typeof define&&define.amd?define("@madbrothers/ngx-mad-modal",["exports","@angular/core","@angular/common","@angular/animations"],e):e((t.madbrothers=t.madbrothers||{},t.madbrothers["ngx-mad-modal"]={}),t.ng.core,t.ng.common,t.ng.animations)}(this,function(t,o,e,n){"use strict";var i=function(){function t(){this.calculatedScrollbarWidth=null}return t.prototype.addClass=function(t,e){t.classList?t.classList.add(e):t.className+=" "+e},t.prototype.addMultipleClasses=function(t,e){if(t.classList)for(var n=e.split(" "),i=0;i<n.length;i++)t.classList.add(n[i]);else for(n=e.split(" "),i=0;i<n.length;i++)t.className+=" "+n[i]},t.prototype.removeClass=function(t,e){t.classList?t.classList.remove(e):t.className=t.className.replace(new RegExp("(^|\\b)"+e.split(" ").join("|")+"(\\b|$)","gi")," ")},t.prototype.hasClass=function(t,e){return t.classList?t.classList.contains(e):new RegExp("(^| )"+e+"( |$)","gi").test(t.className)},t.prototype.siblings=function(e){return Array.prototype.filter.call(e.parentNode.children,function(t){return t!==e})},t.prototype.find=function(t,e){return t.querySelectorAll(e)},t.prototype.findSingle=function(t,e){return t.querySelector(e)},t.prototype.index=function(t){for(var e=t.parentNode.childNodes,n=0,i=0;i<e.length;i++){if(e[i]==t)return n;1==e[i].nodeType&&n++}return-1},t.prototype.indexWithinGroup=function(t,e){for(var n=t.parentNode.childNodes,i=0,o=0;o<n.length;o++){if(n[o]==t)return i;n[o].attributes&&n[o].attributes[e]&&1==n[o].nodeType&&i++}return-1},t.prototype.relativePosition=function(t,e){var n,i,o=t.offsetParent?{width:t.offsetWidth,height:t.offsetHeight}:this.getHiddenElementDimensions(t),s=e.offsetHeight,r=e.offsetWidth,a=e.getBoundingClientRect(),l=(this.getWindowScrollTop(),this.getViewport());a.top+s+o.height>l.height?(n=-1*o.height,a.top+n<0&&(n=0)):n=s,i=a.left+o.width>l.width?r-o.width:0,t.style.top=n+"px",t.style.left=i+"px"},t.prototype.absolutePosition=function(t,e){var n,i,o=t.offsetParent?{width:t.offsetWidth,height:t.offsetHeight}:this.getHiddenElementDimensions(t),s=o.height,r=o.width,a=e.offsetHeight,l=e.offsetWidth,d=e.getBoundingClientRect(),p=this.getWindowScrollTop(),h=this.getWindowScrollLeft(),c=this.getViewport();d.top+a+s>c.height?(n=d.top+p-s)<0&&(n=0+p):n=a+d.top+p,i=d.left+l+r>c.width?d.left+h+l-r:d.left+h,t.style.top=n+"px",t.style.left=i+"px"},t.prototype.getHiddenElementOuterHeight=function(t){t.style.visibility="hidden",t.style.display="block";var e=t.offsetHeight;return t.style.display="none",t.style.visibility="visible",e},t.prototype.getHiddenElementOuterWidth=function(t){t.style.visibility="hidden",t.style.display="block";var e=t.offsetWidth;return t.style.display="none",t.style.visibility="visible",e},t.prototype.getHiddenElementDimensions=function(t){var e={};return t.style.visibility="hidden",t.style.display="block",e.width=t.offsetWidth,e.height=t.offsetHeight,t.style.display="none",t.style.visibility="visible",e},t.prototype.scrollInView=function(t,e){var n=getComputedStyle(t).getPropertyValue("borderTopWidth"),i=n?parseFloat(n):0,o=getComputedStyle(t).getPropertyValue("paddingTop"),s=o?parseFloat(o):0,r=t.getBoundingClientRect(),a=e.getBoundingClientRect().top+document.body.scrollTop-(r.top+document.body.scrollTop)-i-s,l=t.scrollTop,d=t.clientHeight,p=this.getOuterHeight(e);a<0?t.scrollTop=l+a:d<a+p&&(t.scrollTop=l+a-d+p)},t.prototype.fadeIn=function(t,e){t.style.opacity=0;var n=+new Date,i=0,o=function(){i=+t.style.opacity.replace(",",".")+((new Date).getTime()-n)/e,t.style.opacity=i,n=+new Date,+i<1&&(window.requestAnimationFrame&&requestAnimationFrame(o)||setTimeout(o,16))};o()},t.prototype.fadeOut=function(t,e){var n=1,i=50/e,o=setInterval(function(){(n-=i)<=0&&(n=0,clearInterval(o)),t.style.opacity=n},50)},t.prototype.getWindowScrollTop=function(){var t=document.documentElement;return(window.pageYOffset||t.scrollTop)-(t.clientTop||0)},t.prototype.getWindowScrollLeft=function(){var t=document.documentElement;return(window.pageXOffset||t.scrollLeft)-(t.clientLeft||0)},t.prototype.matches=function(t,e){var n=Element.prototype;return(n.matches||n.webkitMatchesSelector||n.mozMatchesSelector||n.msMatchesSelector||function(t){return-1!==[].indexOf.call(document.querySelectorAll(t),this)}).call(t,e)},t.prototype.getOuterWidth=function(t,e){var n=t.offsetWidth;if(e){var i=getComputedStyle(t);n+=parseFloat(i.marginLeft)+parseFloat(i.marginRight)}return n},t.prototype.getHorizontalPadding=function(t){var e=getComputedStyle(t);return parseFloat(e.paddingLeft)+parseFloat(e.paddingRight)},t.prototype.getHorizontalMargin=function(t){var e=getComputedStyle(t);return parseFloat(e.marginLeft)+parseFloat(e.marginRight)},t.prototype.innerWidth=function(t){var e=t.offsetWidth,n=getComputedStyle(t);return e+=parseFloat(n.paddingLeft)+parseFloat(n.paddingRight)},t.prototype.width=function(t){var e=t.offsetWidth,n=getComputedStyle(t);return e-=parseFloat(n.paddingLeft)+parseFloat(n.paddingRight)},t.prototype.getInnerHeight=function(t){var e=t.offsetHeight,n=getComputedStyle(t);return e+=parseFloat(n.paddingTop)+parseFloat(n.paddingBottom)},t.prototype.getOuterHeight=function(t,e){var n=t.offsetHeight;if(e){var i=getComputedStyle(t);n+=parseFloat(i.marginTop)+parseFloat(i.marginBottom)}return n},t.prototype.getHeight=function(t){var e=t.offsetHeight,n=getComputedStyle(t);return e-=parseFloat(n.paddingTop)+parseFloat(n.paddingBottom)+parseFloat(n.borderTopWidth)+parseFloat(n.borderBottomWidth)},t.prototype.getWidth=function(t){var e=t.offsetWidth,n=getComputedStyle(t);return e-=parseFloat(n.paddingLeft)+parseFloat(n.paddingRight)+parseFloat(n.borderLeftWidth)+parseFloat(n.borderRightWidth)},t.prototype.getViewport=function(){var t=window,e=document,n=e.documentElement,i=e.getElementsByTagName("body")[0];return{width:t.innerWidth||n.clientWidth||i.clientWidth,height:t.innerHeight||n.clientHeight||i.clientHeight}},t.prototype.getOffset=function(t){var e=t.getBoundingClientRect();return{top:e.top+document.body.scrollTop,left:e.left+document.body.scrollLeft}},t.prototype.getUserAgent=function(){return navigator.userAgent},t.prototype.isIE=function(){var t=window.navigator.userAgent;if(0<t.indexOf("MSIE "))return!0;if(0<t.indexOf("Trident/")){t.indexOf("rv:");return!0}return 0<t.indexOf("Edge/")},t.prototype.appendChild=function(t,e){if(this.isElement(e))e.appendChild(t);else{if(!e.el||!e.el.nativeElement)throw"Cannot append "+e+" to "+t;e.el.nativeElement.appendChild(t)}},t.prototype.removeChild=function(t,e){if(this.isElement(e))e.removeChild(t);else{if(!e.el||!e.el.nativeElement)throw"Cannot remove "+t+" from "+e;e.el.nativeElement.removeChild(t)}},t.prototype.isElement=function(t){return"object"==typeof HTMLElement?t instanceof HTMLElement:t&&"object"==typeof t&&null!==t&&1===t.nodeType&&"string"==typeof t.nodeName},t.prototype.calculateScrollbarWidth=function(){if(null!==this.calculatedScrollbarWidth)return this.calculatedScrollbarWidth;var t=document.createElement("div");t.className="ui-scrollbar-measure",document.body.appendChild(t);var e=t.offsetWidth-t.clientWidth;return document.body.removeChild(t),this.calculatedScrollbarWidth=e},t.prototype.invokeElementMethod=function(t,e,n){t[e].apply(t,n)},t.prototype.clearSelection=function(){if(window.getSelection)window.getSelection().empty?window.getSelection().empty():window.getSelection().removeAllRanges&&0<window.getSelection().rangeCount&&0<window.getSelection().getRangeAt(0).getClientRects().length&&window.getSelection().removeAllRanges();else if(document.selection&&document.selection.empty)try{document.selection.empty()}catch(t){}},t.prototype.getBrowser=function(){if(!this.browser){var t=this.resolveUserAgent();this.browser={},t.browser&&(this.browser[t.browser]=!0,this.browser.version=t.version),this.browser.chrome?this.browser.webkit=!0:this.browser.webkit&&(this.browser.safari=!0)}return this.browser},t.prototype.resolveUserAgent=function(){var t=navigator.userAgent.toLowerCase(),e=/(chrome)[ \/]([\w.]+)/.exec(t)||/(webkit)[ \/]([\w.]+)/.exec(t)||/(opera)(?:.*version|)[ \/]([\w.]+)/.exec(t)||/(msie) ([\w.]+)/.exec(t)||t.indexOf("compatible")<0&&/(mozilla)(?:.*? rv:([\w.]+)|)/.exec(t)||[];return{browser:e[1]||"",version:e[2]||"0"}},t}();i.zindex=1e3,i.decorators=[{type:o.Injectable}],i.ctorParameters=function(){return[]};var s=function y(){};s.decorators=[{type:o.Component,args:[{selector:"p-header",template:"<ng-content></ng-content>"}]}],s.ctorParameters=function(){return[]};var r=function f(){};r.decorators=[{type:o.Component,args:[{selector:"p-footer",template:"<ng-content></ng-content>"}]}],r.ctorParameters=function(){return[]};var a=function(){function t(t){this.template=t}return t.prototype.getType=function(){return this.name},t}();a.decorators=[{type:o.Directive,args:[{selector:"[pTemplate]",host:{}}]}],a.ctorParameters=function(){return[{type:o.TemplateRef}]},a.propDecorators={type:[{type:o.Input}],name:[{type:o.Input,args:["pTemplate"]}]};var l=function(){function t(){this.filterType="text",this.exportable=!0,this.resizable=!0,this.sortFunction=new o.EventEmitter}return t.prototype.ngAfterContentInit=function(){var e=this;this.templates.forEach(function(t){switch(t.getType()){case"header":e.headerTemplate=t.template;break;case"body":e.bodyTemplate=t.template;break;case"footer":e.footerTemplate=t.template;break;case"filter":e.filterTemplate=t.template;break;case"editor":e.editorTemplate=t.template;break;default:e.bodyTemplate=t.template}})},t}();l.decorators=[{type:o.Component,args:[{selector:"p-column",template:""}]}],l.ctorParameters=function(){return[]},l.propDecorators={field:[{type:o.Input}],colId:[{type:o.Input}],sortField:[{type:o.Input}],filterField:[{type:o.Input}],header:[{type:o.Input}],footer:[{type:o.Input}],sortable:[{type:o.Input}],editable:[{type:o.Input}],filter:[{type:o.Input}],filterMatchMode:[{type:o.Input}],filterType:[{type:o.Input}],excludeGlobalFilter:[{type:o.Input}],rowspan:[{type:o.Input}],colspan:[{type:o.Input}],scope:[{type:o.Input}],style:[{type:o.Input}],styleClass:[{type:o.Input}],exportable:[{type:o.Input}],headerStyle:[{type:o.Input}],headerStyleClass:[{type:o.Input}],bodyStyle:[{type:o.Input}],bodyStyleClass:[{type:o.Input}],footerStyle:[{type:o.Input}],footerStyleClass:[{type:o.Input}],hidden:[{type:o.Input}],expander:[{type:o.Input}],selectionMode:[{type:o.Input}],filterPlaceholder:[{type:o.Input}],filterMaxlength:[{type:o.Input}],frozen:[{type:o.Input}],resizable:[{type:o.Input}],sortFunction:[{type:o.Output}],templates:[{type:o.ContentChildren,args:[a]}],template:[{type:o.ContentChild,args:[o.TemplateRef]}]};var d=function v(){};d.decorators=[{type:o.Component,args:[{selector:"p-row",template:""}]}],d.ctorParameters=function(){return[]},d.propDecorators={columns:[{type:o.ContentChildren,args:[l]}]};var p=function b(){};p.decorators=[{type:o.Component,args:[{selector:"p-headerColumnGroup",template:""}]}],p.ctorParameters=function(){return[]},p.propDecorators={frozen:[{type:o.Input}],rows:[{type:o.ContentChildren,args:[d]}]};var h=function w(){};h.decorators=[{type:o.Component,args:[{selector:"p-footerColumnGroup",template:""}]}],h.ctorParameters=function(){return[]},h.propDecorators={frozen:[{type:o.Input}],rows:[{type:o.ContentChildren,args:[d]}]};var c=function C(){};c.decorators=[{type:o.NgModule,args:[{imports:[e.CommonModule],exports:[s,r,l,a,d,p,h],declarations:[s,r,l,a,d,p,h]}]}],c.ctorParameters=function(){return[]};var u=0,m=function(){function t(t,e,n,i){this.el=t,this.domHandler=e,this.renderer=n,this.zone=i,this.draggable=!1,this.resizable=!0,this.minWidth=150,this.minHeight=150,this.modal=!0,this.backdropClass="",this.closeOnEscape=!0,this.dismissableMask=!0,this.closable=!0,this.showCloseElement=!0,this.closeElementClass="close",this.responsive=!0,this.showHeader=!0,this.breakpoint=640,this.blockScroll=!0,this.autoZIndex=!0,this.baseZIndex=1e4,this.minX=0,this.minY=0,this.autoAlign=!0,this.customScrollBar=!1,this.onShow=new o.EventEmitter,this.onHide=new o.EventEmitter,this.onClose=new o.EventEmitter,this.visibleChange=new o.EventEmitter,this.id="ui-dialog-"+u++}return Object.defineProperty(t.prototype,"visible",{get:function(){return this._visible},set:function(t){this._visible=t,this.initialized&&this.containerViewChild&&this.containerViewChild.nativeElement&&(this._visible?this.show():this.preventVisibleChangePropagation?this.preventVisibleChangePropagation=!1:this.hide())},enumerable:!0,configurable:!0}),t.prototype.ngOnChanges=function(){this.positionLeft&&this.positionTop&&this.positionOverlay()},t.prototype.ngAfterViewChecked=function(){var e=this;this.executePostDisplayActions?(this.onShow.emit({}),this.positionOverlay(),this.focus(),this.currentHeight=this.domHandler.getOuterHeight(this.containerViewChild.nativeElement),this.executePostDisplayActions=!1):this.autoAlign&&this.visible&&this.zone.runOutsideAngular(function(){setTimeout(function(){var t=e.domHandler.getOuterHeight(e.containerViewChild.nativeElement);t!==e.currentHeight&&(e.currentHeight=t,e.positionOverlay())},50)})},t.prototype.focus=function(){var t=this.domHandler.findSingle(this.containerViewChild.nativeElement,"button");t&&t.focus()},t.prototype.show=function(){this.executePostDisplayActions=!0,this.moveOnTop(),this.bindGlobalListeners(),this.modal&&this.enableModality()},t.prototype.positionOverlay=function(){var t=this.domHandler.getViewport();this.domHandler.getOuterHeight(this.containerViewChild.nativeElement)>t.height&&(this.contentViewChild.nativeElement.style.height=.75*t.height+"px"),0<=this.positionLeft&&0<=this.positionTop?(this.containerViewChild.nativeElement.style.left=this.positionLeft+"px",this.containerViewChild.nativeElement.style.top=this.positionTop+"px"):0<=this.positionTop?(this.center(),this.containerViewChild.nativeElement.style.top=this.positionTop+"px"):this.center()},t.prototype.hide=function(){this.onHide.emit({}),this.unbindMaskClickListener(),this.unbindGlobalListeners(),this.dragging=!1,this.modal&&this.disableModality()},t.prototype.close=function(t){this.preventVisibleChangePropagation=!0,this.hide(),this.visibleChange.emit(!1),t.preventDefault(),this.onClose.emit()},t.prototype.maybeClose=function(t){this.dismissableMask&&this.close(t)},t.prototype.ngAfterViewInit=function(){this.initialized=!0,this.appendTo&&("body"===this.appendTo?document.body.appendChild(this.containerViewChild.nativeElement):this.domHandler.appendChild(this.containerViewChild.nativeElement,this.appendTo)),this.visible&&this.show()},t.prototype.center=function(){var t=this.domHandler.getOuterWidth(this.containerViewChild.nativeElement),e=this.domHandler.getOuterHeight(this.containerViewChild.nativeElement);0==t&&0==e&&(this.containerViewChild.nativeElement.style.visibility="hidden",this.containerViewChild.nativeElement.style.display="block",t=this.domHandler.getOuterWidth(this.containerViewChild.nativeElement),e=this.domHandler.getOuterHeight(this.containerViewChild.nativeElement),this.containerViewChild.nativeElement.style.display="none",this.containerViewChild.nativeElement.style.visibility="visible");var n=this.domHandler.getViewport(),i=Math.max((n.width-t)/2,0),o=Math.max((n.height-e)/2,0);this.containerViewChild.nativeElement.style.left=i+"px",this.containerViewChild.nativeElement.style.top=o+"px"},t.prototype.enableModality=function(){var e=this;if(console.log("Enable Modality"),!this.mask){this.mask=document.createElement("div"),this.mask.style.zIndex=String(parseInt(this.containerViewChild.nativeElement.style.zIndex)-1);var t="modal-backdrop fade show "+this.backdropClass;this.blockScroll&&(t+=" modal-backdrop__scroll-block"),this.domHandler.addMultipleClasses(this.mask,t),this.closable&&this.dismissableMask&&(this.maskClickListener=this.renderer.listen(this.mask,"click",function(t){e.close(t)})),document.body.appendChild(this.mask),this.blockScroll&&this.domHandler.addClass(document.body,"modal-open")}},t.prototype.disableModality=function(){if(this.mask){if(document.body.removeChild(this.mask),this.blockScroll){for(var t=document.body.children,e=void 0,n=0;n<t.length;n++){var i=t[n];if(this.domHandler.hasClass(i,"modal-backdrop__scroll-block")){e=!0;break}}e||this.domHandler.removeClass(document.body,"modal-open")}this.mask=null}},t.prototype.unbindMaskClickListener=function(){this.maskClickListener&&(this.maskClickListener(),this.maskClickListener=null)},t.prototype.moveOnTop=function(){this.autoZIndex&&(this.containerViewChild.nativeElement.style.zIndex=String(this.baseZIndex+ ++i.zindex))},t.prototype.onCloseMouseDown=function(t){this.closeIconMouseDown=!0},t.prototype.initDrag=function(t){this.closeIconMouseDown?this.closeIconMouseDown=!1:this.draggable&&(this.dragging=!0,this.lastPageX=t.pageX,this.lastPageY=t.pageY,this.domHandler.addClass(document.body,"ui-unselectable-text"))},t.prototype.onDrag=function(t){if(this.dragging){var e=t.pageX-this.lastPageX,n=t.pageY-this.lastPageY,i=parseInt(this.containerViewChild.nativeElement.style.left)+e,o=parseInt(this.containerViewChild.nativeElement.style.top)+n;i>=this.minX&&(this.containerViewChild.nativeElement.style.left=i+"px"),o>=this.minY&&(this.containerViewChild.nativeElement.style.top=o+"px"),this.lastPageX=t.pageX,this.lastPageY=t.pageY}},t.prototype.endDrag=function(t){this.draggable&&(this.dragging=!1,this.domHandler.removeClass(document.body,"ui-unselectable-text"))},t.prototype.initResize=function(t){this.resizable&&(this.preWidth=null,this.resizing=!0,this.lastPageX=t.pageX,this.lastPageY=t.pageY,this.domHandler.addClass(document.body,"ui-unselectable-text"))},t.prototype.onResize=function(t){if(this.resizing){var e=t.pageX-this.lastPageX,n=t.pageY-this.lastPageY,i=this.domHandler.getOuterWidth(this.containerViewChild.nativeElement),o=this.domHandler.getOuterHeight(this.containerViewChild.nativeElement),s=this.domHandler.getOuterHeight(this.contentViewChild.nativeElement),r=i+e,a=o+n;r>this.minWidth&&(this.containerViewChild.nativeElement.style.width=r+"px"),a>this.minHeight&&(this.containerViewChild.nativeElement.style.height=a+"px",this.contentViewChild.nativeElement.style.height=s+n+"px"),this.lastPageX=t.pageX,this.lastPageY=t.pageY}},t.prototype.onResizeEnd=function(t){this.resizing&&(this.resizing=!1,this.domHandler.removeClass(document.body,"ui-unselectable-text"))},t.prototype.bindGlobalListeners=function(){this.draggable&&(this.bindDocumentDragListener(),this.bindDocumentDragEndListener()),this.resizable&&this.bindDocumentResizeListeners(),this.responsive&&this.bindDocumentResponsiveListener(),this.closeOnEscape&&this.closable&&this.bindDocumentEscapeListener()},t.prototype.unbindGlobalListeners=function(){this.unbindDocumentDragListener(),this.unbindDocumentDragEndListener(),this.unbindDocumentResizeListeners(),this.unbindDocumentResponsiveListener(),this.unbindDocumentEscapeListener()},t.prototype.bindDocumentDragListener=function(){var t=this;this.zone.runOutsideAngular(function(){t.documentDragListener=t.onDrag.bind(t),window.document.addEventListener("mousemove",t.documentDragListener)})},t.prototype.unbindDocumentDragListener=function(){this.documentDragListener&&(window.document.removeEventListener("mousemove",this.documentDragListener),this.documentDragListener=null)},t.prototype.bindDocumentDragEndListener=function(){var t=this;this.zone.runOutsideAngular(function(){t.documentDragEndListener=t.endDrag.bind(t),window.document.addEventListener("mouseup",t.documentDragEndListener)})},t.prototype.unbindDocumentDragEndListener=function(){this.documentDragEndListener&&(window.document.removeEventListener("mouseup",this.documentDragEndListener),this.documentDragEndListener=null)},t.prototype.bindDocumentResizeListeners=function(){var t=this;this.zone.runOutsideAngular(function(){t.documentResizeListener=t.onResize.bind(t),t.documentResizeEndListener=t.onResizeEnd.bind(t),window.document.addEventListener("mousemove",t.documentResizeListener),window.document.addEventListener("mouseup",t.documentResizeEndListener)})},t.prototype.unbindDocumentResizeListeners=function(){this.documentResizeListener&&this.documentResizeEndListener&&(window.document.removeEventListener("mouseup",this.documentResizeListener),window.document.removeEventListener("mouseup",this.documentResizeEndListener),this.documentResizeListener=null,this.documentResizeEndListener=null)},t.prototype.bindDocumentResponsiveListener=function(){var t=this;this.zone.runOutsideAngular(function(){t.documentResponsiveListener=t.onWindowResize.bind(t),window.addEventListener("resize",t.documentResponsiveListener)})},t.prototype.unbindDocumentResponsiveListener=function(){this.documentResponsiveListener&&(window.removeEventListener("resize",this.documentResponsiveListener),this.documentResponsiveListener=null)},t.prototype.onWindowResize=function(t){var e=this.domHandler.getViewport(),n=this.domHandler.getOuterWidth(this.containerViewChild.nativeElement);e.width<=this.breakpoint?(this.preWidth||(this.preWidth=n),this.containerViewChild.nativeElement.style.left="0px",this.containerViewChild.nativeElement.style.width="100%"):(this.containerViewChild.nativeElement.style.width=this.preWidth+"px",this.positionOverlay())},t.prototype.bindDocumentEscapeListener=function(){var e=this;this.documentEscapeListener=this.renderer.listen("document","keydown",function(t){27==t.which&&parseInt(e.containerViewChild.nativeElement.style.zIndex)-e.baseZIndex==i.zindex&&e.close(t)})},t.prototype.unbindDocumentEscapeListener=function(){this.documentEscapeListener&&(this.documentEscapeListener(),this.documentEscapeListener=null)},t.prototype.ngOnDestroy=function(){this.initialized=!1,this.disableModality(),this.unbindGlobalListeners(),this.appendTo&&this.el.nativeElement.appendChild(this.containerViewChild.nativeElement),this.unbindMaskClickListener()},t.prototype.stopPropagation=function(t){t.stopPropagation()},t}();m.decorators=[{type:o.Component,args:[{selector:"mad-modal",template:'<div #container\n\t\t [ngClass]="{\'modal flex-column\':true, \'modal--draggable\':draggable}"\n\t\t [style.display]="visible ? \'flex\' : \'none\'"\n\t\t [ngStyle]="style"\n\t\t [class]="styleClass"\n\t\t [style.width.px]="width"\n\t\t [style.height.px]="height"\n\t\t [style.minWidth.px]="minWidth"\n\t\t [@dialogState]="visible ? \'visible\' : \'hidden\'"\n\t\t role="dialog"\n\t\t [attr.aria-labelledby]="id + \'-label\'"\n\t\t (mousedown)="maybeClose($event)"\n>\n\t\t<div class="modal-dialog" (mousedown)="stopPropagation($event)">\n\t\t\t<div class="modal-content" (mousedown)="moveOnTop()">\n\n\t\t\t\t<div #titlebar class="modal-header" (mousedown)="initDrag($event)" *ngIf="showHeader">\n\t\t\t\t\t<div [attr.id]="id + \'-label\'" class="modal-title" *ngIf="header">{{header}}</div>\n\t\t\t\t\t<div [attr.id]="id + \'-label\'" class="modal-title" *ngIf="headerFacet && headerFacet.first">\n\t\t\t\t\t\t<ng-content select="p-header"></ng-content>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div\n\t\t\t\t\t\t*ngIf="closable && showCloseElement"\n\t\t\t\t\t\tclass="modal-close"\n\t\t\t\t\t\t[ngClass]="closeElementClass"\n\t\t\t\t\t\taria-label="Close"\n\t\t\t\t\t\t(click)="close($event)"\n\t\t\t\t\t\t(mousedown)="onCloseMouseDown($event)"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span aria-hidden="true" class="icon icon-x"></span>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div #content class="modal-body" [ngStyle]="contentStyle">\n\t\t\t\t\t<ng-content></ng-content>\n\t\t\t\t</div>\n\t\t\t\t<div class="modal-footer" *ngIf="footerFacet && footerFacet.first">\n\t\t\t\t\t<ng-content select="p-footer"></ng-content>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n</div>\n',styles:[".modal--draggable{cursor:move}"],animations:[n.trigger("dialogState",[n.state("hidden",n.style({opacity:0})),n.state("visible",n.style({opacity:1})),n.transition("visible => hidden",n.animate("400ms ease-in")),n.transition("hidden => visible",n.animate("400ms ease-out"))])],providers:[i]}]}],m.ctorParameters=function(){return[{type:o.ElementRef},{type:i},{type:o.Renderer2},{type:o.NgZone}]},m.propDecorators={header:[{type:o.Input}],draggable:[{type:o.Input}],resizable:[{type:o.Input}],minWidth:[{type:o.Input}],minHeight:[{type:o.Input}],width:[{type:o.Input}],height:[{type:o.Input}],positionLeft:[{type:o.Input}],positionTop:[{type:o.Input}],contentStyle:[{type:o.Input}],modal:[{type:o.Input}],backdropClass:[{type:o.Input}],closeOnEscape:[{type:o.Input}],dismissableMask:[{type:o.Input}],rtl:[{type:o.Input}],closable:[{type:o.Input}],showCloseElement:[{type:o.Input}],closeElementClass:[{type:o.Input}],responsive:[{type:o.Input}],appendTo:[{type:o.Input}],style:[{type:o.Input}],styleClass:[{type:o.Input}],showHeader:[{type:o.Input}],breakpoint:[{type:o.Input}],blockScroll:[{type:o.Input}],autoZIndex:[{type:o.Input}],baseZIndex:[{type:o.Input}],minX:[{type:o.Input}],minY:[{type:o.Input}],autoAlign:[{type:o.Input}],customScrollBar:[{type:o.Input}],headerFacet:[{type:o.ContentChildren,args:[s,{descendants:!1}]}],footerFacet:[{type:o.ContentChildren,args:[r,{descendants:!1}]}],containerViewChild:[{type:o.ViewChild,args:["container"]}],headerViewChild:[{type:o.ViewChild,args:["titlebar"]}],contentViewChild:[{type:o.ViewChild,args:["content"]}],onShow:[{type:o.Output}],onHide:[{type:o.Output}],onClose:[{type:o.Output}],visibleChange:[{type:o.Output}],visible:[{type:o.Input}]};var g=function E(){};g.decorators=[{type:o.NgModule,args:[{imports:[e.CommonModule],exports:[m,c],declarations:[m]}]}],g.ctorParameters=function(){return[]},t.MadModalModule=g,t.MadModalComponent=m,t.ɵe=l,t.ɵc=r,t.ɵh=h,t.ɵb=s,t.ɵg=p,t.ɵd=a,t.ɵf=d,t.ɵi=c,t.ɵa=i,Object.defineProperty(t,"__esModule",{value:!0})});
 //# sourceMappingURL=madbrothers-ngx-mad-modal.umd.min.js.map

esm2015/madbrothers-ngx-mad-modal.js

@@ -850,2 +850,10 @@ import { Injectable, NgModule, EventEmitter, Directive, Input, Output, ContentChildren, ContentChild, TemplateRef, Component, ElementRef, Renderer2, ViewChild, NgZone } from '@angular/core';
      */
+    ngOnChanges() {
+        if (this.positionLeft && this.positionTop) {
+            this.positionOverlay();
+        }
+    }
+    /**
+     * @return {?}
+     */
     ngAfterViewChecked() {
@@ -1324,2 +1332,3 @@ if (this.executePostDisplayActions) {
 			<div class="modal-content" (mousedown)="moveOnTop()">
+
 				<div #titlebar class="modal-header" (mousedown)="initDrag($event)" *ngIf="showHeader">
@@ -1330,2 +1339,3 @@ <div [attr.id]="id + '-label'" class="modal-title" *ngIf="header">{{header}}</div>
 					</div>
+
 					<div
@@ -1332,0 +1342,0 @@ *ngIf="closable && showCloseElement"

esm5/madbrothers-ngx-mad-modal.js

@@ -641,2 +641,7 @@ import { Injectable, NgModule, EventEmitter, Directive, Input, Output, ContentChildren, ContentChild, TemplateRef, Component, ElementRef, Renderer2, ViewChild, NgZone } from '@angular/core';
     });
+    MadModalComponent.prototype.ngOnChanges = function () {
+        if (this.positionLeft && this.positionTop) {
+            this.positionOverlay();
+        }
+    };
     MadModalComponent.prototype.ngAfterViewChecked = function () {
@@ -995,3 +1000,3 @@ var _this = this;
                 selector: 'mad-modal',
-                template: "<div #container\n\t\t [ngClass]=\"{'modal flex-column':true, 'modal--draggable':draggable}\"\n\t\t [style.display]=\"visible ? 'flex' : 'none'\"\n\t\t [ngStyle]=\"style\"\n\t\t [class]=\"styleClass\"\n\t\t [style.width.px]=\"width\"\n\t\t [style.height.px]=\"height\"\n\t\t [style.minWidth.px]=\"minWidth\"\n\t\t [@dialogState]=\"visible ? 'visible' : 'hidden'\"\n\t\t role=\"dialog\"\n\t\t [attr.aria-labelledby]=\"id + '-label'\"\n\t\t (mousedown)=\"maybeClose($event)\"\n>\n\t\t<div class=\"modal-dialog\" (mousedown)=\"stopPropagation($event)\">\n\t\t\t<div class=\"modal-content\" (mousedown)=\"moveOnTop()\">\n\t\t\t\t<div #titlebar class=\"modal-header\" (mousedown)=\"initDrag($event)\" *ngIf=\"showHeader\">\n\t\t\t\t\t<div [attr.id]=\"id + '-label'\" class=\"modal-title\" *ngIf=\"header\">{{header}}</div>\n\t\t\t\t\t<div [attr.id]=\"id + '-label'\" class=\"modal-title\" *ngIf=\"headerFacet && headerFacet.first\">\n\t\t\t\t\t\t<ng-content select=\"p-header\"></ng-content>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div\n\t\t\t\t\t\t*ngIf=\"closable && showCloseElement\"\n\t\t\t\t\t\tclass=\"modal-close\"\n\t\t\t\t\t\t[ngClass]=\"closeElementClass\"\n\t\t\t\t\t\taria-label=\"Close\"\n\t\t\t\t\t\t(click)=\"close($event)\"\n\t\t\t\t\t\t(mousedown)=\"onCloseMouseDown($event)\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span aria-hidden=\"true\" class=\"icon icon-x\"></span>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div #content class=\"modal-body\" [ngStyle]=\"contentStyle\">\n\t\t\t\t\t<ng-content></ng-content>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"modal-footer\" *ngIf=\"footerFacet && footerFacet.first\">\n\t\t\t\t\t<ng-content select=\"p-footer\"></ng-content>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n</div>\n",
+                template: "<div #container\n\t\t [ngClass]=\"{'modal flex-column':true, 'modal--draggable':draggable}\"\n\t\t [style.display]=\"visible ? 'flex' : 'none'\"\n\t\t [ngStyle]=\"style\"\n\t\t [class]=\"styleClass\"\n\t\t [style.width.px]=\"width\"\n\t\t [style.height.px]=\"height\"\n\t\t [style.minWidth.px]=\"minWidth\"\n\t\t [@dialogState]=\"visible ? 'visible' : 'hidden'\"\n\t\t role=\"dialog\"\n\t\t [attr.aria-labelledby]=\"id + '-label'\"\n\t\t (mousedown)=\"maybeClose($event)\"\n>\n\t\t<div class=\"modal-dialog\" (mousedown)=\"stopPropagation($event)\">\n\t\t\t<div class=\"modal-content\" (mousedown)=\"moveOnTop()\">\n\n\t\t\t\t<div #titlebar class=\"modal-header\" (mousedown)=\"initDrag($event)\" *ngIf=\"showHeader\">\n\t\t\t\t\t<div [attr.id]=\"id + '-label'\" class=\"modal-title\" *ngIf=\"header\">{{header}}</div>\n\t\t\t\t\t<div [attr.id]=\"id + '-label'\" class=\"modal-title\" *ngIf=\"headerFacet && headerFacet.first\">\n\t\t\t\t\t\t<ng-content select=\"p-header\"></ng-content>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div\n\t\t\t\t\t\t*ngIf=\"closable && showCloseElement\"\n\t\t\t\t\t\tclass=\"modal-close\"\n\t\t\t\t\t\t[ngClass]=\"closeElementClass\"\n\t\t\t\t\t\taria-label=\"Close\"\n\t\t\t\t\t\t(click)=\"close($event)\"\n\t\t\t\t\t\t(mousedown)=\"onCloseMouseDown($event)\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span aria-hidden=\"true\" class=\"icon icon-x\"></span>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div #content class=\"modal-body\" [ngStyle]=\"contentStyle\">\n\t\t\t\t\t<ng-content></ng-content>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"modal-footer\" *ngIf=\"footerFacet && footerFacet.first\">\n\t\t\t\t\t<ng-content select=\"p-footer\"></ng-content>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n</div>\n",
                 styles: [".modal--draggable{cursor:move}"],
@@ -998,0 +1003,0 @@ animations: [

madbrothers-ngx-mad-modal.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":4,"metadata":{"MadModalModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":12}],"exports":[{"__symbolic":"reference","name":"MadModalComponent"},{"__symbolic":"reference","name":"ɵi"}],"declarations":[{"__symbolic":"reference","name":"MadModalComponent"}]}]}],"members":{}},"MadModalComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"mad-modal","template":"<div #container\n\t\t [ngClass]=\"{'modal flex-column':true, 'modal--draggable':draggable}\"\n\t\t [style.display]=\"visible ? 'flex' : 'none'\"\n\t\t [ngStyle]=\"style\"\n\t\t [class]=\"styleClass\"\n\t\t [style.width.px]=\"width\"\n\t\t [style.height.px]=\"height\"\n\t\t [style.minWidth.px]=\"minWidth\"\n\t\t [@dialogState]=\"visible ? 'visible' : 'hidden'\"\n\t\t role=\"dialog\"\n\t\t [attr.aria-labelledby]=\"id + '-label'\"\n\t\t (mousedown)=\"maybeClose($event)\"\n>\n\t\t<div class=\"modal-dialog\" (mousedown)=\"stopPropagation($event)\">\n\t\t\t<div class=\"modal-content\" (mousedown)=\"moveOnTop()\">\n\n\t\t\t\t<div #titlebar class=\"modal-header\" (mousedown)=\"initDrag($event)\" *ngIf=\"showHeader\">\n\t\t\t\t\t<div [attr.id]=\"id + '-label'\" class=\"modal-title\" *ngIf=\"header\">{{header}}</div>\n\t\t\t\t\t<div [attr.id]=\"id + '-label'\" class=\"modal-title\" *ngIf=\"headerFacet && headerFacet.first\">\n\t\t\t\t\t\t<ng-content select=\"p-header\"></ng-content>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div\n\t\t\t\t\t\t*ngIf=\"closable && showCloseElement\"\n\t\t\t\t\t\tclass=\"modal-close\"\n\t\t\t\t\t\t[ngClass]=\"closeElementClass\"\n\t\t\t\t\t\taria-label=\"Close\"\n\t\t\t\t\t\t(click)=\"close($event)\"\n\t\t\t\t\t\t(mousedown)=\"onCloseMouseDown($event)\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span aria-hidden=\"true\" class=\"icon icon-x\"></span>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div #content class=\"modal-body\" [ngStyle]=\"contentStyle\">\n\t\t\t\t\t<ng-content></ng-content>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"modal-footer\" *ngIf=\"footerFacet && footerFacet.first\">\n\t\t\t\t\t<ng-content select=\"p-footer\"></ng-content>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n</div>\n","styles":[".modal--draggable{cursor:move}"],"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":68,"character":4},"arguments":["dialogState",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":69,"character":6},"arguments":["hidden",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":71,"character":8},"arguments":[{"opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":75,"character":6},"arguments":["visible",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":77,"character":8},"arguments":[{"opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":81,"character":6},"arguments":["visible => hidden",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":81,"character":38},"arguments":["400ms ease-in"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":82,"character":6},"arguments":["hidden => visible",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":82,"character":38},"arguments":["400ms ease-out"]}]}]]}],"providers":[{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{"header":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":88,"character":3}}]}],"draggable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":3}}]}],"resizable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":92,"character":3}}]}],"minWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":94,"character":3}}]}],"minHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":96,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":98,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":100,"character":3}}]}],"positionLeft":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":102,"character":3}}]}],"positionTop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":104,"character":3}}]}],"contentStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":106,"character":3}}]}],"modal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":108,"character":3}}]}],"backdropClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":110,"character":3}}]}],"closeOnEscape":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":112,"character":3}}]}],"dismissableMask":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":114,"character":3}}]}],"rtl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":116,"character":3}}]}],"closable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":118,"character":3}}]}],"showCloseElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":120,"character":3}}]}],"closeElementClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":122,"character":3}}]}],"responsive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":124,"character":3}}]}],"appendTo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":126,"character":3}}]}],"style":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":128,"character":3}}]}],"styleClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":130,"character":3}}]}],"showHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":132,"character":3}}]}],"breakpoint":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":134,"character":3}}]}],"blockScroll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":136,"character":3}}]}],"autoZIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":138,"character":3}}]}],"baseZIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":140,"character":3}}]}],"minX":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":142,"character":3}}]}],"minY":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":144,"character":3}}]}],"autoAlign":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":146,"character":3}}]}],"customScrollBar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":148,"character":3}}]}],"headerFacet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":150,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵb"},{"descendants":false}]}]}],"footerFacet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":153,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵc"},{"descendants":false}]}]}],"containerViewChild":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":156,"character":3},"arguments":["container"]}]}],"headerViewChild":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":158,"character":3},"arguments":["titlebar"]}]}],"contentViewChild":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":160,"character":3},"arguments":["content"]}]}],"onShow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":162,"character":3}}]}],"onHide":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":164,"character":3}}]}],"onClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":166,"character":3}}]}],"visibleChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":168,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":210,"character":25},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":210,"character":85},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":210,"character":109}]}],"visible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":212,"character":3}}]}],"ngAfterViewChecked":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"show":[{"__symbolic":"method"}],"positionOverlay":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"maybeClose":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"center":[{"__symbolic":"method"}],"enableModality":[{"__symbolic":"method"}],"disableModality":[{"__symbolic":"method"}],"unbindMaskClickListener":[{"__symbolic":"method"}],"moveOnTop":[{"__symbolic":"method"}],"onCloseMouseDown":[{"__symbolic":"method"}],"initDrag":[{"__symbolic":"method"}],"onDrag":[{"__symbolic":"method"}],"endDrag":[{"__symbolic":"method"}],"initResize":[{"__symbolic":"method"}],"onResize":[{"__symbolic":"method"}],"onResizeEnd":[{"__symbolic":"method"}],"bindGlobalListeners":[{"__symbolic":"method"}],"unbindGlobalListeners":[{"__symbolic":"method"}],"bindDocumentDragListener":[{"__symbolic":"method"}],"unbindDocumentDragListener":[{"__symbolic":"method"}],"bindDocumentDragEndListener":[{"__symbolic":"method"}],"unbindDocumentDragEndListener":[{"__symbolic":"method"}],"bindDocumentResizeListeners":[{"__symbolic":"method"}],"unbindDocumentResizeListeners":[{"__symbolic":"method"}],"bindDocumentResponsiveListener":[{"__symbolic":"method"}],"unbindDocumentResponsiveListener":[{"__symbolic":"method"}],"onWindowResize":[{"__symbolic":"method"}],"bindDocumentEscapeListener":[{"__symbolic":"method"}],"unbindDocumentEscapeListener":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"stopPropagation":[{"__symbolic":"method"}]}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1}}],"members":{"addClass":[{"__symbolic":"method"}],"addMultipleClasses":[{"__symbolic":"method"}],"removeClass":[{"__symbolic":"method"}],"hasClass":[{"__symbolic":"method"}],"siblings":[{"__symbolic":"method"}],"find":[{"__symbolic":"method"}],"findSingle":[{"__symbolic":"method"}],"index":[{"__symbolic":"method"}],"indexWithinGroup":[{"__symbolic":"method"}],"relativePosition":[{"__symbolic":"method"}],"absolutePosition":[{"__symbolic":"method"}],"getHiddenElementOuterHeight":[{"__symbolic":"method"}],"getHiddenElementOuterWidth":[{"__symbolic":"method"}],"getHiddenElementDimensions":[{"__symbolic":"method"}],"scrollInView":[{"__symbolic":"method"}],"fadeIn":[{"__symbolic":"method"}],"fadeOut":[{"__symbolic":"method"}],"getWindowScrollTop":[{"__symbolic":"method"}],"getWindowScrollLeft":[{"__symbolic":"method"}],"matches":[{"__symbolic":"method"}],"getOuterWidth":[{"__symbolic":"method"}],"getHorizontalPadding":[{"__symbolic":"method"}],"getHorizontalMargin":[{"__symbolic":"method"}],"innerWidth":[{"__symbolic":"method"}],"width":[{"__symbolic":"method"}],"getInnerHeight":[{"__symbolic":"method"}],"getOuterHeight":[{"__symbolic":"method"}],"getHeight":[{"__symbolic":"method"}],"getWidth":[{"__symbolic":"method"}],"getViewport":[{"__symbolic":"method"}],"getOffset":[{"__symbolic":"method"}],"getUserAgent":[{"__symbolic":"method"}],"isIE":[{"__symbolic":"method"}],"appendChild":[{"__symbolic":"method"}],"removeChild":[{"__symbolic":"method"}],"isElement":[{"__symbolic":"method"}],"calculateScrollbarWidth":[{"__symbolic":"method"}],"invokeElementMethod":[{"__symbolic":"method"}],"clearSelection":[{"__symbolic":"method"}],"getBrowser":[{"__symbolic":"method"}],"resolveUserAgent":[{"__symbolic":"method"}]},"statics":{"zindex":1000}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"p-header","template":"<ng-content></ng-content>"}]}],"members":{}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":27,"character":1},"arguments":[{"selector":"p-footer","template":"<ng-content></ng-content>"}]}],"members":{}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":33,"character":1},"arguments":[{"selector":"[pTemplate]","host":{}}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3},"arguments":["pTemplate"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}],"getType":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":50,"character":1},"arguments":[{"selector":"p-column","template":""}]}],"members":{"field":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3}}]}],"colId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":3}}]}],"sortField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}}]}],"filterField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3}}]}],"header":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}}]}],"footer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3}}]}],"sortable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":3}}]}],"editable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}}]}],"filter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3}}]}],"filterMatchMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":3}}]}],"filterType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":3}}]}],"excludeGlobalFilter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":3}}]}],"rowspan":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3}}]}],"colspan":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":3}}]}],"scope":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":3}}]}],"style":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":3}}]}],"styleClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":3}}]}],"exportable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":3}}]}],"headerStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":3}}]}],"headerStyleClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":74,"character":3}}]}],"bodyStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":3}}]}],"bodyStyleClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":76,"character":3}}]}],"footerStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":3}}]}],"footerStyleClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":3}}]}],"hidden":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":3}}]}],"expander":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":80,"character":3}}]}],"selectionMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":3}}]}],"filterPlaceholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":3}}]}],"filterMaxlength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":3}}]}],"frozen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":3}}]}],"resizable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":3}}]}],"sortFunction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":86,"character":3}}]}],"templates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":87,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵd"}]}]}],"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":88,"character":3},"arguments":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}],"ngAfterContentInit":[{"__symbolic":"method"}]}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":128,"character":1},"arguments":[{"selector":"p-row","template":""}]}],"members":{"columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":133,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵe"}]}]}]}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":137,"character":1},"arguments":[{"selector":"p-headerColumnGroup","template":""}]}],"members":{"frozen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":142,"character":3}}]}],"rows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":144,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵf"}]}]}]}},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":148,"character":1},"arguments":[{"selector":"p-footerColumnGroup","template":""}]}],"members":{"frozen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":153,"character":3}}]}],"rows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":155,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵf"}]}]}]}},"ɵi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":158,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":159,"character":12}],"exports":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"}],"declarations":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"}]}]}],"members":{}}},"origins":{"MadModalModule":"./src/ngx-mad-modal.module","MadModalComponent":"./src/ngx-mad-modal.component","ɵa":"./src/dom/domhandler","ɵb":"./src/common/shared","ɵc":"./src/common/shared","ɵd":"./src/common/shared","ɵe":"./src/common/shared","ɵf":"./src/common/shared","ɵg":"./src/common/shared","ɵh":"./src/common/shared","ɵi":"./src/common/shared"},"importAs":"@madbrothers/ngx-mad-modal"}
+{"__symbolic":"module","version":4,"metadata":{"MadModalModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":5,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":6,"character":12}],"exports":[{"__symbolic":"reference","name":"MadModalComponent"},{"__symbolic":"reference","name":"ɵi"}],"declarations":[{"__symbolic":"reference","name":"MadModalComponent"}]}]}],"members":{}},"MadModalComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"mad-modal","template":"<div #container\n\t\t [ngClass]=\"{'modal flex-column':true, 'modal--draggable':draggable}\"\n\t\t [style.display]=\"visible ? 'flex' : 'none'\"\n\t\t [ngStyle]=\"style\"\n\t\t [class]=\"styleClass\"\n\t\t [style.width.px]=\"width\"\n\t\t [style.height.px]=\"height\"\n\t\t [style.minWidth.px]=\"minWidth\"\n\t\t [@dialogState]=\"visible ? 'visible' : 'hidden'\"\n\t\t role=\"dialog\"\n\t\t [attr.aria-labelledby]=\"id + '-label'\"\n\t\t (mousedown)=\"maybeClose($event)\"\n>\n\t\t<div class=\"modal-dialog\" (mousedown)=\"stopPropagation($event)\">\n\t\t\t<div class=\"modal-content\" (mousedown)=\"moveOnTop()\">\n\n\t\t\t\t<div #titlebar class=\"modal-header\" (mousedown)=\"initDrag($event)\" *ngIf=\"showHeader\">\n\t\t\t\t\t<div [attr.id]=\"id + '-label'\" class=\"modal-title\" *ngIf=\"header\">{{header}}</div>\n\t\t\t\t\t<div [attr.id]=\"id + '-label'\" class=\"modal-title\" *ngIf=\"headerFacet && headerFacet.first\">\n\t\t\t\t\t\t<ng-content select=\"p-header\"></ng-content>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div\n\t\t\t\t\t\t*ngIf=\"closable && showCloseElement\"\n\t\t\t\t\t\tclass=\"modal-close\"\n\t\t\t\t\t\t[ngClass]=\"closeElementClass\"\n\t\t\t\t\t\taria-label=\"Close\"\n\t\t\t\t\t\t(click)=\"close($event)\"\n\t\t\t\t\t\t(mousedown)=\"onCloseMouseDown($event)\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span aria-hidden=\"true\" class=\"icon icon-x\"></span>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div #content class=\"modal-body\" [ngStyle]=\"contentStyle\">\n\t\t\t\t\t<ng-content></ng-content>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"modal-footer\" *ngIf=\"footerFacet && footerFacet.first\">\n\t\t\t\t\t<ng-content select=\"p-footer\"></ng-content>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n</div>\n","styles":[".modal--draggable{cursor:move}"],"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":68,"character":4},"arguments":["dialogState",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":69,"character":6},"arguments":["hidden",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":71,"character":8},"arguments":[{"opacity":0}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state","line":75,"character":6},"arguments":["visible",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":77,"character":8},"arguments":[{"opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":81,"character":6},"arguments":["visible => hidden",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":81,"character":38},"arguments":["400ms ease-in"]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":82,"character":6},"arguments":["hidden => visible",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":82,"character":38},"arguments":["400ms ease-out"]}]}]]}],"providers":[{"__symbolic":"reference","name":"ɵa"}]}]}],"members":{"header":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":88,"character":3}}]}],"draggable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":3}}]}],"resizable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":92,"character":3}}]}],"minWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":94,"character":3}}]}],"minHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":96,"character":3}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":98,"character":3}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":100,"character":3}}]}],"positionLeft":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":102,"character":3}}]}],"positionTop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":104,"character":3}}]}],"contentStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":106,"character":3}}]}],"modal":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":108,"character":3}}]}],"backdropClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":110,"character":3}}]}],"closeOnEscape":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":112,"character":3}}]}],"dismissableMask":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":114,"character":3}}]}],"rtl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":116,"character":3}}]}],"closable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":118,"character":3}}]}],"showCloseElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":120,"character":3}}]}],"closeElementClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":122,"character":3}}]}],"responsive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":124,"character":3}}]}],"appendTo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":126,"character":3}}]}],"style":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":128,"character":3}}]}],"styleClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":130,"character":3}}]}],"showHeader":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":132,"character":3}}]}],"breakpoint":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":134,"character":3}}]}],"blockScroll":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":136,"character":3}}]}],"autoZIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":138,"character":3}}]}],"baseZIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":140,"character":3}}]}],"minX":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":142,"character":3}}]}],"minY":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":144,"character":3}}]}],"autoAlign":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":146,"character":3}}]}],"customScrollBar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":148,"character":3}}]}],"headerFacet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":150,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵb"},{"descendants":false}]}]}],"footerFacet":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":153,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵc"},{"descendants":false}]}]}],"containerViewChild":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":156,"character":3},"arguments":["container"]}]}],"headerViewChild":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":158,"character":3},"arguments":["titlebar"]}]}],"contentViewChild":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":160,"character":3},"arguments":["content"]}]}],"onShow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":162,"character":3}}]}],"onHide":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":164,"character":3}}]}],"onClose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":166,"character":3}}]}],"visibleChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":168,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":210,"character":25},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":210,"character":85},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":210,"character":109}]}],"visible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":212,"character":3}}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"show":[{"__symbolic":"method"}],"positionOverlay":[{"__symbolic":"method"}],"hide":[{"__symbolic":"method"}],"close":[{"__symbolic":"method"}],"maybeClose":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"center":[{"__symbolic":"method"}],"enableModality":[{"__symbolic":"method"}],"disableModality":[{"__symbolic":"method"}],"unbindMaskClickListener":[{"__symbolic":"method"}],"moveOnTop":[{"__symbolic":"method"}],"onCloseMouseDown":[{"__symbolic":"method"}],"initDrag":[{"__symbolic":"method"}],"onDrag":[{"__symbolic":"method"}],"endDrag":[{"__symbolic":"method"}],"initResize":[{"__symbolic":"method"}],"onResize":[{"__symbolic":"method"}],"onResizeEnd":[{"__symbolic":"method"}],"bindGlobalListeners":[{"__symbolic":"method"}],"unbindGlobalListeners":[{"__symbolic":"method"}],"bindDocumentDragListener":[{"__symbolic":"method"}],"unbindDocumentDragListener":[{"__symbolic":"method"}],"bindDocumentDragEndListener":[{"__symbolic":"method"}],"unbindDocumentDragEndListener":[{"__symbolic":"method"}],"bindDocumentResizeListeners":[{"__symbolic":"method"}],"unbindDocumentResizeListeners":[{"__symbolic":"method"}],"bindDocumentResponsiveListener":[{"__symbolic":"method"}],"unbindDocumentResponsiveListener":[{"__symbolic":"method"}],"onWindowResize":[{"__symbolic":"method"}],"bindDocumentEscapeListener":[{"__symbolic":"method"}],"unbindDocumentEscapeListener":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"stopPropagation":[{"__symbolic":"method"}]}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1}}],"members":{"addClass":[{"__symbolic":"method"}],"addMultipleClasses":[{"__symbolic":"method"}],"removeClass":[{"__symbolic":"method"}],"hasClass":[{"__symbolic":"method"}],"siblings":[{"__symbolic":"method"}],"find":[{"__symbolic":"method"}],"findSingle":[{"__symbolic":"method"}],"index":[{"__symbolic":"method"}],"indexWithinGroup":[{"__symbolic":"method"}],"relativePosition":[{"__symbolic":"method"}],"absolutePosition":[{"__symbolic":"method"}],"getHiddenElementOuterHeight":[{"__symbolic":"method"}],"getHiddenElementOuterWidth":[{"__symbolic":"method"}],"getHiddenElementDimensions":[{"__symbolic":"method"}],"scrollInView":[{"__symbolic":"method"}],"fadeIn":[{"__symbolic":"method"}],"fadeOut":[{"__symbolic":"method"}],"getWindowScrollTop":[{"__symbolic":"method"}],"getWindowScrollLeft":[{"__symbolic":"method"}],"matches":[{"__symbolic":"method"}],"getOuterWidth":[{"__symbolic":"method"}],"getHorizontalPadding":[{"__symbolic":"method"}],"getHorizontalMargin":[{"__symbolic":"method"}],"innerWidth":[{"__symbolic":"method"}],"width":[{"__symbolic":"method"}],"getInnerHeight":[{"__symbolic":"method"}],"getOuterHeight":[{"__symbolic":"method"}],"getHeight":[{"__symbolic":"method"}],"getWidth":[{"__symbolic":"method"}],"getViewport":[{"__symbolic":"method"}],"getOffset":[{"__symbolic":"method"}],"getUserAgent":[{"__symbolic":"method"}],"isIE":[{"__symbolic":"method"}],"appendChild":[{"__symbolic":"method"}],"removeChild":[{"__symbolic":"method"}],"isElement":[{"__symbolic":"method"}],"calculateScrollbarWidth":[{"__symbolic":"method"}],"invokeElementMethod":[{"__symbolic":"method"}],"clearSelection":[{"__symbolic":"method"}],"getBrowser":[{"__symbolic":"method"}],"resolveUserAgent":[{"__symbolic":"method"}]},"statics":{"zindex":1000}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":21,"character":1},"arguments":[{"selector":"p-header","template":"<ng-content></ng-content>"}]}],"members":{}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":27,"character":1},"arguments":[{"selector":"p-footer","template":"<ng-content></ng-content>"}]}],"members":{}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":33,"character":1},"arguments":[{"selector":"[pTemplate]","host":{}}]}],"members":{"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":38,"character":3}}]}],"name":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":3},"arguments":["pTemplate"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}],"getType":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":50,"character":1},"arguments":[{"selector":"p-column","template":""}]}],"members":{"field":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":3}}]}],"colId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":3}}]}],"sortField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}}]}],"filterField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3}}]}],"header":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}}]}],"footer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":3}}]}],"sortable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":3}}]}],"editable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}}]}],"filter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3}}]}],"filterMatchMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":64,"character":3}}]}],"filterType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":3}}]}],"excludeGlobalFilter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":66,"character":3}}]}],"rowspan":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":67,"character":3}}]}],"colspan":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":68,"character":3}}]}],"scope":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":69,"character":3}}]}],"style":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":70,"character":3}}]}],"styleClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":71,"character":3}}]}],"exportable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":72,"character":3}}]}],"headerStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":73,"character":3}}]}],"headerStyleClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":74,"character":3}}]}],"bodyStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":75,"character":3}}]}],"bodyStyleClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":76,"character":3}}]}],"footerStyle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":77,"character":3}}]}],"footerStyleClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":78,"character":3}}]}],"hidden":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":79,"character":3}}]}],"expander":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":80,"character":3}}]}],"selectionMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":81,"character":3}}]}],"filterPlaceholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":82,"character":3}}]}],"filterMaxlength":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":3}}]}],"frozen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":84,"character":3}}]}],"resizable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":85,"character":3}}]}],"sortFunction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":86,"character":3}}]}],"templates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":87,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵd"}]}]}],"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":88,"character":3},"arguments":[{"__symbolic":"reference","name":"TemplateRef","module":"@angular/core","arguments":[{"__symbolic":"reference","name":"any"}]}]}]}],"ngAfterContentInit":[{"__symbolic":"method"}]}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":128,"character":1},"arguments":[{"selector":"p-row","template":""}]}],"members":{"columns":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":133,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵe"}]}]}]}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":137,"character":1},"arguments":[{"selector":"p-headerColumnGroup","template":""}]}],"members":{"frozen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":142,"character":3}}]}],"rows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":144,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵf"}]}]}]}},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":148,"character":1},"arguments":[{"selector":"p-footerColumnGroup","template":""}]}],"members":{"frozen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":153,"character":3}}]}],"rows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren","line":155,"character":3},"arguments":[{"__symbolic":"reference","name":"ɵf"}]}]}]}},"ɵi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":158,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":159,"character":12}],"exports":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"}],"declarations":[{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"}]}]}],"members":{}}},"origins":{"MadModalModule":"./src/ngx-mad-modal.module","MadModalComponent":"./src/ngx-mad-modal.component","ɵa":"./src/dom/domhandler","ɵb":"./src/common/shared","ɵc":"./src/common/shared","ɵd":"./src/common/shared","ɵe":"./src/common/shared","ɵf":"./src/common/shared","ɵg":"./src/common/shared","ɵh":"./src/common/shared","ɵi":"./src/common/shared"},"importAs":"@madbrothers/ngx-mad-modal"}

package.json

 {
   "$schema": "../../node_modules/ng-packagr/package.schema.json",
   "name": "@madbrothers/ngx-mad-modal",
-  "version": "1.0.11",
+  "version": "1.0.12",
   "main": "bundles/madbrothers-ngx-mad-modal.umd.js",
@@ -6,0 +6,0 @@ "author": "MadBrothers",

src/ngx-mad-modal.component.d.ts

@@ -1,5 +0,5 @@
-import { ElementRef, AfterViewInit, AfterViewChecked, OnDestroy, EventEmitter, Renderer2, QueryList, NgZone } from '@angular/core';
+import { ElementRef, AfterViewInit, AfterViewChecked, OnDestroy, EventEmitter, Renderer2, QueryList, NgZone, OnChanges } from '@angular/core';
 import { DomHandler } from './dom/domhandler';
 import { Header } from './common/shared';
-export declare class MadModalComponent implements AfterViewInit, AfterViewChecked, OnDestroy {
+export declare class MadModalComponent implements AfterViewInit, AfterViewChecked, OnDestroy, OnChanges {
     el: ElementRef;
@@ -71,2 +71,3 @@ domHandler: DomHandler;
     visible: boolean;
+    ngOnChanges(): void;
     ngAfterViewChecked(): void;
@@ -73,0 +74,0 @@ focus(): void;

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

488777

increased by0.36%

Lines of code

3966

increased by0.48%

No dependency changes