@syncfusion/ej2-popups - npm Package Compare versions

Comparing version 15.4.17 to 15.4.20

dist/ej2-popups.umd.min.js

 /*!
 *  filename: ej2-popups.umd.min.js
-*  version : 15.4.17
+*  version : 15.4.20
 *  Copyright Syncfusion Inc. 2001 - 2017. All rights reserved.
@@ -11,4 +11,4 @@ *  Use of this code is subject to the terms of our license.
 
-!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("@syncfusion/ej2-base"),require("@syncfusion/ej2-buttons"));else if("function"==typeof define&&define.amd)define(["@syncfusion/ej2-base","@syncfusion/ej2-buttons"],e);else{var i="object"==typeof exports?e(require("@syncfusion/ej2-base"),require("@syncfusion/ej2-buttons")):e(t["@syncfusion/ej2-base"],t["@syncfusion/ej2-buttons"]);for(var o in i)("object"==typeof exports?exports:t)[o]=i[o]}}(this,function(t,e){return function(t){function e(o){if(i[o])return i[o].exports;var n=i[o]={exports:{},id:o,loaded:!1};return t[o].call(n.exports,n,n.exports,e),n.loaded=!0,n.exports}var i={};return e.m=t,e.c=i,e.p="",e(0)}([function(t,e,i){var o,n;o=[i,e,i(1),i(6),i(7),i(10),i(12)],void 0!==(n=function(t,e,i,o,n,s,r){"use strict";function l(t){for(var i in t)e.hasOwnProperty(i)||(e[i]=t[i])}Object.defineProperty(e,"__esModule",{value:!0}),l(i),l(o),l(n),l(s),l(r)}.apply(e,o))&&(t.exports=n)},function(t,e,i){var o,n;o=[i,e,i(2)],void 0!==(n=function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),function(t){for(var i in t)e.hasOwnProperty(i)||(e[i]=t[i])}(i)}.apply(e,o))&&(t.exports=n)},function(t,e,i){var o,n,s=this&&this.__extends||function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)e.hasOwnProperty(i)&&(t[i]=e[i])};return function(e,i){function o(){this.constructor=e}t(e,i),e.prototype=null===i?Object.create(i):(o.prototype=i.prototype,new o)}}(),r=this&&this.__decorate||function(t,e,i,o){var n,s=arguments.length,r=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,o);else for(var l=t.length-1;l>=0;l--)(n=t[l])&&(r=(s<3?n(r):s>3?n(e,i,r):n(e,i))||r);return s>3&&r&&Object.defineProperty(e,i,r),r};o=[i,e,i(4),i(4),i(4),i(3),i(4),i(4),i(4),i(5)],void 0!==(n=function(t,e,i,o,n,l,a,p,h,c){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var d={ROOT:"e-popup",RTL:"e-rtl",OPEN:"e-popup-open",CLOSE:"e-popup-close"},u=function(t){function e(e,i){return t.call(this,i,e)||this}return s(e,t),e.prototype.onPropertyChanged=function(t,e){for(var n=0,s=Object.keys(t);n<s.length;n++){switch(s[n]){case"width":i.setStyleAttribute(this.element,{width:o.formatUnit(t.width)});break;case"height":i.setStyleAttribute(this.element,{height:o.formatUnit(t.height)});break;case"zIndex":i.setStyleAttribute(this.element,{zIndex:t.zIndex});break;case"enableRtl":this.setEnableRtl();break;case"position":case"relateTo":this.refreshPosition();break;case"offsetX":var r=t.offsetX-e.offsetX;this.element.style.left=(parseInt(this.element.style.left,10)+r).toString()+"px";break;case"offsetY":var l=t.offsetY-e.offsetY;this.element.style.top=(parseInt(this.element.style.top,10)+l).toString()+"px";break;case"content":this.setContent();break;case"actionOnScroll":"none"!==t.actionOnScroll?this.wireScrollEvents():this.unwireScrollEvents()}}},e.prototype.getModuleName=function(){return"popup"},e.prototype.getPersistData=function(){return this.addOnPersist([])},e.prototype.destroy=function(){this.element.classList.remove(d.ROOT,d.RTL),this.unwireEvents(),t.prototype.destroy.call(this)},e.prototype.render=function(){this.element.classList.add(d.ROOT);var t={};1e3!==this.zIndex&&(t.zIndex=this.zIndex),"auto"!==this.width&&(t.width=o.formatUnit(this.width)),"auto"!==this.height&&(t.height=o.formatUnit(this.height)),i.setStyleAttribute(this.element,t),this.setEnableRtl(),this.setContent(),this.wireEvents()},e.prototype.wireEvents=function(){n.Browser.isDevice&&h.EventHandler.add(window,"orientationchange",this.orientationOnChange,this),"none"!==this.actionOnScroll&&this.wireScrollEvents()},e.prototype.wireScrollEvents=function(){if(this.getRelateToElement())for(var t=0,e=this.getScrollableParent(this.getRelateToElement());t<e.length;t++){var i=e[t];h.EventHandler.add(i,"scroll",this.scrollRefresh,this)}},e.prototype.unwireEvents=function(){n.Browser.isDevice&&h.EventHandler.remove(window,"orientationchange",this.orientationOnChange),"none"!==this.actionOnScroll&&this.unwireScrollEvents()},e.prototype.unwireScrollEvents=function(){if(this.getRelateToElement())for(var t=0,e=this.getScrollableParent(this.getRelateToElement());t<e.length;t++){var i=e[t];h.EventHandler.remove(i,"scroll",this.scrollRefresh)}},e.prototype.getRelateToElement=function(){return"string"==typeof this.relateTo?document.querySelector(this.relateTo):this.relateTo},e.prototype.scrollRefresh=function(t){if("reposition"===this.actionOnScroll?this.element.offsetParent===t.target||this.element.offsetParent&&"BODY"===this.element.offsetParent.tagName&&null==t.target.parentElement||this.refreshPosition():"hide"===this.actionOnScroll&&this.hide(),"none"!==this.actionOnScroll&&this.getRelateToElement()){var e=this.isElementOnViewport(this.getRelateToElement(),t.target);e||this.targetInvisibleStatus?e&&(this.targetInvisibleStatus=!1):(this.trigger("targetExitViewport"),this.targetInvisibleStatus=!0)}},e.prototype.isElementOnViewport=function(t,e){for(var i=this.getScrollableParent(t),o=0;o<i.length;o++)if(!this.isElementVisible(t,i[o]))return!1;return!0},e.prototype.isElementVisible=function(t,e){var i=t.getBoundingClientRect();if(!i.height||!i.width)return!1;if(e.getBoundingClientRect){var o=e.getBoundingClientRect();return!(i.bottom<o.top||i.bottom>o.bottom||i.right>o.right||i.left<o.left)}var n=window,s={top:n.scrollY,left:n.scrollX,right:n.scrollX+n.outerWidth,bottom:n.scrollY+n.outerHeight},r=l.calculatePosition(t),a={top:r.top,left:r.left,right:r.left+i.width,bottom:r.top+i.height},p={top:s.bottom-a.top,left:s.right-a.left,bottom:a.bottom-s.top,right:a.right-s.left};return p.top>0&&p.left>0&&p.right>0&&p.bottom>0},e.prototype.preRender=function(){},e.prototype.setEnableRtl=function(){this.reposition(),this.enableRtl?this.element.classList.add(d.RTL):this.element.classList.remove(d.RTL)},e.prototype.setContent=function(){o.isNullOrUndefined(this.content)||(this.element.innerHTML="","string"==typeof this.content?this.element.textContent=this.content:this.element.appendChild(this.content))},e.prototype.orientationOnChange=function(){var t=this;setTimeout(function(){t.refreshPosition()},200)},e.prototype.refreshPosition=function(){this.reposition(),this.checkCollision()},e.prototype.reposition=function(){var t,e=this.getRelateToElement();if("number"==typeof this.position.X&&"number"==typeof this.position.Y)t={left:this.position.X,top:this.position.Y};else if(e){var i=this.element.style.display;this.element.style.display="block",t=this.getAnchorPosition(e,this.element,this.position,this.offsetX,this.offsetY),this.element.style.display=i}else t={left:0,top:0};this.element.style.left=t.left+"px",this.element.style.top=t.top+"px"},e.prototype.getAnchorPosition=function(t,e,i,o,n){var s=e.getBoundingClientRect(),r=t.getBoundingClientRect(),a=t,p={left:0,top:0};switch(p=e.offsetParent&&"BODY"===e.offsetParent.tagName&&"BODY"===t.tagName?l.calculatePosition(t):l.calculateRelativeBasedPosition(a,e),i.X){default:case"left":break;case"center":"container"===this.targetType?p.left+=r.width/2-s.width/2:p.left+=r.width/2;break;case"right":"container"===this.targetType?p.left+=r.width-s.width:p.left+=r.width}switch(i.Y){default:case"top":break;case"center":"container"===this.targetType?p.top+=r.height/2-s.height/2:p.top+=r.height/2;break;case"bottom":"container"===this.targetType?p.top+=r.height-s.height:p.top+=r.height}return p.left+=o,p.top+=n,p},e.prototype.callFlip=function(t){var e=this.getRelateToElement();c.flip(this.element,e,this.offsetX,this.offsetY,this.position.X,this.position.Y,this.viewPortElement,t)},e.prototype.callFit=function(t){if(0!==c.isCollide(this.element,this.viewPortElement).length){var e=c.fit(this.element,this.viewPortElement,t);this.element.style.left=e.left+"px",this.element.style.top=e.top+"px"}},e.prototype.checkCollision=function(){var t=this.collision.X,e=this.collision.Y;"none"===t&&"none"===e||("flip"===t&&"flip"===e?this.callFlip({X:!0,Y:!0}):"fit"===t&&"fit"===e?this.callFit({X:!0,Y:!0}):("fit"===t?this.callFit({X:!0,Y:!1}):"fit"===e&&this.callFit({X:!1,Y:!0}),"flip"===t?this.callFlip({X:!0,Y:!1}):"flip"===e&&this.callFlip({Y:!0,X:!1})))},e.prototype.show=function(t){var e=this;t=o.isNullOrUndefined(t)||"object"!=typeof t?this.showAnimation:t,"none"===this.collision.X&&"none"===this.collision.Y||(i.removeClass([this.element],d.CLOSE),i.addClass([this.element],d.OPEN),this.checkCollision(),i.removeClass([this.element],d.OPEN),i.addClass([this.element],d.CLOSE)),o.isNullOrUndefined(t)?(i.removeClass([this.element],d.CLOSE),i.addClass([this.element],d.OPEN),this.trigger("open")):(t.begin=function(){e.isDestroyed||(i.removeClass([e.element],d.CLOSE),i.addClass([e.element],d.OPEN))},t.end=function(){e.isDestroyed||e.trigger("open")},new a.Animation(t).animate(this.element))},e.prototype.hide=function(t){var e=this;t=o.isNullOrUndefined(t)||"object"!=typeof t?this.hideAnimation:t,o.isNullOrUndefined(t)?(i.removeClass([this.element],d.OPEN),i.addClass([this.element],d.CLOSE),this.trigger("close")):(t.end=function(){e.isDestroyed||(i.removeClass([e.element],d.OPEN),i.addClass([e.element],d.CLOSE),e.trigger("close"))},new a.Animation(t).animate(this.element))},e.prototype.getScrollableParent=function(t){for(var e=getComputedStyle(t),i=[],o=/(auto|scroll)/,n=t.parentElement;n&&"HTML"!==n.tagName;){var s=getComputedStyle(n);"absolute"===e.position&&"static"===s.position||!o.test(s.overflow+s.overflowY+s.overflowX)||i.push(n),n=n.parentElement}return i.push(document),i},e}(a.Component);r([a.Property("auto")],u.prototype,"height",void 0),r([a.Property("auto")],u.prototype,"width",void 0),r([a.Property(null)],u.prototype,"content",void 0),r([a.Property("container")],u.prototype,"targetType",void 0),r([a.Property(null)],u.prototype,"viewPortElement",void 0),r([a.Property({X:"none",Y:"none"})],u.prototype,"collision",void 0),r([a.Property(document.body)],u.prototype,"relateTo",void 0),r([a.Property({X:"left",Y:"top"})],u.prototype,"position",void 0),r([a.Property(0)],u.prototype,"offsetX",void 0),r([a.Property(0)],u.prototype,"offsetY",void 0),r([a.Property(1e3)],u.prototype,"zIndex",void 0),r([a.Property(!1)],u.prototype,"enableRtl",void 0),r([a.Property("reposition")],u.prototype,"actionOnScroll",void 0),r([a.Property(null)],u.prototype,"showAnimation",void 0),r([a.Property(null)],u.prototype,"hideAnimation",void 0),r([a.Event()],u.prototype,"open",void 0),r([a.Event()],u.prototype,"close",void 0),r([a.Event()],u.prototype,"targetExitViewport",void 0),u=r([p.NotifyPropertyChanges],u),e.Popup=u}.apply(e,o))&&(t.exports=n)},function(t,e,i){var o,n;o=[i,e],void 0!==(n=function(t,e){"use strict";function i(t,e){var i={left:0,top:0},o=t;if(!t||!e)return i;for(;e.offsetParent&&t&&e.offsetParent!==t;)i.left+=t.offsetLeft,i.top+=t.offsetTop,t=t.offsetParent;for(t=o;e.offsetParent&&t&&e.offsetParent!==t;)i.left-=t.scrollLeft,i.top-=t.scrollTop,t=t.parentElement;return i}function o(t,e,i){if(!t)return{left:0,top:0};e||(e="left"),i||(i="top"),m=t.ownerDocument,y=t;var o={left:0,top:0};return r(e.toLowerCase(),i.toLowerCase(),o)}function n(t,e){e.left=t}function s(t,e){e.top=t}function r(t,e,i){switch(v=y.getBoundingClientRect(),e+t){case"topcenter":n(f(),i),s(c(),i);break;case"topright":n(u(),i),s(c(),i);break;case"centercenter":n(f(),i),s(h(),i);break;case"centerright":n(u(),i),s(h(),i);break;case"centerleft":n(d(),i),s(h(),i);break;case"bottomcenter":n(f(),i),s(p(),i);break;case"bottomright":n(u(),i),s(p(),i);break;case"bottomleft":n(d(),i),s(p(),i);break;default:case"topleft":n(d(),i),s(c(),i)}return i}function l(){return m.documentElement.scrollTop||m.body.scrollTop}function a(){return m.documentElement.scrollLeft||m.body.scrollLeft}function p(){return v.bottom+l()}function h(){return c()+v.height/2}function c(){return v.top+l()}function d(){return v.left+a()}function u(){return v.right+a()}function f(){return d()+v.width/2}Object.defineProperty(e,"__esModule",{value:!0});var v,y,m;e.calculateRelativeBasedPosition=i,e.calculatePosition=o}.apply(e,o))&&(t.exports=n)},function(e,i){e.exports=t},function(t,e,i){var o,n;o=[i,e,i(3)],void 0!==(n=function(t,e,i){"use strict";function o(t,e,o,n){if(void 0===e&&(e=null),void 0===o&&(o={X:!1,Y:!1}),!o.Y&&!o.X)return{left:0,top:0};var s=t.getBoundingClientRect();if(S=e,T=t.ownerDocument,n||(n=i.calculatePosition(t,"left","top")),o.X){var r=S?u():P(),l=g(),a=b(),p=l-n.left,h=n.left+s.width-a;s.width>r?n.left=p>0&&h<=0?a-s.width:h>0&&p<=0?l:p>h?a-s.width:l:p>0?n.left+=p:h>0&&(n.left-=h)}if(o.Y){var c=S?f():O(),d=m(),v=E(),y=d-n.top,C=n.top+s.height-v;s.height>c?n.top=y>0&&C<=0?v-s.height:C>0&&y<=0?d:y>C?v-s.height:d:y>0?n.top+=y:C>0&&(n.top-=C)}return n}function n(t,e,o,n){void 0===e&&(e=null);var s=i.calculatePosition(t,"left","top");o&&(s.left=o),n&&(s.top=n);var r=[];S=e,T=t.ownerDocument;var l=t.getBoundingClientRect(),a=s.top,h=s.left,c=s.left+l.width,u=s.top+l.height,f=d(a,u),v=p(h,c);return f.topSide&&r.push("top"),v.rightSide&&r.push("right"),v.leftSide&&r.push("left"),f.bottomSide&&r.push("bottom"),r}function s(t,e,i,o,n,s,p,d){if(void 0===p&&(p=null),void 0===d&&(d={X:!0,Y:!0}),e&&t&&n&&s&&(d.X||d.Y)){var u={TL:null,TR:null,BL:null,BR:null},f={TL:null,TR:null,BL:null,BR:null},v=t.getBoundingClientRect(),y={posX:n,posY:s,offsetX:i,offsetY:o,position:{left:0,top:0}};S=p,T=e.ownerDocument,l(e,u,y),a(f,y,v),d.X&&h(e,f,u,y,v,!0),d.Y&&u.TL.top>-1&&c(e,f,u,y,v,!0),r(t,y)}}function r(t,e){var o=0,n=0;if(null!=t.offsetParent&&("absolute"===getComputedStyle(t.offsetParent).position||"relative"===getComputedStyle(t.offsetParent).position)){var s=i.calculatePosition(t.offsetParent,"left","top");o=s.left,n=s.top}t.style.top=e.position.top+e.offsetY-n+"px",t.style.left=e.position.left+e.offsetX-o+"px"}function l(t,e,o){o.position=i.calculatePosition(t,o.posX,o.posY),e.TL=i.calculatePosition(t,"left","top"),e.TR=i.calculatePosition(t,"right","top"),e.BR=i.calculatePosition(t,"left","bottom"),e.BL=i.calculatePosition(t,"right","bottom")}function a(t,e,i){t.TL={top:e.position.top+e.offsetY,left:e.position.left+e.offsetX},t.TR={top:t.TL.top,left:t.TL.left+i.width},t.BL={top:t.TL.top+i.height,left:t.TL.left},t.BR={top:t.TL.top+i.height,left:t.TL.left+i.width}}function p(t,e){var i=!1,o=!1;return t-w()<g()&&(i=!0),e>b()&&(o=!0),{leftSide:i,rightSide:o}}function h(t,e,o,n,s,r){var l=p(e.TL.left,e.TR.left);o.TL.left-w()<=g()&&(l.leftSide=!1),o.TR.left>=b()&&(l.rightSide=!1),(l.leftSide&&!l.rightSide||!l.leftSide&&l.rightSide)&&("right"===n.posX?n.posX="left":n.posX="right",n.offsetX=n.offsetX+s.width,n.offsetX=-1*n.offsetX,n.position=i.calculatePosition(t,n.posX,n.posY),a(e,n,s),r&&h(t,e,o,n,s,!1))}function c(t,e,o,n,s,r){var l=d(e.TL.top,e.BL.top);o.TL.top-C()<=m()&&(l.topSide=!1),o.BL.top>=E()&&(l.bottomSide=!1),(l.topSide&&!l.bottomSide||!l.topSide&&l.bottomSide)&&("top"===n.posY?n.posY="bottom":n.posY="top",n.offsetY=n.offsetY+s.height,n.offsetY=-1*n.offsetY,n.position=i.calculatePosition(t,n.posX,n.posY),a(e,n,s),r&&c(t,e,o,n,s,!1))}function d(t,e){var i=!1,o=!1;return t-C()<m()&&(i=!0),e>E()&&(o=!0),{topSide:i,bottomSide:o}}function u(){return S.getBoundingClientRect().width}function f(){return S.getBoundingClientRect().height}function v(){return S.getBoundingClientRect().left}function y(){return S.getBoundingClientRect().top}function m(){return S?y():0}function g(){return S?v():0}function b(){return S?w()+v()+u():w()+P()}function E(){return S?C()+y()+f():C()+O()}function C(){return T.documentElement.scrollTop||T.body.scrollTop}function w(){return T.documentElement.scrollLeft||T.body.scrollLeft}function O(){return window.innerHeight}function P(){return window.innerWidth}Object.defineProperty(e,"__esModule",{value:!0});var T,S;e.fit=o,e.isCollide=n,e.flip=s}.apply(e,o))&&(t.exports=n)},function(t,e,i){var o,n;o=[i,e,i(3),i(5)],void 0!==(n=function(t,e,i,o){"use strict";function n(t){for(var i in t)e.hasOwnProperty(i)||(e[i]=t[i])}Object.defineProperty(e,"__esModule",{value:!0}),n(i),n(o)}.apply(e,o))&&(t.exports=n)},function(t,e,i){var o,n;o=[i,e,i(8)],void 0!==(n=function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),function(t){for(var i in t)e.hasOwnProperty(i)||(e[i]=t[i])}(i)}.apply(e,o))&&(t.exports=n)},function(t,e,i){var o,n,s=this&&this.__extends||function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)e.hasOwnProperty(i)&&(t[i]=e[i])};return function(e,i){function o(){this.constructor=e}t(e,i),e.prototype=null===i?Object.create(i):(o.prototype=i.prototype,new o)}}(),r=this&&this.__decorate||function(t,e,i,o){var n,s=arguments.length,r=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,o);else for(var l=t.length-1;l>=0;l--)(n=t[l])&&(r=(s<3?n(r):s>3?n(e,i,r):n(e,i))||r);return s>3&&r&&Object.defineProperty(e,i,r),r};o=[i,e,i(4),i(4),i(4),i(4),i(4),i(4),i(2),i(9)],void 0!==(n=function(t,e,i,o,n,l,a,p,h,c){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var d=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return s(e,t),e}(n.ChildProperty);r([i.Property()],d.prototype,"buttonModel",void 0),r([i.Property()],d.prototype,"click",void 0),e.ButtonProps=d;var u="e-dialog",f=function(t){function e(e,i){return t.call(this,e,i)||this}return s(e,t),e.prototype.render=function(){this.initialize(),this.initRender(),this.wireEvents()},e.prototype.preRender=function(){var t=this;this.closeIconClickEventHandler=function(e){t.hide(),t.closedFrom=e},this.dlgOverlayClickEventHandler=function(e){t.trigger("overlayClick",e)}},e.prototype.keyDown=function(t){var e=this;9===t.keyCode&&this.isModal&&(document.activeElement!==this.btnObj.element||t.shiftKey||(t.preventDefault(),this.focusableElements(this.element).focus()),document.activeElement===this.focusableElements(this.element)&&t.shiftKey&&(t.preventDefault(),this.btnObj.element.focus()));var i=document.activeElement,o=["input","textarea"].indexOf(i.tagName.toLowerCase())>-1,n=!1;if(o||(n=i.hasAttribute("contenteditable")&&"true"===i.getAttribute("contenteditable")),27===t.keyCode&&this.closeOnEscape&&(this.hide(),this.closedFrom=t),13===t.keyCode&&"button"===i.tagName.toLowerCase()&&i.classList.contains("e-primary")&&!l.isNullOrUndefined(this.primaryButtonEle)||13===t.keyCode&&!t.ctrlKey&&"textarea"!==i.tagName.toLowerCase()&&o&&!l.isNullOrUndefined(this.primaryButtonEle)||13===t.keyCode&&t.ctrlKey&&("textarea"===i.tagName.toLowerCase()||n)&&!l.isNullOrUndefined(this.primaryButtonEle)){var s;this.buttons.some(function(t,e){s=e;var i=t.buttonModel;return!l.isNullOrUndefined(i)&&!0===i.isPrimary})&&"function"==typeof this.buttons[s].click&&setTimeout(function(){e.buttons[s].click.call(e,t)})}},e.prototype.initialize=function(){l.isNullOrUndefined(this.target)||(this.targetEle="string"==typeof this.target?document.querySelector(this.target):this.target),o.addClass([this.element],u),i.Browser.isDevice&&o.addClass([this.element],"e-device"),this.setCSSClass(),this.setMaxHeight()},e.prototype.initRender=function(){var t=this;o.attributes(this.element,{role:"dialog"}),l.isNullOrUndefined(this.zIndex)&&this.getZindexPartial(),""!==this.header&&this.setHeader(),this.showCloseIcon&&this.renderCloseIcon(),l.isNullOrUndefined(this.content)||""===this.content?this.element.hasChildNodes()&&(this.contentEle=this.element):this.setContent(),""!==this.footerTemplate&&this.setFooterTemplate(),l.isNullOrUndefined(this.buttons[0].buttonModel)||""!==this.footerTemplate||this.setButton(),!this.allowDragging||this.isModal||l.isNullOrUndefined(this.headerContent)||this.setAllowDragging(),o.attributes(this.element,{"aria-modal":this.isModal?"true":"false"}),this.isModal&&this.setIsModal(),l.isNullOrUndefined(this.targetEle)||(this.isModal?this.targetEle.appendChild(this.dlgContainer):this.targetEle.appendChild(this.element)),this.popupObj=new h.Popup(this.element,{height:this.height,width:this.width,zIndex:this.zIndex,relateTo:this.target,actionOnScroll:"none",open:function(){t.focusContent(),t.trigger("open")},close:function(e){t.unBindEvent(t.element),t.isModal&&(t.dlgContainer.style.display="none"),t.trigger("close",t.closedFrom),t.closedFrom={},l.isNullOrUndefined(t.storeActiveElement)||t.storeActiveElement.focus()}}),this.positionChange(),this.setEnableRTL(),o.addClass([this.element],"e-popup-close"),this.visible?this.show():this.isModal&&(this.dlgOverlay.style.display="none")},e.prototype.positionChange=function(){this.isModal?this.dlgContainer.classList.add("e-dlg-"+this.position.X+"-"+this.position.Y):this.popupObj.setProperties({position:{X:this.position.X,Y:this.position.Y}})},e.prototype.getZindexPartial=function(){for(var t=this.element.parentElement,e=[];t&&"BODY"!==t.tagName;){var i=document.defaultView.getComputedStyle(t,null).getPropertyValue("z-index"),o=document.defaultView.getComputedStyle(t,null).getPropertyValue("position");"auto"!==i&&"static"!==o&&e.push(i),t=t.parentElement}for(var n=[],s=0;s<document.body.children.length;s++)if(!this.element.isEqualNode(document.body.children[s])){var i=document.defaultView.getComputedStyle(document.body.children[s],null).getPropertyValue("z-index"),o=document.defaultView.getComputedStyle(document.body.children[s],null).getPropertyValue("position");"auto"!==i&&"static"!==o&&n.push(i)}n.push("999");var r=e.concat(n);this.zIndex=Math.max.apply(Math,r)+1},e.prototype.setAllowDragging=function(){var t=this;this.dragObj=new p.Draggable(this.element,{clone:!1,handle:".e-dlg-header-content",dragStart:function(e){t.trigger("dragStart",e)},dragStop:function(e){t.trigger("dragStop",e)},drag:function(e){t.trigger("drag",e)}}),l.isNullOrUndefined(this.targetEle)||(this.dragObj.dragArea=this.targetEle)},e.prototype.setButton=function(){this.buttonContent=[];for(var t=0;t<this.buttons.length;t++){var e=o.createElement("button",{attrs:{type:"button"}});this.buttonContent.push(e.outerHTML)}this.setFooterTemplate();for(var t=0;t<this.buttons.length;t++)this.btnObj=new c.Button(this.buttons[t].buttonModel),"function"==typeof this.buttons[t].click&&a.EventHandler.add(this.ftrTemplateContent.children[t],"click",this.buttons[t].click,this),this.btnObj.appendTo(this.ftrTemplateContent.children[t]),this.primaryButtonEle=this.element.getElementsByClassName("e-primary")[0]},e.prototype.setContent=function(){o.attributes(this.element,{"aria-describedby":this.element.id+"_dialog-content"}),this.contentEle=o.createElement("div",{className:"e-dlg-content",id:this.element.id+"_dialog-content"}),"string"==typeof this.content?this.contentEle.innerHTML=this.content:this.contentEle.appendChild(this.content),l.isNullOrUndefined(this.headerContent)?this.element.insertBefore(this.contentEle,this.element.children[0]):this.element.insertBefore(this.contentEle,this.element.children[1]),"auto"===this.height&&this.setMaxHeight()},e.prototype.setMaxHeight=function(){var t=this.element.style.display;this.element.style.display="none",this.element.style.maxHeight=l.isNullOrUndefined(this.target)?window.innerHeight-20+"px":this.targetEle.offsetHeight-20+"px",this.element.style.display=t},e.prototype.setEnableRTL=function(){this.enableRtl?o.addClass([this.element],"e-rtl"):o.removeClass([this.element],"e-rtl")},e.prototype.setHeader=function(){this.headerEle=o.createElement("div",{id:this.element.id+"_title",className:"e-dlg-header",innerHTML:this.header}),o.attributes(this.element,{"aria-labelledby":this.element.id+"_title"}),this.createHeaderContent(),this.headerContent.appendChild(this.headerEle),this.element.insertBefore(this.headerContent,this.element.children[0])},e.prototype.setFooterTemplate=function(){this.ftrTemplateContent=o.createElement("div",{className:"e-footer-content",innerHTML:""!==this.footerTemplate?this.footerTemplate:this.buttonContent.join("")}),this.element.appendChild(this.ftrTemplateContent)},e.prototype.createHeaderContent=function(){l.isNullOrUndefined(this.headerContent)&&(this.headerContent=o.createElement("div",{className:"e-dlg-header-content"}))},e.prototype.renderCloseIcon=function(){this.closeIcon=o.createElement("button",{className:"e-dlg-closeicon-btn",attrs:{type:"button"}}),this.closeIconBtnObj=new c.Button({cssClass:"e-flat",iconCss:"e-icon-dlg-close e-icons"}),this.closeIconTitle(),l.isNullOrUndefined(this.headerContent)?(this.createHeaderContent(),o.prepend([this.closeIcon],this.headerContent),this.element.insertBefore(this.headerContent,this.element.children[0])):o.prepend([this.closeIcon],this.headerContent),this.closeIconBtnObj.appendTo(this.closeIcon)},e.prototype.closeIconTitle=function(){if(""!==this.locale){var t=new i.L10n("Dialog",{locale:"Close"});t.setLocale(this.locale);var e=t.getConstant("Close");this.closeIcon.setAttribute("title",e)}else this.closeIcon.setAttribute("title","Close")},e.prototype.setCSSClass=function(t){this.cssClass&&o.addClass([this.element],this.cssClass.split(" ")),t&&o.removeClass([this.element],t.split(" "))},e.prototype.setIsModal=function(){this.dlgContainer=o.createElement("div",{className:"e-dlg-container"}),this.element.parentNode.insertBefore(this.dlgContainer,this.element),this.dlgContainer.appendChild(this.element),o.addClass([this.element],"e-dlg-modal"),this.dlgOverlay=o.createElement("div",{className:"e-dlg-overlay"}),this.dlgOverlay.style.zIndex=(this.zIndex-1).toString(),this.dlgContainer.appendChild(this.dlgOverlay)},e.prototype.getValidFocusNode=function(t){for(var e,i=0;i<t.length;i++)if(e=t[i],(e.clientHeight>0||"a"===e.tagName.toLowerCase()&&e.hasAttribute("href"))&&e.tabIndex>-1&&!e.disabled&&!this.disableElement(e,'[disabled],[aria-disabled="true"],[type="hidden"]'))return e;return e},e.prototype.focusableElements=function(t){if(!l.isNullOrUndefined(t)){var e=t.querySelectorAll('input,select,textarea,button,a,[contenteditable="true"],[tabindex]');return this.getValidFocusNode(e)}return null},e.prototype.getAutoFocusNode=function(t){var e=t.querySelector(".e-dlg-closeicon-btn"),i=t.querySelectorAll("[autofocus]"),o=this.getValidFocusNode(i);if(l.isNullOrUndefined(o)){if(o=this.focusableElements(this.contentEle),!l.isNullOrUndefined(o))return e=o;if(!l.isNullOrUndefined(this.primaryButtonEle))return this.element.querySelector(".e-primary")}else e=o;return e},e.prototype.disableElement=function(t,e){var i=t?t.matches||t.webkitMatchesSelector||t.msMatchesSelector:null;if(i)for(;t;t=t.parentNode)if(t instanceof Element&&i.call(t,e))return t;return null},e.prototype.focusContent=function(){var t=this.getAutoFocusNode(this.element);(l.isNullOrUndefined(t)?this.element:t).focus(),this.bindEvent(this.element)},e.prototype.bindEvent=function(t){a.EventHandler.add(t,"keydown",this.keyDown,this)},e.prototype.unBindEvent=function(t){a.EventHandler.remove(t,"keydown",this.keyDown)},e.prototype.getModuleName=function(){return"dialog"},e.prototype.onPropertyChanged=function(t,e){for(var i=0,n=Object.keys(t);i<n.length;i++){switch(n[i]){case"content":l.isNullOrUndefined(this.content)||""===this.content?l.isNullOrUndefined(this.contentEle)||this.element.removeChild(this.contentEle):l.isNullOrUndefined(this.contentEle)||"dialog"===this.contentEle.getAttribute("role")?this.setContent():(this.contentEle.innerHTML="","string"==typeof this.content?this.contentEle.innerHTML=this.content:this.contentEle.appendChild(this.content),this.setMaxHeight());break;case"header":""===this.header?o.detach(this.headerEle):this.element.getElementsByClassName("e-dlg-header").length>0?this.element.getElementsByClassName("e-dlg-header")[0].innerHTML=this.header:this.setHeader();break;case"footerTemplate":this.element.getElementsByClassName("e-footer-content").length>0?this.ftrTemplateContent.innerHTML=this.footerTemplate:this.setFooterTemplate();break;case"showCloseIcon":this.element.getElementsByClassName("e-icon-dlg-close").length>0?this.showCloseIcon||""!==this.header?this.showCloseIcon||o.detach(this.closeIcon):o.detach(this.headerContent):(this.renderCloseIcon(),this.wireEvents());break;case"locale":this.showCloseIcon&&this.closeIconTitle();break;case"visible":this.visible?this.show():this.hide();break;case"isModal":if(this.element.setAttribute("aria-modal",this.isModal?"true":"false"),this.isModal)this.setIsModal(),this.wireEvents(),l.isNullOrUndefined(this.targetEle)||(this.isModal?this.targetEle.appendChild(this.dlgContainer):this.targetEle.appendChild(this.element));else{for(o.removeClass([this.element],"e-dlg-modal"),o.removeClass([document.body],"e-scroll-disabled"),o.detach(this.dlgOverlay);this.dlgContainer.firstChild;)this.dlgContainer.parentElement.insertBefore(this.dlgContainer.firstChild,this.dlgContainer);this.dlgContainer.parentElement.removeChild(this.dlgContainer)}break;case"height":o.setStyleAttribute(this.element,{height:l.formatUnit(t.height)});break;case"width":o.setStyleAttribute(this.element,{width:l.formatUnit(t.width)});break;case"zIndex":this.popupObj.zIndex=this.zIndex;break;case"cssClass":this.setCSSClass(e.cssClass);break;case"animationSettings":this.show();break;case"buttons":l.isNullOrUndefined(this.buttons[0].buttonModel)||""!==this.footerTemplate||(l.isNullOrUndefined(this.ftrTemplateContent)||(this.ftrTemplateContent.innerHTML=""),this.setButton());break;case"allowDragging":!this.allowDragging||this.isModal||l.isNullOrUndefined(this.headerContent)?this.dragObj.destroy():this.setAllowDragging();break;case"target":this.popupObj.relateTo=t.target;break;case"position":if(e.position.X===this.position.X&&e.position.Y===this.position.Y)break;if(!this.isModal){this.popupObj.position=this.position;break}this.dlgContainer.classList.remove("e-dlg-"+e.position.X+"-"+e.position.Y),this.dlgContainer.classList.add("e-dlg-"+this.position.X+"-"+this.position.Y);break;case"enableRtl":this.setEnableRTL()}}},e.prototype.getPersistData=function(){return this.addOnPersist([])},e.prototype.destroy=function(){if(this.element.classList.contains(u)){this.unWireEvents(),t.prototype.destroy.call(this);var e=[u,"e-rtl","e-dlg-modal"];o.removeClass([this.element,this.element],e),this.popupObj.element.classList.contains("e-popup")&&this.popupObj.destroy(),l.isNullOrUndefined(this.btnObj)||this.btnObj.destroy(),this.isModal&&(o.detach(this.dlgOverlay),this.dlgContainer.parentNode.insertBefore(this.element,this.dlgContainer),o.detach(this.dlgContainer)),this.element.innerHTML=""}},e.prototype.wireEvents=function(){this.showCloseIcon&&a.EventHandler.add(this.closeIcon,"click",this.closeIconClickEventHandler,this),this.isModal&&a.EventHandler.add(this.dlgOverlay,"click",this.dlgOverlayClickEventHandler,this)},e.prototype.unWireEvents=function(){if(this.showCloseIcon&&a.EventHandler.remove(this.closeIcon,"click",this.closeIconClickEventHandler),this.isModal&&a.EventHandler.remove(this.dlgOverlay,"click",this.dlgOverlayClickEventHandler),!l.isNullOrUndefined(this.buttons[0].buttonModel))for(var t=0;t<this.buttons.length;t++)"function"==typeof this.buttons[t].click&&a.EventHandler.remove(this.ftrTemplateContent.children[t],"click",this.buttons[t].click)},e.prototype.refreshPosition=function(){this.popupObj.refreshPosition()},e.prototype.show=function(t){if(!this.element.classList.contains("e-popup-open")||!l.isNullOrUndefined(t)){l.isNullOrUndefined(t)||this.fullScreen(t),this.storeActiveElement=document.activeElement,this.element.tabIndex=-1,this.trigger("beforeOpen"),this.isModal&&!l.isNullOrUndefined(this.dlgOverlay)&&(this.dlgOverlay.style.display="block",this.dlgContainer.style.display="flex",l.isNullOrUndefined(this.targetEle)?o.addClass([document.body],"e-scroll-disabled"):(this.targetEle===document.body?this.dlgContainer.style.position="fixed":this.dlgContainer.style.position="absolute",this.dlgOverlay.style.position="absolute",this.element.style.position="relative",o.addClass([this.targetEle],"e-scroll-disabled")));var e={
-name:this.animationSettings.effect+"In",duration:this.animationSettings.duration,delay:this.animationSettings.delay};"None"===this.animationSettings.effect?this.popupObj.show():this.popupObj.show(e),this.dialogOpen=!0,this.visible=!0}},e.prototype.hide=function(){this.trigger("beforeClose"),this.isModal&&(this.dlgOverlay.style.display="none",l.isNullOrUndefined(this.targetEle)?o.removeClass([document.body],"e-scroll-disabled"):o.removeClass([this.targetEle],"e-scroll-disabled"));var t={name:this.animationSettings.effect+"Out",duration:this.animationSettings.duration,delay:this.animationSettings.delay};"None"===this.animationSettings.effect?this.popupObj.hide():this.popupObj.hide(t),this.dialogOpen=!1,this.visible=!1},e.prototype.fullScreen=function(t){this.element.offsetTop,this.element.offsetLeft;if(t){o.addClass([this.element],"e-dlg-fullscreen");var e=this.element.style.display;this.element.style.display="none",this.element.style.maxHeight=l.isNullOrUndefined(this.target)?window.innerHeight+"px":this.targetEle.offsetHeight+"px",this.element.style.display=e,o.addClass([document.body],"e-scroll-disabled"),this.allowDragging&&!l.isNullOrUndefined(this.dragObj)&&this.dragObj.destroy()}else o.removeClass([this.element],"e-dlg-fullscreen"),o.removeClass([document.body],"e-scroll-disabled"),!this.allowDragging||this.isModal||l.isNullOrUndefined(this.headerContent)||this.setAllowDragging();return t},e}(i.Component);r([i.Property("")],f.prototype,"content",void 0),r([i.Property(!1)],f.prototype,"showCloseIcon",void 0),r([i.Property(!1)],f.prototype,"isModal",void 0),r([i.Property("")],f.prototype,"header",void 0),r([i.Property(!0)],f.prototype,"visible",void 0),r([i.Property("auto")],f.prototype,"height",void 0),r([i.Property("100%")],f.prototype,"width",void 0),r([i.Property("")],f.prototype,"cssClass",void 0),r([i.Property()],f.prototype,"zIndex",void 0),r([i.Property(null)],f.prototype,"target",void 0),r([i.Property("")],f.prototype,"footerTemplate",void 0),r([i.Property(!1)],f.prototype,"allowDragging",void 0),r([i.Collection([{}],d)],f.prototype,"buttons",void 0),r([i.Property(!0)],f.prototype,"closeOnEscape",void 0),r([i.Property({effect:"Fade",duration:400,delay:0})],f.prototype,"animationSettings",void 0),r([i.Property({X:"center",Y:"center"})],f.prototype,"position",void 0),r([i.Property("")],f.prototype,"locale",void 0),r([i.Event()],f.prototype,"created",void 0),r([i.Event()],f.prototype,"open",void 0),r([i.Event()],f.prototype,"beforeOpen",void 0),r([i.Event()],f.prototype,"close",void 0),r([i.Event()],f.prototype,"beforeClose",void 0),r([i.Event()],f.prototype,"dragStart",void 0),r([i.Event()],f.prototype,"dragStop",void 0),r([i.Event()],f.prototype,"drag",void 0),r([i.Event()],f.prototype,"overlayClick",void 0),f=r([n.NotifyPropertyChanges],f),e.Dialog=f,e.dialogBuilder=i.CreateBuilder(f)}.apply(e,o))&&(t.exports=n)},function(t,i){t.exports=e},function(t,e,i){var o,n;o=[i,e,i(11)],void 0!==(n=function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),function(t){for(var i in t)e.hasOwnProperty(i)||(e[i]=t[i])}(i)}.apply(e,o))&&(t.exports=n)},function(t,e,i){var o,n,s=this&&this.__extends||function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)e.hasOwnProperty(i)&&(t[i]=e[i])};return function(e,i){function o(){this.constructor=e}t(e,i),e.prototype=null===i?Object.create(i):(o.prototype=i.prototype,new o)}}(),r=this&&this.__decorate||function(t,e,i,o){var n,s=arguments.length,r=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,o);else for(var l=t.length-1;l>=0;l--)(n=t[l])&&(r=(s<3?n(r):s>3?n(e,i,r):n(e,i))||r);return s>3&&r&&Object.defineProperty(e,i,r),r};o=[i,e,i(4),i(4),i(4),i(4),i(4),i(2),i(3),i(5)],void 0!==(n=function(t,e,i,o,n,l,a,p,h,c){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var d="e-tooltip",u=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return s(e,t),e}(i.ChildProperty);r([i.Property({effect:"FadeIn",duration:150,delay:0})],u.prototype,"open",void 0),r([i.Property({effect:"FadeOut",duration:150,delay:0})],u.prototype,"close",void 0),e.Animation=u;var f=function(t){function e(e,i){return t.call(this,e,i)||this}return s(e,t),e.prototype.initialize=function(){this.formatPosition(),l.addClass([this.element],d)},e.prototype.formatPosition=function(){0===this.position.indexOf("top")||0===this.position.indexOf("bottom")?(t=this.position.split(" "),this.tooltipPositionY=t[0],this.tooltipPositionX=t[1]):(e=this.position.split(" "),this.tooltipPositionX=e[0],this.tooltipPositionY=e[1]);var t,e},e.prototype.renderArrow=function(){this.setTipClass(this.position);var t=l.createElement("div",{className:"e-arrow-tip "+this.tipClass});t.appendChild(l.createElement("div",{className:"e-arrow-tip-outer "+this.tipClass})),t.appendChild(l.createElement("div",{className:"e-arrow-tip-inner "+this.tipClass})),this.tooltipEle.appendChild(t)},e.prototype.setTipClass=function(t){0===t.indexOf("right")?this.tipClass="e-tip-left":0===t.indexOf("bottom")?this.tipClass="e-tip-top":0===t.indexOf("left")?this.tipClass="e-tip-right":this.tipClass="e-tip-bottom"},e.prototype.renderPopup=function(t){var e=this.mouseTrail?{top:0,left:0}:this.getTooltipPosition(t);this.popupObj=new p.Popup(this.tooltipEle,{height:this.height,width:this.width,position:{X:e.left,Y:e.top},enableRtl:this.enableRtl,open:this.openPopupHandler.bind(this),close:this.closePopupHandler.bind(this)})},e.prototype.getTooltipPosition=function(t){var e=h.calculatePosition(t,this.tooltipPositionX,this.tooltipPositionY),i=this.calculateTooltipOffset(this.position);return this.collisionFlipFit(t,e.left+i.left,e.top+i.top)},e.prototype.reposition=function(t){var e=this.getTooltipPosition(t);this.popupObj.position={X:e.left,Y:e.top},this.popupObj.dataBind()},e.prototype.openPopupHandler=function(){this.trigger("afterOpen",this.tooltipEventArgs)},e.prototype.closePopupHandler=function(){this.clear(),this.trigger("afterClose",this.tooltipEventArgs)},e.prototype.calculateTooltipOffset=function(t){var e={top:0,left:0},i=this.tooltipEle.offsetWidth,o=this.tooltipEle.offsetHeight,n=this.tooltipEle.querySelector(".e-arrow-tip"),s=n?n.offsetWidth:0,r=n?n.offsetHeight:0,l=this.showTipPointer?0:8,a=r/2+2+(this.tooltipEle.offsetHeight-this.tooltipEle.clientHeight),p=s/2+2+(this.tooltipEle.offsetWidth-this.tooltipEle.clientWidth);switch(this.mouseTrail&&(l+=2),t){case"right top":e.left+=s+l,e.top-=o-a;break;case"right center":e.left+=s+l,e.top-=o/2;break;case"right bottom":e.left+=s+l,e.top-=a;break;case"bottom right":e.top+=r+l,e.left-=p;break;case"bottom center":e.top+=r+l,e.left-=i/2;break;case"bottom left":e.top+=r+l,e.left-=i-p;break;case"left bottom":e.left-=s+i+l,e.top-=a;break;case"left center":e.left-=s+i+l,e.top-=o/2;break;case"left top":e.left-=s+i+l,e.top-=o-a;break;case"top left":e.top-=o+r+l,e.left-=i-p;break;case"top right":e.top-=o+r+l,e.left-=p;break;default:e.top-=o+r+l,e.left-=i/2}return e.left+=this.offsetX,e.top+=this.offsetY,e},e.prototype.updateTipPosition=function(t){var e=this.tooltipEle.querySelectorAll(".e-arrow-tip,.e-arrow-tip-outer,.e-arrow-tip-inner"),i=["e-tip-bottom","e-tip-top","e-tip-left","e-tip-right"];l.removeClass(e,i),this.setTipClass(t),l.addClass(e,this.tipClass)},e.prototype.adjustArrow=function(t,e,i,o){if(!1!==this.showTipPointer){this.updateTipPosition(e);var n,s,r=this.tooltipEle.clientWidth,l=this.tooltipEle.clientHeight,a=this.tooltipEle.querySelector(".e-arrow-tip"),p=a.offsetWidth,h=a.offsetHeight;if("e-tip-bottom"===this.tipClass||"e-tip-top"===this.tipClass){s="e-tip-bottom"===this.tipClass?"100%":-h+"px";var c="center"!==i||r>t.offsetWidth||this.mouseTrail;n=c&&"left"===i||!c&&"end"===this.tipPointerPosition?r-p-2+"px":c&&"right"===i||!c&&"start"===this.tipPointerPosition?"2px":r/2-p/2+"px"}else{n="e-tip-right"===this.tipClass?r+"px":-p+"px";var c="center"!==o||l>t.offsetHeight||this.mouseTrail;s=c&&"top"===o||!c&&"end"===this.tipPointerPosition?l-h-2+"px":c&&"bottom"===o||!c&&"start"===this.tipPointerPosition?"2px":l/2-h/2+"px"}a.style.top=s,a.style.left=n}},e.prototype.renderContent=function(t){var e=this.tooltipEle.querySelector(".e-tip-content");if(t&&!n.isNullOrUndefined(t.getAttribute("title"))&&(t.setAttribute("data-content",t.getAttribute("title")),t.removeAttribute("title")),n.isNullOrUndefined(this.content))t&&!n.isNullOrUndefined(t.getAttribute("data-content"))&&(e.innerHTML=t.getAttribute("data-content"));else if("string"==typeof this.content)e.innerHTML=this.content;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(this.content)}},e.prototype.renderCloseIcon=function(){if(this.isSticky){var t=l.createElement("div",{className:"e-icons e-tooltip-close"});this.tooltipEle.appendChild(t),o.EventHandler.add(t,o.Browser.touchStartEvent,this.onStickyClose,this)}},e.prototype.addDescribedBy=function(t,e){var i=(t.getAttribute("aria-describedby")||"").split(/\s+/);i.indexOf(e)<0&&i.push(e),l.attributes(t,{"aria-describedby":i.join(" ").trim(),"data-tooltip-id":e})},e.prototype.removeDescribedBy=function(t){var e=t.getAttribute("data-tooltip-id"),i=(t.getAttribute("aria-describedby")||"").split(/\s+/),o=i.indexOf(e);-1!==o&&i.splice(o,1),t.removeAttribute("data-tooltip-id");var n=i.join(" ").trim();n?t.setAttribute("aria-describedby",n):t.removeAttribute("aria-describedby")},e.prototype.tapHoldHandler=function(t){clearTimeout(this.autoCloseTimer),this.targetHover(t.originalEvent)},e.prototype.touchEndHandler=function(t){var e=this;if(!this.isSticky){var i=function(){e.close()};this.autoCloseTimer=setTimeout(i,1500)}},e.prototype.targetClick=function(t){var e;e=this.target?l.closest(t.target,this.target):this.element,n.isNullOrUndefined(e)||(null===e.getAttribute("data-tooltip-id")?this.targetHover(t):this.isSticky||this.hideTooltip(this.animation.close,t,e))},e.prototype.targetHover=function(t){var e;if(e=this.target?l.closest(t.target,this.target):this.element,!n.isNullOrUndefined(e)&&null===e.getAttribute("data-tooltip-id")){for(var i=[].slice.call(document.querySelectorAll("[data-tooltip-id= "+this.ctrlId+"_content]")),o=0,s=i;o<s.length;o++){var r=s[o];this.restoreElement(r)}this.showTooltip(e,this.animation.open,t),this.wireMouseEvents(t,e)}},e.prototype.showTooltip=function(t,e,i){var s=this;if(clearTimeout(this.showTimer),clearTimeout(this.hideTimer),this.tooltipEventArgs=i?{type:i.type,cancel:!1,target:t,event:i,element:this.tooltipEle}:{type:null,cancel:!1,target:t,event:null,element:this.tooltipEle},this.trigger("beforeRender",this.tooltipEventArgs),this.tooltipEventArgs.cancel)return this.isHidden=!0,void this.clear();if(this.isHidden=!1,n.isNullOrUndefined(this.tooltipEle)?(this.ctrlId=this.element.getAttribute("id")?n.getUniqueID(this.element.getAttribute("id")):n.getUniqueID("tooltip"),this.tooltipEle=l.createElement("div",{className:"e-tooltip-wrap e-popup",attrs:{role:"tooltip","aria-hidden":"false",id:this.ctrlId+"_content"},styles:"width:"+n.formatUnit(this.width)+";height:"+n.formatUnit(this.height)+";position:absolute;"}),this.cssClass&&l.addClass([this.tooltipEle],this.cssClass),o.Browser.isDevice&&l.addClass([this.tooltipEle],"e-bigger"),"auto"!==this.width&&(this.tooltipEle.style.maxWidth=n.formatUnit(this.width)),this.tooltipEle.appendChild(l.createElement("div",{className:"e-tip-content"})),document.body.appendChild(this.tooltipEle),this.addDescribedBy(t,this.ctrlId+"_content"),this.renderContent(t),l.addClass([this.tooltipEle],"e-popup-open"),this.showTipPointer&&this.renderArrow(),this.renderCloseIcon(),this.renderPopup(t)):(this.adjustArrow(t,this.position,this.tooltipPositionX,this.tooltipPositionY),this.addDescribedBy(t,this.ctrlId+"_content"),this.renderContent(t),o.Animation.stop(this.tooltipEle),this.reposition(t)),l.removeClass([this.tooltipEle],"e-popup-open"),l.addClass([this.tooltipEle],"e-popup-close"),this.tooltipEventArgs=i?{type:i.type,cancel:!1,target:t,event:i,element:this.tooltipEle}:{type:null,cancel:!1,target:t,event:null,element:this.tooltipEle},this.trigger("beforeOpen",this.tooltipEventArgs),this.tooltipEventArgs.cancel)return this.isHidden=!0,void this.clear();var r={name:e.effect,duration:e.duration,delay:e.delay,timingFunction:"easeOut"};if("None"===e.effect&&(r=void 0),this.openDelay>0){var a=function(){s.popupObj&&s.popupObj.show(r)};this.showTimer=setTimeout(a,this.openDelay)}else this.popupObj.show(r)},e.prototype.checkCollision=function(t,e,i){var o={left:e,top:i,position:this.position,horizontal:this.tooltipPositionX,vertical:this.tooltipPositionY},n=c.isCollide(this.tooltipEle,this.target?this.element:null,e,i);return n.length>0&&(o.horizontal=n.indexOf("left")>=0?"right":n.indexOf("right")>=0?"left":this.tooltipPositionX,o.vertical=n.indexOf("top")>=0?"bottom":n.indexOf("bottom")>=0?"top":this.tooltipPositionY),o},e.prototype.collisionFlipFit=function(t,e,i){var o=this.checkCollision(t,e,i),n=o.position;if(this.tooltipPositionY!==o.vertical&&(n=0===this.position.indexOf("bottom")||0===this.position.indexOf("top")?o.vertical+" "+this.tooltipPositionX:this.tooltipPositionX+" "+o.vertical),this.tooltipPositionX!==o.horizontal&&(0===n.indexOf("left")&&(o.vertical="left top"===n||"left center"===n?"top":"bottom",n=o.vertical+" left"),0===n.indexOf("right")&&(o.vertical="right top"===n||"right center"===n?"top":"bottom",n=o.vertical+" right"),o.horizontal=this.tooltipPositionX),o.position!==n){var s=h.calculatePosition(t,this.tooltipPositionX,o.vertical);this.adjustArrow(t,n,o.horizontal,o.vertical);var r=this.calculateTooltipOffset(n);o.position=n,o.left=s.left+r.left,o.top=s.top+r.top}else this.adjustArrow(t,n,o.horizontal,o.vertical);var l={left:o.left,top:o.top},a=c.fit(this.tooltipEle,this.target?this.element:null,{X:!0,Y:!1},l).left;if(this.showTipPointer&&(0===n.indexOf("bottom")||0===n.indexOf("top"))){var p=this.tooltipEle.querySelector(".e-arrow-tip"),d=parseInt(p.style.left,10)-(a-o.left);d<0?d=0:d+p.offsetWidth>this.tooltipEle.clientWidth&&(d=this.tooltipEle.clientWidth-p.offsetWidth),p.style.left=d.toString()+"px"}return l.left=a,l},e.prototype.hideTooltip=function(t,e,i){var o,s=this;if(e?(o=this.target?i||e.target:this.element,this.tooltipEventArgs={type:e.type,cancel:!1,target:o,event:e,element:this.tooltipEle}):(o=document.querySelector("[data-tooltip-id= "+this.ctrlId+"_content]"),this.tooltipEventArgs={type:null,cancel:!1,target:o,event:null,element:this.tooltipEle}),!n.isNullOrUndefined(o))if(this.trigger("beforeClose",this.tooltipEventArgs),this.tooltipEventArgs.cancel)this.isHidden=!1;else{this.restoreElement(o),this.isHidden=!0;var r={name:t.effect,duration:t.duration,delay:t.delay,timingFunction:"easeIn"};if("None"===t.effect&&(r=void 0),this.closeDelay>0){var l=function(){s.popupObj&&s.popupObj.hide(r)};this.hideTimer=setTimeout(l,this.closeDelay)}else this.popupObj.hide(r)}},e.prototype.restoreElement=function(t){this.unwireMouseEvents(t),n.isNullOrUndefined(t.getAttribute("data-content"))||(t.setAttribute("title",t.getAttribute("data-content")),t.removeAttribute("data-content")),this.removeDescribedBy(t)},e.prototype.clear=function(){this.tooltipEle&&(l.removeClass([this.tooltipEle],"e-popup-close"),l.addClass([this.tooltipEle],"e-popup-open")),this.isHidden&&(this.popupObj&&this.popupObj.destroy(),this.tooltipEle&&l.remove(this.tooltipEle),this.tooltipEle=null,this.popupObj=null)},e.prototype.onMouseOut=function(t){this.hideTooltip(this.animation.close,t)},e.prototype.onStickyClose=function(t){this.close()},e.prototype.onMouseMove=function(t){var e=0,i=0;t.type.indexOf("touch")>-1?(t.preventDefault(),e=t.touches[0].pageX,i=t.touches[0].pageY):(e=t.pageX,i=t.pageY),o.Animation.stop(this.tooltipEle),l.removeClass([this.tooltipEle],"e-popup-close"),l.addClass([this.tooltipEle],"e-popup-open"),this.adjustArrow(t.target,this.position,this.tooltipPositionX,this.tooltipPositionY);var n=this.calculateTooltipOffset(this.position),s=e+n.left+this.offsetX,r=i+n.top+this.offsetY,a=this.checkCollision(t.target,s,r);if(this.tooltipPositionX!==a.horizontal||this.tooltipPositionY!==a.vertical){var p=0===this.position.indexOf("bottom")||0===this.position.indexOf("top")?a.vertical+" "+a.horizontal:a.horizontal+" "+a.vertical;a.position=p,this.adjustArrow(t.target,a.position,a.horizontal,a.vertical);var h=this.calculateTooltipOffset(a.position);a.left=e+h.left+this.offsetX,a.top=i+h.top+this.offsetY}this.tooltipEle.style.left=a.left+"px",this.tooltipEle.style.top=a.top+"px"},e.prototype.keyDown=function(t){this.tooltipEle&&27===t.keyCode&&this.close()},e.prototype.touchEnd=function(t){this.tooltipEle&&null===l.closest(t.target,"."+d)&&this.close()},e.prototype.scrollHandler=function(t){this.tooltipEle&&this.close()},e.prototype.render=function(){this.initialize(),this.wireEvents(this.opensOn)},e.prototype.preRender=function(){this.tipClass="e-tip-bottom",this.tooltipPositionX="center",this.tooltipPositionY="top",this.isHidden=!0},e.prototype.wireEvents=function(t){for(var e=this.getTriggerList(t),i=0,n=e;i<n.length;i++){var s=n[i];if("custom"===s)return;"focus"===s&&this.wireFocusEvents(),"click"===s&&o.EventHandler.add(this.element,o.Browser.touchStartEvent,this.targetClick,this),"hover"===s&&(o.Browser.isDevice?(this.touchModule=new o.Touch(this.element,{tapHoldThreshold:500,tapHold:this.tapHoldHandler.bind(this)}),o.EventHandler.add(this.element,o.Browser.touchEndEvent,this.touchEndHandler,this)):o.EventHandler.add(this.element,"mouseover",this.targetHover,this))}o.EventHandler.add(document,"touchend",this.touchEnd,this),o.EventHandler.add(document,"scroll",this.scrollHandler,this),o.EventHandler.add(document,"keydown",this.keyDown,this)},e.prototype.getTriggerList=function(t){return"auto"===t&&(t=o.Browser.isDevice?"hover":"hover focus"),t.split(" ")},e.prototype.wireFocusEvents=function(){if(n.isNullOrUndefined(this.target))o.EventHandler.add(this.element,"focus",this.targetHover,this);else for(var t=[].slice.call(this.element.querySelectorAll(this.target)),e=0,i=t;e<i.length;e++){var s=i[e];o.EventHandler.add(s,"focus",this.targetHover,this)}},e.prototype.wireMouseEvents=function(t,e){this.isSticky||("focus"===t.type&&o.EventHandler.add(e,"blur",this.onMouseOut,this),"mouseover"===t.type&&o.EventHandler.add(e,"mouseleave",this.onMouseOut,this)),this.mouseTrail&&o.EventHandler.add(e,"mousemove touchstart",this.onMouseMove,this)},e.prototype.unwireEvents=function(t){for(var e=this.getTriggerList(t),i=0,n=e;i<n.length;i++){var s=n[i];if("custom"===s)return;"focus"===s&&this.unwireFocusEvents(),"click"===s&&o.EventHandler.remove(this.element,o.Browser.touchStartEvent,this.targetClick),"hover"===s&&(o.Browser.isDevice?(this.touchModule&&this.touchModule.destroy(),o.EventHandler.remove(this.element,o.Browser.touchEndEvent,this.touchEndHandler)):o.EventHandler.remove(this.element,"mouseover",this.targetHover))}o.EventHandler.remove(document,"touchend",this.touchEnd),o.EventHandler.remove(document,"scroll",this.scrollHandler),o.EventHandler.remove(document,"keydown",this.keyDown)},e.prototype.unwireFocusEvents=function(){if(n.isNullOrUndefined(this.target))o.EventHandler.remove(this.element,"focus",this.targetHover);else for(var t=[].slice.call(this.element.querySelectorAll(this.target)),e=0,i=t;e<i.length;e++){var s=i[e];o.EventHandler.remove(s,"focus",this.targetHover)}},e.prototype.unwireMouseEvents=function(t){if(!this.isSticky)for(var e=this.getTriggerList(this.opensOn),i=0,n=e;i<n.length;i++){var s=n[i];"focus"===s&&o.EventHandler.remove(t,"blur",this.onMouseOut),"hover"!==s||o.Browser.isDevice||o.EventHandler.remove(t,"mouseleave",this.onMouseOut)}this.mouseTrail&&o.EventHandler.remove(t,"mousemove touchstart",this.onMouseMove)},e.prototype.getModuleName=function(){return"tooltip"},e.prototype.getPersistData=function(){return this.addOnPersist([])},e.prototype.onPropertyChanged=function(t,e){for(var i=0,o=Object.keys(t);i<o.length;i++){switch(o[i]){case"width":this.tooltipEle&&(this.tooltipEle.style.width=n.formatUnit(t.width));break;case"height":this.tooltipEle&&(this.tooltipEle.style.height=n.formatUnit(t.height));break;case"content":this.tooltipEle&&this.renderContent();break;case"opensOn":this.unwireEvents(e.opensOn),this.wireEvents(t.opensOn);break;case"position":this.formatPosition();var s=document.querySelector("[data-tooltip-id= "+this.ctrlId+"_content]");this.tooltipEle&&s&&this.reposition(s);break;case"tipPointerPosition":var r=document.querySelector("[data-tooltip-id= "+this.ctrlId+"_content]");this.tooltipEle&&r&&this.reposition(r);break;case"offsetX":if(this.tooltipEle){var a=t.offsetX-e.offsetX;this.tooltipEle.style.left=(parseInt(this.tooltipEle.style.left,10)+a).toString()+"px"}break;case"offsetY":if(this.tooltipEle){var p=t.offsetY-e.offsetY;this.tooltipEle.style.top=(parseInt(this.tooltipEle.style.top,10)+p).toString()+"px"}break;case"cssClass":this.tooltipEle&&(e.cssClass&&l.removeClass([this.tooltipEle],e.cssClass),t.cssClass&&l.addClass([this.tooltipEle],t.cssClass));break;case"enableRtl":this.tooltipEle&&(this.enableRtl?l.addClass([this.tooltipEle],"e-rtl"):l.removeClass([this.tooltipEle],"e-rtl"))}}},e.prototype.open=function(t,e){void 0===e&&(e=this.animation.open),"none"!==t.style.display&&this.showTooltip(t,e)},e.prototype.close=function(t){void 0===t&&(t=this.animation.close),this.hideTooltip(t)},e.prototype.refresh=function(t){this.tooltipEle&&this.renderContent(t),this.popupObj&&t&&this.reposition(t)},e.prototype.destroy=function(){t.prototype.destroy.call(this),l.removeClass([this.element],d),this.unwireEvents(this.opensOn),this.popupObj&&this.popupObj.destroy(),this.tooltipEle&&l.remove(this.tooltipEle),this.tooltipEle=null,this.popupObj=null},e}(i.Component);r([i.Property("auto")],f.prototype,"width",void 0),r([i.Property("auto")],f.prototype,"height",void 0),r([i.Property()],f.prototype,"content",void 0),r([i.Property()],f.prototype,"target",void 0),r([i.Property("top center")],f.prototype,"position",void 0),r([i.Property(0)],f.prototype,"offsetX",void 0),r([i.Property(0)],f.prototype,"offsetY",void 0),r([i.Property(!0)],f.prototype,"showTipPointer",void 0),r([i.Property("auto")],f.prototype,"tipPointerPosition",void 0),r([i.Property("auto")],f.prototype,"opensOn",void 0),r([i.Property(!1)],f.prototype,"mouseTrail",void 0),r([i.Property(!1)],f.prototype,"isSticky",void 0),r([a.Complex({},u)],f.prototype,"animation",void 0),r([i.Property(0)],f.prototype,"openDelay",void 0),r([i.Property(0)],f.prototype,"closeDelay",void 0),r([i.Property()],f.prototype,"cssClass",void 0),r([i.Property(!1)],f.prototype,"enableRtl",void 0),r([i.Event()],f.prototype,"beforeRender",void 0),r([i.Event()],f.prototype,"beforeOpen",void 0),r([i.Event()],f.prototype,"afterOpen",void 0),r([i.Event()],f.prototype,"beforeClose",void 0),r([i.Event()],f.prototype,"afterClose",void 0),r([i.Event()],f.prototype,"created",void 0),r([i.Event()],f.prototype,"destroyed",void 0),f=r([a.NotifyPropertyChanges],f),e.Tooltip=f,e.tooltipBuilder=i.CreateBuilder(f)}.apply(e,o))&&(t.exports=n)},function(t,e,i){var o,n;o=[i,e,i(13)],void 0!==(n=function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),function(t){for(var i in t)e.hasOwnProperty(i)||(e[i]=t[i])}(i)}.apply(e,o))&&(t.exports=n)},function(t,e,i){var o,n;o=[i,e,i(4)],void 0!==(n=function(t,e,i){"use strict";function o(t){var e,o=C(t.target);if(i.isNullOrUndefined(t.cssClass)||o.wrap.classList.add(t.cssClass),i.isNullOrUndefined(t.template)&&i.isNullOrUndefined(_)){var s=i.isNullOrUndefined(t.type)?a(o.wrap):t.type;e=y(i.isNullOrUndefined(t.width)?void 0:t.width,s),p(s,o.wrap,e),i.isNullOrUndefined(t.label)||n(o.inner_wrap,t.label)}else{var r=i.isNullOrUndefined(t.template)?_:t.template;o.wrap.classList.add(it),v(o.wrap,r,D)}o.wrap.classList.add(W)}function n(t,e){var i=document.createElement("div");return i.classList.add(et),i.textContent=e,t.appendChild(i),i}function s(t,e){var i=g();R[i]={timeOut:0,type:"Material",radius:e},E(t,i),P(e,t)}function r(t,e,i){var o={};R[e].timeOut=0,o[e]=m(e,i,0,0),w({uniqueID:e,container:t,globalInfo:o,timeOutVar:0})}function l(t,e){var i=g();R[i]={timeOut:0,type:"Fabric",radius:e},b(t,i),A(e,t)}function a(t){return window.getComputedStyle(t,":after").getPropertyValue("content").replace(/['"]+/g,"")}function p(t,e,o){var n=e.querySelector("."+Q),r=n.querySelector("svg");switch(i.isNullOrUndefined(r)||n.removeChild(r),t){case"Material":s(n,o);break;case"Fabric":l(n,o);break;case"Bootstrap":h(n,o)}}function h(t,e){var i=g();R[i]={timeOut:0,type:"Bootstrap",radius:e},c(t,i),d(t,e)}function c(t,e){var i=document.createElementNS("http://www.w3.org/2000/svg","svg");i.setAttribute("id",e),i.setAttribute("class",G),i.setAttribute("viewBox","0 0 64 64"),t.insertBefore(i,t.firstChild);for(var o=0;o<=7;o++){var n=document.createElementNS("http://www.w3.org/2000/svg","circle");n.setAttribute("class",$+"_"+o),n.setAttribute("r","2"),n.setAttribute("transform","translate(32,32)"),i.appendChild(n)}}function d(t,e){var i=t.querySelector("svg.e-spin-bootstrap");i.style.width=i.style.height=e+"px";for(var o=90,n=0;n<=7;n++){var s=H(0,0,24,o),r=i.querySelector("."+$+"_"+n);r.setAttribute("cx",s.x+""),r.setAttribute("cy",s.y+""),o=o>=360?0:o,o+=45}}function u(t,e){function i(t){o.push(t),t===s&&1!==l||(t<=n&&t>1&&!r?t=parseFloat((t-.2).toFixed(2)):1===t?(t=7,t=parseFloat((t+.2).toFixed(2)),r=!0):t<8&&r?8===(t=parseFloat((t+.2).toFixed(2)))&&(r=!1):t<=8&&!r&&(t=parseFloat((t-.2).toFixed(2))),++l,i(t))}var o=[],n=t,s=e,r=!1,l=1;return i(n),o}function f(t){for(var e=t.querySelector("svg.e-spin-bootstrap"),i=e.getAttribute("id"),o=1;o<=8;o++){var n=t.getElementsByClassName("e-path-circle_"+(8===o?0:o))[0];!function(t,e,i,o,n){function s(e){R[n].isAnimate&&(++r,t.setAttribute("r",e+""),r>=o.length&&(r=0),R[n].timeOut=setTimeout(s.bind(null,o[r]),18))}var r=0;s(e)}(n,o,0,u(o,o),i)}}function v(t,e,o){i.isNullOrUndefined(o)||t.classList.add(o),t.querySelector(".e-spinner-inner").innerHTML=e}function y(t,e){var i="Material"===e?q:"Fabric"===e?F:z;return t=t?parseFloat(t+""):i,"Bootstrap"===e?t:t/2}function m(t,e,i,o){return{radius:e,count:i,previousId:o}}function g(){for(var t="",e="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789",i=0;i<5;i++)t+=e.charAt(Math.floor(Math.random()*e.length));return t}function b(t,e){var i=document.createElementNS("http://www.w3.org/2000/svg","svg");i.setAttribute("id",e),i.setAttribute("class",Z);var o=document.createElementNS("http://www.w3.org/2000/svg","path");o.setAttribute("class",$);var n=document.createElementNS("http://www.w3.org/2000/svg","path");n.setAttribute("class",tt),t.insertBefore(i,t.firstChild),i.appendChild(o),i.appendChild(n)}function E(t,e){var i=document.createElementNS("http://www.w3.org/2000/svg","svg");i.setAttribute("class",K),i.setAttribute("id",e);var o=document.createElementNS("http://www.w3.org/2000/svg","path");o.setAttribute("class",$),t.insertBefore(i,t.firstChild),i.appendChild(o)}function C(t){var e=document.createElement("div");e.classList.add(J);var i=document.createElement("div");return i.classList.add(Q),t.appendChild(e),e.appendChild(i),{wrap:e,inner_wrap:i}}function w(t){O(1,149,k,1333,t.globalInfo[t.uniqueID].count,75,t),t.globalInfo[t.uniqueID].count=++t.globalInfo[t.uniqueID].count%4}function O(t,e,o,n,s,r,l){function a(e){var i=Math.max(0,Math.min((new Date).getTime()-c,n));p(o(i,t,d,n),e.container),h===e.globalInfo[e.uniqueID].previousId&&i<n?R[e.uniqueID].timeOut=setTimeout(a.bind(null,e),1):w(e)}function p(t,e){if(!i.isNullOrUndefined(e.querySelector("svg.e-spin-material"))&&!i.isNullOrUndefined(e.querySelector("svg.e-spin-material").querySelector("path.e-path-circle"))){var o=e.querySelector("svg.e-spin-material"),n=o.querySelector("path.e-path-circle");n.setAttribute("stroke-dashoffset",N(u,f,t,r)+""),n.setAttribute("transform","rotate("+v+" "+u/2+" "+u/2+")")}}var h=++l.globalInfo[l.uniqueID].previousId,c=(new Date).getTime(),d=e-t,u=T(2*l.globalInfo[l.uniqueID].radius+""),f=x(u),v=-90*(l.globalInfo[l.uniqueID].count||0);a(l)}function P(t,e){var i=2*t,o=e.querySelector("svg.e-spin-material"),n=o.querySelector("path.e-path-circle"),s=x(i),r=i/2+"px";o.setAttribute("viewBox","0 0 "+i+" "+i),o.style.width=o.style.height=i+"px",o.style.transformOrigin=r+" "+r+" "+r,n.setAttribute("stroke-width",s+""),n.setAttribute("d",S(i,s)),n.setAttribute("stroke-dasharray",(i-s)*Math.PI*.75+""),n.setAttribute("stroke-dashoffset",N(i,s,1,75)+"")}function T(t){return parseFloat(t)}function S(t,e){var i=t/2,o=e/2;return"M"+i+","+o+"A"+(i-o)+","+(i-o)+" 0 1 1 "+o+","+i}function x(t){return.1*t}function N(t,e,i,o){return(t-e)*Math.PI*(3*o/100-i/100)}function k(t,e,i,o){var n=(t/=o)*t,s=n*t;return e+i*(6*s*n+-15*n*n+10*s)}function A(t,e){var i=t,o=t,n=2*t,s=e.querySelector(".e-spin-fabric"),r=s.querySelector(".e-path-circle"),l=s.querySelector(".e-path-arc"),a=n/2+"px";r.setAttribute("d",L(i,o,t)),l.setAttribute("d",M(i,o,t,315,45)),s.setAttribute("viewBox","0 0 "+n+" "+n),s.style.transformOrigin=a+" "+a+" "+a,s.style.width=s.style.height=n+"px"}function H(t,e,i,o){var n=(o-90)*Math.PI/180;return{x:t+i*Math.cos(n),y:e+i*Math.sin(n)}}function M(t,e,i,o,n){var s=H(t,e,i,n),r=H(t,e,i,o);return["M",s.x,s.y,"A",i,i,0,0,0,r.x,r.y].join(" ")}function L(t,e,i){return["M",t,e,"m",-i,0,"a",i,i,0,1,0,2*i,0,"a",i,i,0,1,0,2*-i,0].join(" ")}function j(t){I(t,!1)}function I(t,e){var o=t.classList.contains(J)?t:t.querySelector("."+J),n=o.querySelector("."+Q);if(e?!o.classList.contains(it)&&!o.classList.contains(W):!o.classList.contains(it)&&!o.classList.contains(V)){var s=o.querySelector("svg");if(i.isNullOrUndefined(s))return;var l=s.getAttribute("id");switch(R[l].isAnimate=!e,R[l].type){case"Material":e?clearTimeout(R[l].timeOut):r(n,l,R[l].radius);break;case"Bootstrap":e?clearTimeout(R[l].timeOut):f(n)}}e?i.classList(o,[W],[V]):i.classList(o,[V],[W])}function B(t){I(t,!0)}function U(t){void 0!==t.template&&(_=t.template,void 0!==t.template&&(D=t.cssClass));for(var e=document.querySelectorAll("."+J),i=0;i<e.length;i++)X(t.template,e[i],t.type,t.cssClass)}function X(t,e,o,n){i.isNullOrUndefined(t)&&!e.classList.contains(it)?(Y(e,o,n),e.classList.contains(V)?(e.classList.remove(V),j(e)):(e.classList.remove(W),B(e))):(_=t,i.isNullOrUndefined(n)||(D=n))}function Y(t,e,o){i.isNullOrUndefined(o)||t.classList.add(o);var n=t.querySelector("svg"),s="Bootstrap"===e?parseFloat(n.style.height):parseFloat(n.style.height)/2;if(n.getAttribute("class").split(/\s/).indexOf("e-spin-material")>=0){var r=n.getAttribute("id");clearTimeout(R[r].timeOut)}p(e,t,s)}Object.defineProperty(e,"__esModule",{value:!0});var R={},_=null,D=null,q=30,F=30,z=30,V="e-spin-show",W="e-spin-hide",K="e-spin-material",Z="e-spin-fabric",G="e-spin-bootstrap",J="e-spinner-pane",Q="e-spinner-inner",$="e-path-circle",tt="e-path-arc",et="e-spin-label",it="e-spin-template";e.createSpinner=o,e.showSpinner=j,e.hideSpinner=B,e.setSpinner=U}.apply(e,o))&&(t.exports=n)}])});
+!function(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(require("@syncfusion/ej2-base"),require("@syncfusion/ej2-buttons"));else if("function"==typeof define&&define.amd)define(["@syncfusion/ej2-base","@syncfusion/ej2-buttons"],e);else{var i="object"==typeof exports?e(require("@syncfusion/ej2-base"),require("@syncfusion/ej2-buttons")):e(t["@syncfusion/ej2-base"],t["@syncfusion/ej2-buttons"]);for(var o in i)("object"==typeof exports?exports:t)[o]=i[o]}}(this,function(t,e){return function(t){function e(o){if(i[o])return i[o].exports;var n=i[o]={exports:{},id:o,loaded:!1};return t[o].call(n.exports,n,n.exports,e),n.loaded=!0,n.exports}var i={};return e.m=t,e.c=i,e.p="",e(0)}([function(t,e,i){var o,n;o=[i,e,i(1),i(6),i(7),i(10),i(12)],void 0!==(n=function(t,e,i,o,n,s,r){"use strict";function l(t){for(var i in t)e.hasOwnProperty(i)||(e[i]=t[i])}Object.defineProperty(e,"__esModule",{value:!0}),l(i),l(o),l(n),l(s),l(r)}.apply(e,o))&&(t.exports=n)},function(t,e,i){var o,n;o=[i,e,i(2)],void 0!==(n=function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),function(t){for(var i in t)e.hasOwnProperty(i)||(e[i]=t[i])}(i)}.apply(e,o))&&(t.exports=n)},function(t,e,i){var o,n,s=this&&this.__extends||function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)e.hasOwnProperty(i)&&(t[i]=e[i])};return function(e,i){function o(){this.constructor=e}t(e,i),e.prototype=null===i?Object.create(i):(o.prototype=i.prototype,new o)}}(),r=this&&this.__decorate||function(t,e,i,o){var n,s=arguments.length,r=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,o);else for(var l=t.length-1;l>=0;l--)(n=t[l])&&(r=(s<3?n(r):s>3?n(e,i,r):n(e,i))||r);return s>3&&r&&Object.defineProperty(e,i,r),r};o=[i,e,i(4),i(4),i(4),i(3),i(4),i(4),i(4),i(5)],void 0!==(n=function(t,e,i,o,n,l,a,p,h,c){"use strict";function d(t){for(var e=getComputedStyle(t),i=[],o=/(auto|scroll)/,n=t.parentElement;n&&"HTML"!==n.tagName;){var s=getComputedStyle(n);"absolute"===e.position&&"static"===s.position||!o.test(s.overflow+s.overflowY+s.overflowX)||i.push(n),n=n.parentElement}return i.push(document),i}Object.defineProperty(e,"__esModule",{value:!0});var u={ROOT:"e-popup",RTL:"e-rtl",OPEN:"e-popup-open",CLOSE:"e-popup-close"},f=function(t){function e(e,i){return t.call(this,i,e)||this}return s(e,t),e.prototype.onPropertyChanged=function(t,e){for(var n=0,s=Object.keys(t);n<s.length;n++){switch(s[n]){case"width":i.setStyleAttribute(this.element,{width:o.formatUnit(t.width)});break;case"height":i.setStyleAttribute(this.element,{height:o.formatUnit(t.height)});break;case"zIndex":i.setStyleAttribute(this.element,{zIndex:t.zIndex});break;case"enableRtl":this.setEnableRtl();break;case"position":case"relateTo":this.refreshPosition();break;case"offsetX":var r=t.offsetX-e.offsetX;this.element.style.left=(parseInt(this.element.style.left,10)+r).toString()+"px";break;case"offsetY":var l=t.offsetY-e.offsetY;this.element.style.top=(parseInt(this.element.style.top,10)+l).toString()+"px";break;case"content":this.setContent();break;case"actionOnScroll":"none"!==t.actionOnScroll?this.wireScrollEvents():this.unwireScrollEvents()}}},e.prototype.getModuleName=function(){return"popup"},e.prototype.getPersistData=function(){return this.addOnPersist([])},e.prototype.destroy=function(){this.element.classList.remove(u.ROOT,u.RTL),this.unwireEvents(),t.prototype.destroy.call(this)},e.prototype.render=function(){this.element.classList.add(u.ROOT);var t={};1e3!==this.zIndex&&(t.zIndex=this.zIndex),"auto"!==this.width&&(t.width=o.formatUnit(this.width)),"auto"!==this.height&&(t.height=o.formatUnit(this.height)),i.setStyleAttribute(this.element,t),this.setEnableRtl(),this.setContent(),this.wireEvents()},e.prototype.wireEvents=function(){n.Browser.isDevice&&h.EventHandler.add(window,"orientationchange",this.orientationOnChange,this),"none"!==this.actionOnScroll&&this.wireScrollEvents()},e.prototype.wireScrollEvents=function(){if(this.getRelateToElement())for(var t=0,e=this.getScrollableParent(this.getRelateToElement());t<e.length;t++){var i=e[t];h.EventHandler.add(i,"scroll",this.scrollRefresh,this)}},e.prototype.unwireEvents=function(){n.Browser.isDevice&&h.EventHandler.remove(window,"orientationchange",this.orientationOnChange),"none"!==this.actionOnScroll&&this.unwireScrollEvents()},e.prototype.unwireScrollEvents=function(){if(this.getRelateToElement())for(var t=0,e=this.getScrollableParent(this.getRelateToElement());t<e.length;t++){var i=e[t];h.EventHandler.remove(i,"scroll",this.scrollRefresh)}},e.prototype.getRelateToElement=function(){return"string"==typeof this.relateTo?document.querySelector(this.relateTo):this.relateTo},e.prototype.scrollRefresh=function(t){if("reposition"===this.actionOnScroll?this.element.offsetParent===t.target||this.element.offsetParent&&"BODY"===this.element.offsetParent.tagName&&null==t.target.parentElement||this.refreshPosition():"hide"===this.actionOnScroll&&this.hide(),"none"!==this.actionOnScroll&&this.getRelateToElement()){var e=this.isElementOnViewport(this.getRelateToElement(),t.target);e||this.targetInvisibleStatus?e&&(this.targetInvisibleStatus=!1):(this.trigger("targetExitViewport"),this.targetInvisibleStatus=!0)}},e.prototype.isElementOnViewport=function(t,e){for(var i=this.getScrollableParent(t),o=0;o<i.length;o++)if(!this.isElementVisible(t,i[o]))return!1;return!0},e.prototype.isElementVisible=function(t,e){var i=t.getBoundingClientRect();if(!i.height||!i.width)return!1;if(e.getBoundingClientRect){var o=e.getBoundingClientRect();return!(i.bottom<o.top||i.bottom>o.bottom||i.right>o.right||i.left<o.left)}var n=window,s={top:n.scrollY,left:n.scrollX,right:n.scrollX+n.outerWidth,bottom:n.scrollY+n.outerHeight},r=l.calculatePosition(t),a={top:r.top,left:r.left,right:r.left+i.width,bottom:r.top+i.height},p={top:s.bottom-a.top,left:s.right-a.left,bottom:a.bottom-s.top,right:a.right-s.left};return p.top>0&&p.left>0&&p.right>0&&p.bottom>0},e.prototype.preRender=function(){},e.prototype.setEnableRtl=function(){this.reposition(),this.enableRtl?this.element.classList.add(u.RTL):this.element.classList.remove(u.RTL)},e.prototype.setContent=function(){o.isNullOrUndefined(this.content)||(this.element.innerHTML="","string"==typeof this.content?this.element.textContent=this.content:this.element.appendChild(this.content))},e.prototype.orientationOnChange=function(){var t=this;setTimeout(function(){t.refreshPosition()},200)},e.prototype.refreshPosition=function(){this.reposition(),this.checkCollision()},e.prototype.reposition=function(){var t,e=this.getRelateToElement();if("number"==typeof this.position.X&&"number"==typeof this.position.Y)t={left:this.position.X,top:this.position.Y};else if(e){var i=this.element.style.display;this.element.style.display="block",t=this.getAnchorPosition(e,this.element,this.position,this.offsetX,this.offsetY),this.element.style.display=i}else t={left:0,top:0};this.element.style.left=t.left+"px",this.element.style.top=t.top+"px"},e.prototype.getAnchorPosition=function(t,e,i,o,n){var s=e.getBoundingClientRect(),r=t.getBoundingClientRect(),a=t,p={left:0,top:0};switch(p=e.offsetParent&&"BODY"===e.offsetParent.tagName&&"BODY"===t.tagName?l.calculatePosition(t):l.calculateRelativeBasedPosition(a,e),i.X){default:case"left":break;case"center":"container"===this.targetType?p.left+=r.width/2-s.width/2:p.left+=r.width/2;break;case"right":"container"===this.targetType?p.left+=r.width-s.width:p.left+=r.width}switch(i.Y){default:case"top":break;case"center":"container"===this.targetType?p.top+=r.height/2-s.height/2:p.top+=r.height/2;break;case"bottom":"container"===this.targetType?p.top+=r.height-s.height:p.top+=r.height}return p.left+=o,p.top+=n,p},e.prototype.callFlip=function(t){var e=this.getRelateToElement();c.flip(this.element,e,this.offsetX,this.offsetY,this.position.X,this.position.Y,this.viewPortElement,t)},e.prototype.callFit=function(t){if(0!==c.isCollide(this.element,this.viewPortElement).length){var e=c.fit(this.element,this.viewPortElement,t);this.element.style.left=e.left+"px",this.element.style.top=e.top+"px"}},e.prototype.checkCollision=function(){var t=this.collision.X,e=this.collision.Y;"none"===t&&"none"===e||("flip"===t&&"flip"===e?this.callFlip({X:!0,Y:!0}):"fit"===t&&"fit"===e?this.callFit({X:!0,Y:!0}):("fit"===t?this.callFit({X:!0,Y:!1}):"fit"===e&&this.callFit({X:!1,Y:!0}),"flip"===t?this.callFlip({X:!0,Y:!1}):"flip"===e&&this.callFlip({Y:!0,X:!1})))},e.prototype.show=function(t){var e=this;t=o.isNullOrUndefined(t)||"object"!=typeof t?this.showAnimation:t,"none"===this.collision.X&&"none"===this.collision.Y||(i.removeClass([this.element],u.CLOSE),i.addClass([this.element],u.OPEN),this.checkCollision(),i.removeClass([this.element],u.OPEN),i.addClass([this.element],u.CLOSE)),o.isNullOrUndefined(t)?(i.removeClass([this.element],u.CLOSE),i.addClass([this.element],u.OPEN),this.trigger("open")):(t.begin=function(){e.isDestroyed||(i.removeClass([e.element],u.CLOSE),i.addClass([e.element],u.OPEN))},t.end=function(){e.isDestroyed||e.trigger("open")},new a.Animation(t).animate(this.element))},e.prototype.hide=function(t){var e=this;t=o.isNullOrUndefined(t)||"object"!=typeof t?this.hideAnimation:t,o.isNullOrUndefined(t)?(i.removeClass([this.element],u.OPEN),i.addClass([this.element],u.CLOSE),this.trigger("close")):(t.end=function(){e.isDestroyed||(i.removeClass([e.element],u.OPEN),i.addClass([e.element],u.CLOSE),e.trigger("close"))},new a.Animation(t).animate(this.element))},e.prototype.getScrollableParent=function(t){return d(t)},r([a.Property("auto")],e.prototype,"height",void 0),r([a.Property("auto")],e.prototype,"width",void 0),r([a.Property(null)],e.prototype,"content",void 0),r([a.Property("container")],e.prototype,"targetType",void 0),r([a.Property(null)],e.prototype,"viewPortElement",void 0),r([a.Property({X:"none",Y:"none"})],e.prototype,"collision",void 0),r([a.Property(document.body)],e.prototype,"relateTo",void 0),r([a.Property({X:"left",Y:"top"})],e.prototype,"position",void 0),r([a.Property(0)],e.prototype,"offsetX",void 0),r([a.Property(0)],e.prototype,"offsetY",void 0),r([a.Property(1e3)],e.prototype,"zIndex",void 0),r([a.Property(!1)],e.prototype,"enableRtl",void 0),r([a.Property("reposition")],e.prototype,"actionOnScroll",void 0),r([a.Property(null)],e.prototype,"showAnimation",void 0),r([a.Property(null)],e.prototype,"hideAnimation",void 0),r([a.Event()],e.prototype,"open",void 0),r([a.Event()],e.prototype,"close",void 0),r([a.Event()],e.prototype,"targetExitViewport",void 0),e=r([p.NotifyPropertyChanges],e)}(a.Component);e.Popup=f,e.getScrollableParent=d}.apply(e,o))&&(t.exports=n)},function(t,e,i){var o,n;o=[i,e],void 0!==(n=function(t,e){"use strict";function i(t,e){var i={left:0,top:0},o=t;if(!t||!e)return i;for(;e.offsetParent&&t&&e.offsetParent!==t;)i.left+=t.offsetLeft,i.top+=t.offsetTop,t=t.offsetParent;for(t=o;e.offsetParent&&t&&e.offsetParent!==t;)i.left-=t.scrollLeft,i.top-=t.scrollTop,t=t.parentElement;return i}function o(t,e,i){if(!t)return{left:0,top:0};e||(e="left"),i||(i="top"),m=t.ownerDocument,y=t;var o={left:0,top:0};return r(e.toLowerCase(),i.toLowerCase(),o)}function n(t,e){e.left=t}function s(t,e){e.top=t}function r(t,e,i){switch(v=y.getBoundingClientRect(),e+t){case"topcenter":n(f(),i),s(c(),i);break;case"topright":n(u(),i),s(c(),i);break;case"centercenter":n(f(),i),s(h(),i);break;case"centerright":n(u(),i),s(h(),i);break;case"centerleft":n(d(),i),s(h(),i);break;case"bottomcenter":n(f(),i),s(p(),i);break;case"bottomright":n(u(),i),s(p(),i);break;case"bottomleft":n(d(),i),s(p(),i);break;default:case"topleft":n(d(),i),s(c(),i)}return i}function l(){return m.documentElement.scrollTop||m.body.scrollTop}function a(){return m.documentElement.scrollLeft||m.body.scrollLeft}function p(){return v.bottom+l()}function h(){return c()+v.height/2}function c(){return v.top+l()}function d(){return v.left+a()}function u(){return v.right+a()}function f(){return d()+v.width/2}Object.defineProperty(e,"__esModule",{value:!0});var v,y,m;e.calculateRelativeBasedPosition=i,e.calculatePosition=o}.apply(e,o))&&(t.exports=n)},function(e,i){e.exports=t},function(t,e,i){var o,n;o=[i,e,i(3)],void 0!==(n=function(t,e,i){"use strict";function o(t,e,o,n){if(void 0===e&&(e=null),void 0===o&&(o={X:!1,Y:!1}),!o.Y&&!o.X)return{left:0,top:0};var s=t.getBoundingClientRect();if(S=e,T=t.ownerDocument,n||(n=i.calculatePosition(t,"left","top")),o.X){var r=S?u():P(),l=g(),a=b(),p=l-n.left,h=n.left+s.width-a;s.width>r?n.left=p>0&&h<=0?a-s.width:h>0&&p<=0?l:p>h?a-s.width:l:p>0?n.left+=p:h>0&&(n.left-=h)}if(o.Y){var c=S?f():O(),d=m(),v=E(),y=d-n.top,C=n.top+s.height-v;s.height>c?n.top=y>0&&C<=0?v-s.height:C>0&&y<=0?d:y>C?v-s.height:d:y>0?n.top+=y:C>0&&(n.top-=C)}return n}function n(t,e,o,n){void 0===e&&(e=null);var s=i.calculatePosition(t,"left","top");o&&(s.left=o),n&&(s.top=n);var r=[];S=e,T=t.ownerDocument;var l=t.getBoundingClientRect(),a=s.top,h=s.left,c=s.left+l.width,u=s.top+l.height,f=d(a,u),v=p(h,c);return f.topSide&&r.push("top"),v.rightSide&&r.push("right"),v.leftSide&&r.push("left"),f.bottomSide&&r.push("bottom"),r}function s(t,e,i,o,n,s,p,d){if(void 0===p&&(p=null),void 0===d&&(d={X:!0,Y:!0}),e&&t&&n&&s&&(d.X||d.Y)){var u={TL:null,TR:null,BL:null,BR:null},f={TL:null,TR:null,BL:null,BR:null},v=t.getBoundingClientRect(),y={posX:n,posY:s,offsetX:i,offsetY:o,position:{left:0,top:0}};S=p,T=e.ownerDocument,l(e,u,y),a(f,y,v),d.X&&h(e,f,u,y,v,!0),d.Y&&u.TL.top>-1&&c(e,f,u,y,v,!0),r(t,y)}}function r(t,e){var o=0,n=0;if(null!=t.offsetParent&&("absolute"===getComputedStyle(t.offsetParent).position||"relative"===getComputedStyle(t.offsetParent).position)){var s=i.calculatePosition(t.offsetParent,"left","top");o=s.left,n=s.top}t.style.top=e.position.top+e.offsetY-n+"px",t.style.left=e.position.left+e.offsetX-o+"px"}function l(t,e,o){o.position=i.calculatePosition(t,o.posX,o.posY),e.TL=i.calculatePosition(t,"left","top"),e.TR=i.calculatePosition(t,"right","top"),e.BR=i.calculatePosition(t,"left","bottom"),e.BL=i.calculatePosition(t,"right","bottom")}function a(t,e,i){t.TL={top:e.position.top+e.offsetY,left:e.position.left+e.offsetX},t.TR={top:t.TL.top,left:t.TL.left+i.width},t.BL={top:t.TL.top+i.height,left:t.TL.left},t.BR={top:t.TL.top+i.height,left:t.TL.left+i.width}}function p(t,e){var i=!1,o=!1;return t-w()<g()&&(i=!0),e>b()&&(o=!0),{leftSide:i,rightSide:o}}function h(t,e,o,n,s,r){var l=p(e.TL.left,e.TR.left);o.TL.left-w()<=g()&&(l.leftSide=!1),o.TR.left>=b()&&(l.rightSide=!1),(l.leftSide&&!l.rightSide||!l.leftSide&&l.rightSide)&&("right"===n.posX?n.posX="left":n.posX="right",n.offsetX=n.offsetX+s.width,n.offsetX=-1*n.offsetX,n.position=i.calculatePosition(t,n.posX,n.posY),a(e,n,s),r&&h(t,e,o,n,s,!1))}function c(t,e,o,n,s,r){var l=d(e.TL.top,e.BL.top);o.TL.top-C()<=m()&&(l.topSide=!1),o.BL.top>=E()&&(l.bottomSide=!1),(l.topSide&&!l.bottomSide||!l.topSide&&l.bottomSide)&&("top"===n.posY?n.posY="bottom":n.posY="top",n.offsetY=n.offsetY+s.height,n.offsetY=-1*n.offsetY,n.position=i.calculatePosition(t,n.posX,n.posY),a(e,n,s),r&&c(t,e,o,n,s,!1))}function d(t,e){var i=!1,o=!1;return t-C()<m()&&(i=!0),e>E()&&(o=!0),{topSide:i,bottomSide:o}}function u(){return S.getBoundingClientRect().width}function f(){return S.getBoundingClientRect().height}function v(){return S.getBoundingClientRect().left}function y(){return S.getBoundingClientRect().top}function m(){return S?y():0}function g(){return S?v():0}function b(){return S?w()+v()+u():w()+P()}function E(){return S?C()+y()+f():C()+O()}function C(){return T.documentElement.scrollTop||T.body.scrollTop}function w(){return T.documentElement.scrollLeft||T.body.scrollLeft}function O(){return window.innerHeight}function P(){return window.innerWidth}Object.defineProperty(e,"__esModule",{value:!0});var T,S;e.fit=o,e.isCollide=n,e.flip=s}.apply(e,o))&&(t.exports=n)},function(t,e,i){var o,n;o=[i,e,i(3),i(5)],void 0!==(n=function(t,e,i,o){"use strict";function n(t){for(var i in t)e.hasOwnProperty(i)||(e[i]=t[i])}Object.defineProperty(e,"__esModule",{value:!0}),n(i),n(o)}.apply(e,o))&&(t.exports=n)},function(t,e,i){var o,n;o=[i,e,i(8)],void 0!==(n=function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),function(t){for(var i in t)e.hasOwnProperty(i)||(e[i]=t[i])}(i)}.apply(e,o))&&(t.exports=n)},function(t,e,i){var o,n,s=this&&this.__extends||function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)e.hasOwnProperty(i)&&(t[i]=e[i])};return function(e,i){function o(){this.constructor=e}t(e,i),e.prototype=null===i?Object.create(i):(o.prototype=i.prototype,new o)}}(),r=this&&this.__decorate||function(t,e,i,o){var n,s=arguments.length,r=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,o);else for(var l=t.length-1;l>=0;l--)(n=t[l])&&(r=(s<3?n(r):s>3?n(e,i,r):n(e,i))||r);return s>3&&r&&Object.defineProperty(e,i,r),r};o=[i,e,i(4),i(4),i(4),i(4),i(4),i(4),i(2),i(9)],void 0!==(n=function(t,e,i,o,n,l,a,p,h,c){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var d=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return s(e,t),r([i.Property()],e.prototype,"buttonModel",void 0),r([i.Property()],e.prototype,"click",void 0),e}(n.ChildProperty);e.ButtonProps=d;var u="e-dialog",f=function(t){function e(e,i){return t.call(this,e,i)||this}return s(e,t),e.prototype.render=function(){this.initialize(),this.initRender(),this.wireEvents()},e.prototype.preRender=function(){var t=this;this.closeIconClickEventHandler=function(e){t.hide(),t.closedFrom=e},this.dlgOverlayClickEventHandler=function(e){t.trigger("overlayClick",e)}},e.prototype.keyDown=function(t){var e=this;9===t.keyCode&&this.isModal&&(document.activeElement!==this.btnObj.element||t.shiftKey||(t.preventDefault(),this.focusableElements(this.element).focus()),document.activeElement===this.focusableElements(this.element)&&t.shiftKey&&(t.preventDefault(),this.btnObj.element.focus()));var i=document.activeElement,o=["input","textarea"].indexOf(i.tagName.toLowerCase())>-1,n=!1;if(o||(n=i.hasAttribute("contenteditable")&&"true"===i.getAttribute("contenteditable")),27===t.keyCode&&this.closeOnEscape&&(this.hide(),this.closedFrom=t),13===t.keyCode&&"button"===i.tagName.toLowerCase()&&i.classList.contains("e-primary")&&!l.isNullOrUndefined(this.primaryButtonEle)||13===t.keyCode&&!t.ctrlKey&&"textarea"!==i.tagName.toLowerCase()&&o&&!l.isNullOrUndefined(this.primaryButtonEle)||13===t.keyCode&&t.ctrlKey&&("textarea"===i.tagName.toLowerCase()||n)&&!l.isNullOrUndefined(this.primaryButtonEle)){var s;this.buttons.some(function(t,e){s=e;var i=t.buttonModel;return!l.isNullOrUndefined(i)&&!0===i.isPrimary})&&"function"==typeof this.buttons[s].click&&setTimeout(function(){e.buttons[s].click.call(e,t)})}},e.prototype.initialize=function(){l.isNullOrUndefined(this.target)||(this.targetEle="string"==typeof this.target?document.querySelector(this.target):this.target),o.addClass([this.element],u),i.Browser.isDevice&&o.addClass([this.element],"e-device"),this.setCSSClass(),this.setMaxHeight()},e.prototype.initRender=function(){var t=this;o.attributes(this.element,{role:"dialog"}),l.isNullOrUndefined(this.zIndex)&&this.getZindexPartial(),""!==this.header&&this.setHeader(),this.showCloseIcon&&this.renderCloseIcon(),l.isNullOrUndefined(this.content)||""===this.content?this.element.hasChildNodes()&&(this.contentEle=this.element):this.setContent(),""!==this.footerTemplate&&this.setFooterTemplate(),l.isNullOrUndefined(this.buttons[0].buttonModel)||""!==this.footerTemplate||this.setButton(),!this.allowDragging||this.isModal||l.isNullOrUndefined(this.headerContent)||this.setAllowDragging(),o.attributes(this.element,{"aria-modal":this.isModal?"true":"false"}),this.isModal&&this.setIsModal(),l.isNullOrUndefined(this.targetEle)||(this.isModal?this.targetEle.appendChild(this.dlgContainer):this.targetEle.appendChild(this.element)),this.popupObj=new h.Popup(this.element,{height:this.height,width:this.width,zIndex:this.zIndex,relateTo:this.target,actionOnScroll:"none",open:function(){t.focusContent(),t.trigger("open")},close:function(e){t.unBindEvent(t.element),t.isModal&&(t.dlgContainer.style.display="none"),t.trigger("close",t.closedFrom),t.closedFrom={},l.isNullOrUndefined(t.storeActiveElement)||t.storeActiveElement.focus()}}),this.positionChange(),this.setEnableRTL(),o.addClass([this.element],"e-popup-close"),this.visible?this.show():this.isModal&&(this.dlgOverlay.style.display="none")},e.prototype.positionChange=function(){this.isModal?this.dlgContainer.classList.add("e-dlg-"+this.position.X+"-"+this.position.Y):this.popupObj.setProperties({position:{X:this.position.X,Y:this.position.Y}})},e.prototype.getZindexPartial=function(){for(var t=this.element.parentElement,e=[];t&&"BODY"!==t.tagName;){var i=document.defaultView.getComputedStyle(t,null).getPropertyValue("z-index"),o=document.defaultView.getComputedStyle(t,null).getPropertyValue("position");"auto"!==i&&"static"!==o&&e.push(i),t=t.parentElement}for(var n=[],s=0;s<document.body.children.length;s++)if(!this.element.isEqualNode(document.body.children[s])){var i=document.defaultView.getComputedStyle(document.body.children[s],null).getPropertyValue("z-index"),o=document.defaultView.getComputedStyle(document.body.children[s],null).getPropertyValue("position");"auto"!==i&&"static"!==o&&n.push(i)}n.push("999");var r=e.concat(n);this.zIndex=Math.max.apply(Math,r)+1},e.prototype.setAllowDragging=function(){var t=this;this.dragObj=new p.Draggable(this.element,{clone:!1,handle:".e-dlg-header-content",dragStart:function(e){t.trigger("dragStart",e)},dragStop:function(e){t.trigger("dragStop",e)},drag:function(e){t.trigger("drag",e)}}),l.isNullOrUndefined(this.targetEle)||(this.dragObj.dragArea=this.targetEle)},e.prototype.setButton=function(){this.buttonContent=[];for(var t=0;t<this.buttons.length;t++){var e=o.createElement("button",{attrs:{type:"button"}});this.buttonContent.push(e.outerHTML)}this.setFooterTemplate();for(var t=0;t<this.buttons.length;t++)this.btnObj=new c.Button(this.buttons[t].buttonModel),"function"==typeof this.buttons[t].click&&a.EventHandler.add(this.ftrTemplateContent.children[t],"click",this.buttons[t].click,this),this.btnObj.appendTo(this.ftrTemplateContent.children[t]),this.primaryButtonEle=this.element.getElementsByClassName("e-primary")[0]},e.prototype.setContent=function(){o.attributes(this.element,{"aria-describedby":this.element.id+"_dialog-content"}),this.contentEle=o.createElement("div",{className:"e-dlg-content",id:this.element.id+"_dialog-content"}),"string"==typeof this.content?this.contentEle.innerHTML=this.content:this.contentEle.appendChild(this.content),l.isNullOrUndefined(this.headerContent)?this.element.insertBefore(this.contentEle,this.element.children[0]):this.element.insertBefore(this.contentEle,this.element.children[1]),"auto"===this.height&&this.setMaxHeight()},e.prototype.setMaxHeight=function(){var t=this.element.style.display;this.element.style.display="none",this.element.style.maxHeight=l.isNullOrUndefined(this.target)?window.innerHeight-20+"px":this.targetEle.offsetHeight-20+"px",this.element.style.display=t},e.prototype.setEnableRTL=function(){this.enableRtl?o.addClass([this.element],"e-rtl"):o.removeClass([this.element],"e-rtl")},e.prototype.setHeader=function(){this.headerEle=o.createElement("div",{id:this.element.id+"_title",className:"e-dlg-header",innerHTML:this.header}),o.attributes(this.element,{"aria-labelledby":this.element.id+"_title"}),this.createHeaderContent(),this.headerContent.appendChild(this.headerEle),this.element.insertBefore(this.headerContent,this.element.children[0])},e.prototype.setFooterTemplate=function(){this.ftrTemplateContent=o.createElement("div",{className:"e-footer-content",innerHTML:""!==this.footerTemplate?this.footerTemplate:this.buttonContent.join("")}),this.element.appendChild(this.ftrTemplateContent)},e.prototype.createHeaderContent=function(){l.isNullOrUndefined(this.headerContent)&&(this.headerContent=o.createElement("div",{className:"e-dlg-header-content"}))},e.prototype.renderCloseIcon=function(){this.closeIcon=o.createElement("button",{className:"e-dlg-closeicon-btn",attrs:{type:"button"}}),this.closeIconBtnObj=new c.Button({cssClass:"e-flat",iconCss:"e-icon-dlg-close e-icons"}),this.closeIconTitle(),l.isNullOrUndefined(this.headerContent)?(this.createHeaderContent(),o.prepend([this.closeIcon],this.headerContent),this.element.insertBefore(this.headerContent,this.element.children[0])):o.prepend([this.closeIcon],this.headerContent),this.closeIconBtnObj.appendTo(this.closeIcon)},e.prototype.closeIconTitle=function(){if(""!==this.locale){var t=new i.L10n("Dialog",{locale:"Close"});t.setLocale(this.locale);var e=t.getConstant("Close");this.closeIcon.setAttribute("title",e)}else this.closeIcon.setAttribute("title","Close")},e.prototype.setCSSClass=function(t){this.cssClass&&o.addClass([this.element],this.cssClass.split(" ")),t&&o.removeClass([this.element],t.split(" "))},e.prototype.setIsModal=function(){this.dlgContainer=o.createElement("div",{className:"e-dlg-container"}),this.element.parentNode.insertBefore(this.dlgContainer,this.element),this.dlgContainer.appendChild(this.element),o.addClass([this.element],"e-dlg-modal"),this.dlgOverlay=o.createElement("div",{className:"e-dlg-overlay"}),this.dlgOverlay.style.zIndex=(this.zIndex-1).toString(),this.dlgContainer.appendChild(this.dlgOverlay)},e.prototype.getValidFocusNode=function(t){for(var e,i=0;i<t.length;i++)if(e=t[i],(e.clientHeight>0||"a"===e.tagName.toLowerCase()&&e.hasAttribute("href"))&&e.tabIndex>-1&&!e.disabled&&!this.disableElement(e,'[disabled],[aria-disabled="true"],[type="hidden"]'))return e;return e},e.prototype.focusableElements=function(t){if(!l.isNullOrUndefined(t)){var e=t.querySelectorAll('input,select,textarea,button,a,[contenteditable="true"],[tabindex]');return this.getValidFocusNode(e)}return null},e.prototype.getAutoFocusNode=function(t){var e=t.querySelector(".e-dlg-closeicon-btn"),i=t.querySelectorAll("[autofocus]"),o=this.getValidFocusNode(i);if(l.isNullOrUndefined(o)){if(o=this.focusableElements(this.contentEle),!l.isNullOrUndefined(o))return e=o;if(!l.isNullOrUndefined(this.primaryButtonEle))return this.element.querySelector(".e-primary")}else e=o;return e},e.prototype.disableElement=function(t,e){var i=t?t.matches||t.webkitMatchesSelector||t.msMatchesSelector:null;if(i)for(;t;t=t.parentNode)if(t instanceof Element&&i.call(t,e))return t;return null},e.prototype.focusContent=function(){var t=this.getAutoFocusNode(this.element);(l.isNullOrUndefined(t)?this.element:t).focus(),this.bindEvent(this.element)},e.prototype.bindEvent=function(t){a.EventHandler.add(t,"keydown",this.keyDown,this)},e.prototype.unBindEvent=function(t){a.EventHandler.remove(t,"keydown",this.keyDown)},e.prototype.getModuleName=function(){return"dialog"},e.prototype.onPropertyChanged=function(t,e){for(var i=0,n=Object.keys(t);i<n.length;i++){switch(n[i]){case"content":l.isNullOrUndefined(this.content)||""===this.content?l.isNullOrUndefined(this.contentEle)||this.element.removeChild(this.contentEle):l.isNullOrUndefined(this.contentEle)||"dialog"===this.contentEle.getAttribute("role")?this.setContent():(this.contentEle.innerHTML="","string"==typeof this.content?this.contentEle.innerHTML=this.content:this.contentEle.appendChild(this.content),this.setMaxHeight());break;case"header":""===this.header?o.detach(this.headerEle):this.element.getElementsByClassName("e-dlg-header").length>0?this.element.getElementsByClassName("e-dlg-header")[0].innerHTML=this.header:this.setHeader();break;case"footerTemplate":this.element.getElementsByClassName("e-footer-content").length>0?this.ftrTemplateContent.innerHTML=this.footerTemplate:this.setFooterTemplate();break;case"showCloseIcon":this.element.getElementsByClassName("e-icon-dlg-close").length>0?this.showCloseIcon||""!==this.header?this.showCloseIcon||o.detach(this.closeIcon):o.detach(this.headerContent):(this.renderCloseIcon(),this.wireEvents());break;case"locale":this.showCloseIcon&&this.closeIconTitle();break;case"visible":this.visible?this.show():this.hide();break;case"isModal":if(this.element.setAttribute("aria-modal",this.isModal?"true":"false"),this.isModal)this.setIsModal(),this.wireEvents(),l.isNullOrUndefined(this.targetEle)||(this.isModal?this.targetEle.appendChild(this.dlgContainer):this.targetEle.appendChild(this.element));else{for(o.removeClass([this.element],"e-dlg-modal"),o.removeClass([document.body],"e-scroll-disabled"),o.detach(this.dlgOverlay);this.dlgContainer.firstChild;)this.dlgContainer.parentElement.insertBefore(this.dlgContainer.firstChild,this.dlgContainer);this.dlgContainer.parentElement.removeChild(this.dlgContainer)}break;case"height":o.setStyleAttribute(this.element,{height:l.formatUnit(t.height)});break;case"width":o.setStyleAttribute(this.element,{width:l.formatUnit(t.width)});break;case"zIndex":this.popupObj.zIndex=this.zIndex;break;case"cssClass":this.setCSSClass(e.cssClass);break;case"animationSettings":this.show();break;case"buttons":l.isNullOrUndefined(this.buttons[0].buttonModel)||""!==this.footerTemplate||(l.isNullOrUndefined(this.ftrTemplateContent)||(this.ftrTemplateContent.innerHTML=""),this.setButton());break;case"allowDragging":!this.allowDragging||this.isModal||l.isNullOrUndefined(this.headerContent)?this.dragObj.destroy():this.setAllowDragging();break;case"target":this.popupObj.relateTo=t.target;break;case"position":if(e.position.X===this.position.X&&e.position.Y===this.position.Y)break;if(!this.isModal){this.popupObj.position=this.position;break}this.dlgContainer.classList.remove("e-dlg-"+e.position.X+"-"+e.position.Y),this.dlgContainer.classList.add("e-dlg-"+this.position.X+"-"+this.position.Y);break;case"enableRtl":this.setEnableRTL()}}},e.prototype.getPersistData=function(){return this.addOnPersist([])},e.prototype.destroy=function(){if(this.element.classList.contains(u)){this.unWireEvents(),t.prototype.destroy.call(this);var e=[u,"e-rtl","e-dlg-modal"];o.removeClass([this.element,this.element],e),this.popupObj.element.classList.contains("e-popup")&&this.popupObj.destroy(),l.isNullOrUndefined(this.btnObj)||this.btnObj.destroy(),this.isModal&&(o.detach(this.dlgOverlay),this.dlgContainer.parentNode.insertBefore(this.element,this.dlgContainer),o.detach(this.dlgContainer)),this.element.innerHTML=""}},e.prototype.wireEvents=function(){this.showCloseIcon&&a.EventHandler.add(this.closeIcon,"click",this.closeIconClickEventHandler,this),this.isModal&&a.EventHandler.add(this.dlgOverlay,"click",this.dlgOverlayClickEventHandler,this)},e.prototype.unWireEvents=function(){if(this.showCloseIcon&&a.EventHandler.remove(this.closeIcon,"click",this.closeIconClickEventHandler),this.isModal&&a.EventHandler.remove(this.dlgOverlay,"click",this.dlgOverlayClickEventHandler),!l.isNullOrUndefined(this.buttons[0].buttonModel))for(var t=0;t<this.buttons.length;t++)"function"==typeof this.buttons[t].click&&a.EventHandler.remove(this.ftrTemplateContent.children[t],"click",this.buttons[t].click)},e.prototype.refreshPosition=function(){this.popupObj.refreshPosition()},e.prototype.show=function(t){if(!this.element.classList.contains("e-popup-open")||!l.isNullOrUndefined(t)){l.isNullOrUndefined(t)||this.fullScreen(t),this.storeActiveElement=document.activeElement,this.element.tabIndex=-1,this.trigger("beforeOpen"),this.isModal&&!l.isNullOrUndefined(this.dlgOverlay)&&(this.dlgOverlay.style.display="block",this.dlgContainer.style.display="flex",l.isNullOrUndefined(this.targetEle)?o.addClass([document.body],"e-scroll-disabled"):(this.targetEle===document.body?this.dlgContainer.style.position="fixed":this.dlgContainer.style.position="absolute",this.dlgOverlay.style.position="absolute",this.element.style.position="relative",
+o.addClass([this.targetEle],"e-scroll-disabled")));var e={name:this.animationSettings.effect+"In",duration:this.animationSettings.duration,delay:this.animationSettings.delay};"None"===this.animationSettings.effect?this.popupObj.show():this.popupObj.show(e),this.dialogOpen=!0,this.visible=!0}},e.prototype.hide=function(){this.trigger("beforeClose"),this.isModal&&(this.dlgOverlay.style.display="none",l.isNullOrUndefined(this.targetEle)?o.removeClass([document.body],"e-scroll-disabled"):o.removeClass([this.targetEle],"e-scroll-disabled"));var t={name:this.animationSettings.effect+"Out",duration:this.animationSettings.duration,delay:this.animationSettings.delay};"None"===this.animationSettings.effect?this.popupObj.hide():this.popupObj.hide(t),this.dialogOpen=!1,this.visible=!1},e.prototype.fullScreen=function(t){this.element.offsetTop,this.element.offsetLeft;if(t){o.addClass([this.element],"e-dlg-fullscreen");var e=this.element.style.display;this.element.style.display="none",this.element.style.maxHeight=l.isNullOrUndefined(this.target)?window.innerHeight+"px":this.targetEle.offsetHeight+"px",this.element.style.display=e,o.addClass([document.body],"e-scroll-disabled"),this.allowDragging&&!l.isNullOrUndefined(this.dragObj)&&this.dragObj.destroy()}else o.removeClass([this.element],"e-dlg-fullscreen"),o.removeClass([document.body],"e-scroll-disabled"),!this.allowDragging||this.isModal||l.isNullOrUndefined(this.headerContent)||this.setAllowDragging();return t},r([i.Property("")],e.prototype,"content",void 0),r([i.Property(!1)],e.prototype,"showCloseIcon",void 0),r([i.Property(!1)],e.prototype,"isModal",void 0),r([i.Property("")],e.prototype,"header",void 0),r([i.Property(!0)],e.prototype,"visible",void 0),r([i.Property("auto")],e.prototype,"height",void 0),r([i.Property("100%")],e.prototype,"width",void 0),r([i.Property("")],e.prototype,"cssClass",void 0),r([i.Property()],e.prototype,"zIndex",void 0),r([i.Property(null)],e.prototype,"target",void 0),r([i.Property("")],e.prototype,"footerTemplate",void 0),r([i.Property(!1)],e.prototype,"allowDragging",void 0),r([i.Collection([{}],d)],e.prototype,"buttons",void 0),r([i.Property(!0)],e.prototype,"closeOnEscape",void 0),r([i.Property({effect:"Fade",duration:400,delay:0})],e.prototype,"animationSettings",void 0),r([i.Property({X:"center",Y:"center"})],e.prototype,"position",void 0),r([i.Property("")],e.prototype,"locale",void 0),r([i.Event()],e.prototype,"created",void 0),r([i.Event()],e.prototype,"open",void 0),r([i.Event()],e.prototype,"beforeOpen",void 0),r([i.Event()],e.prototype,"close",void 0),r([i.Event()],e.prototype,"beforeClose",void 0),r([i.Event()],e.prototype,"dragStart",void 0),r([i.Event()],e.prototype,"dragStop",void 0),r([i.Event()],e.prototype,"drag",void 0),r([i.Event()],e.prototype,"overlayClick",void 0),e=r([n.NotifyPropertyChanges],e)}(i.Component);e.Dialog=f,e.dialogBuilder=i.CreateBuilder(f)}.apply(e,o))&&(t.exports=n)},function(t,i){t.exports=e},function(t,e,i){var o,n;o=[i,e,i(11)],void 0!==(n=function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),function(t){for(var i in t)e.hasOwnProperty(i)||(e[i]=t[i])}(i)}.apply(e,o))&&(t.exports=n)},function(t,e,i){var o,n,s=this&&this.__extends||function(){var t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)e.hasOwnProperty(i)&&(t[i]=e[i])};return function(e,i){function o(){this.constructor=e}t(e,i),e.prototype=null===i?Object.create(i):(o.prototype=i.prototype,new o)}}(),r=this&&this.__decorate||function(t,e,i,o){var n,s=arguments.length,r=s<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,i):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(t,e,i,o);else for(var l=t.length-1;l>=0;l--)(n=t[l])&&(r=(s<3?n(r):s>3?n(e,i,r):n(e,i))||r);return s>3&&r&&Object.defineProperty(e,i,r),r};o=[i,e,i(4),i(4),i(4),i(4),i(4),i(2),i(3),i(5)],void 0!==(n=function(t,e,i,o,n,l,a,p,h,c){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var d="e-tooltip",u=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return s(e,t),r([i.Property({effect:"FadeIn",duration:150,delay:0})],e.prototype,"open",void 0),r([i.Property({effect:"FadeOut",duration:150,delay:0})],e.prototype,"close",void 0),e}(i.ChildProperty);e.Animation=u;var f=function(t){function e(e,i){return t.call(this,e,i)||this}return s(e,t),e.prototype.initialize=function(){this.formatPosition(),l.addClass([this.element],d)},e.prototype.formatPosition=function(){0===this.position.indexOf("top")||0===this.position.indexOf("bottom")?(t=this.position.split(" "),this.tooltipPositionY=t[0],this.tooltipPositionX=t[1]):(e=this.position.split(" "),this.tooltipPositionX=e[0],this.tooltipPositionY=e[1]);var t,e},e.prototype.renderArrow=function(){this.setTipClass(this.position);var t=l.createElement("div",{className:"e-arrow-tip "+this.tipClass});t.appendChild(l.createElement("div",{className:"e-arrow-tip-outer "+this.tipClass})),t.appendChild(l.createElement("div",{className:"e-arrow-tip-inner "+this.tipClass})),this.tooltipEle.appendChild(t)},e.prototype.setTipClass=function(t){0===t.indexOf("right")?this.tipClass="e-tip-left":0===t.indexOf("bottom")?this.tipClass="e-tip-top":0===t.indexOf("left")?this.tipClass="e-tip-right":this.tipClass="e-tip-bottom"},e.prototype.renderPopup=function(t){var e=this.mouseTrail?{top:0,left:0}:this.getTooltipPosition(t);this.popupObj=new p.Popup(this.tooltipEle,{height:this.height,width:this.width,position:{X:e.left,Y:e.top},enableRtl:this.enableRtl,open:this.openPopupHandler.bind(this),close:this.closePopupHandler.bind(this)})},e.prototype.getTooltipPosition=function(t){var e=h.calculatePosition(t,this.tooltipPositionX,this.tooltipPositionY),i=this.calculateTooltipOffset(this.position);return this.collisionFlipFit(t,e.left+i.left,e.top+i.top)},e.prototype.reposition=function(t){var e=this.getTooltipPosition(t);this.popupObj.position={X:e.left,Y:e.top},this.popupObj.dataBind()},e.prototype.openPopupHandler=function(){this.trigger("afterOpen",this.tooltipEventArgs)},e.prototype.closePopupHandler=function(){this.clear(),this.trigger("afterClose",this.tooltipEventArgs)},e.prototype.calculateTooltipOffset=function(t){var e={top:0,left:0},i=this.tooltipEle.offsetWidth,o=this.tooltipEle.offsetHeight,n=this.tooltipEle.querySelector(".e-arrow-tip"),s=n?n.offsetWidth:0,r=n?n.offsetHeight:0,l=this.showTipPointer?0:8,a=r/2+2+(this.tooltipEle.offsetHeight-this.tooltipEle.clientHeight),p=s/2+2+(this.tooltipEle.offsetWidth-this.tooltipEle.clientWidth);switch(this.mouseTrail&&(l+=2),t){case"right top":e.left+=s+l,e.top-=o-a;break;case"right center":e.left+=s+l,e.top-=o/2;break;case"right bottom":e.left+=s+l,e.top-=a;break;case"bottom right":e.top+=r+l,e.left-=p;break;case"bottom center":e.top+=r+l,e.left-=i/2;break;case"bottom left":e.top+=r+l,e.left-=i-p;break;case"left bottom":e.left-=s+i+l,e.top-=a;break;case"left center":e.left-=s+i+l,e.top-=o/2;break;case"left top":e.left-=s+i+l,e.top-=o-a;break;case"top left":e.top-=o+r+l,e.left-=i-p;break;case"top right":e.top-=o+r+l,e.left-=p;break;default:e.top-=o+r+l,e.left-=i/2}return e.left+=this.offsetX,e.top+=this.offsetY,e},e.prototype.updateTipPosition=function(t){var e=this.tooltipEle.querySelectorAll(".e-arrow-tip,.e-arrow-tip-outer,.e-arrow-tip-inner"),i=["e-tip-bottom","e-tip-top","e-tip-left","e-tip-right"];l.removeClass(e,i),this.setTipClass(t),l.addClass(e,this.tipClass)},e.prototype.adjustArrow=function(t,e,i,o){if(!1!==this.showTipPointer){this.updateTipPosition(e);var n,s,r=this.tooltipEle.clientWidth,l=this.tooltipEle.clientHeight,a=this.tooltipEle.querySelector(".e-arrow-tip"),p=a.offsetWidth,h=a.offsetHeight;if("e-tip-bottom"===this.tipClass||"e-tip-top"===this.tipClass){s="e-tip-bottom"===this.tipClass?"100%":-h+"px";var c="center"!==i||r>t.offsetWidth||this.mouseTrail;n=c&&"left"===i||!c&&"end"===this.tipPointerPosition?r-p-2+"px":c&&"right"===i||!c&&"start"===this.tipPointerPosition?"2px":r/2-p/2+"px"}else{n="e-tip-right"===this.tipClass?r+"px":-p+"px";var c="center"!==o||l>t.offsetHeight||this.mouseTrail;s=c&&"top"===o||!c&&"end"===this.tipPointerPosition?l-h-2+"px":c&&"bottom"===o||!c&&"start"===this.tipPointerPosition?"2px":l/2-h/2+"px"}a.style.top=s,a.style.left=n}},e.prototype.renderContent=function(t){var e=this.tooltipEle.querySelector(".e-tip-content");if(t&&!n.isNullOrUndefined(t.getAttribute("title"))&&(t.setAttribute("data-content",t.getAttribute("title")),t.removeAttribute("title")),n.isNullOrUndefined(this.content))t&&!n.isNullOrUndefined(t.getAttribute("data-content"))&&(e.innerHTML=t.getAttribute("data-content"));else if("string"==typeof this.content)e.innerHTML=this.content;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(this.content)}},e.prototype.renderCloseIcon=function(){if(this.isSticky){var t=l.createElement("div",{className:"e-icons e-tooltip-close"});this.tooltipEle.appendChild(t),o.EventHandler.add(t,o.Browser.touchStartEvent,this.onStickyClose,this)}},e.prototype.addDescribedBy=function(t,e){var i=(t.getAttribute("aria-describedby")||"").split(/\s+/);i.indexOf(e)<0&&i.push(e),l.attributes(t,{"aria-describedby":i.join(" ").trim(),"data-tooltip-id":e})},e.prototype.removeDescribedBy=function(t){var e=t.getAttribute("data-tooltip-id"),i=(t.getAttribute("aria-describedby")||"").split(/\s+/),o=i.indexOf(e);-1!==o&&i.splice(o,1),t.removeAttribute("data-tooltip-id");var n=i.join(" ").trim();n?t.setAttribute("aria-describedby",n):t.removeAttribute("aria-describedby")},e.prototype.tapHoldHandler=function(t){clearTimeout(this.autoCloseTimer),this.targetHover(t.originalEvent)},e.prototype.touchEndHandler=function(t){var e=this;if(!this.isSticky){var i=function(){e.close()};this.autoCloseTimer=setTimeout(i,1500)}},e.prototype.targetClick=function(t){var e;e=this.target?l.closest(t.target,this.target):this.element,n.isNullOrUndefined(e)||(null===e.getAttribute("data-tooltip-id")?this.targetHover(t):this.isSticky||this.hideTooltip(this.animation.close,t,e))},e.prototype.targetHover=function(t){var e;if(e=this.target?l.closest(t.target,this.target):this.element,!n.isNullOrUndefined(e)&&null===e.getAttribute("data-tooltip-id")){for(var i=[].slice.call(document.querySelectorAll("[data-tooltip-id= "+this.ctrlId+"_content]")),o=0,s=i;o<s.length;o++){var r=s[o];this.restoreElement(r)}this.showTooltip(e,this.animation.open,t),this.wireMouseEvents(t,e)}},e.prototype.showTooltip=function(t,e,i){var s=this;if(clearTimeout(this.showTimer),clearTimeout(this.hideTimer),this.tooltipEventArgs=i?{type:i.type,cancel:!1,target:t,event:i,element:this.tooltipEle}:{type:null,cancel:!1,target:t,event:null,element:this.tooltipEle},this.trigger("beforeRender",this.tooltipEventArgs),this.tooltipEventArgs.cancel)return this.isHidden=!0,void this.clear();if(this.isHidden=!1,n.isNullOrUndefined(this.tooltipEle)?(this.ctrlId=this.element.getAttribute("id")?n.getUniqueID(this.element.getAttribute("id")):n.getUniqueID("tooltip"),this.tooltipEle=l.createElement("div",{className:"e-tooltip-wrap e-popup",attrs:{role:"tooltip","aria-hidden":"false",id:this.ctrlId+"_content"},styles:"width:"+n.formatUnit(this.width)+";height:"+n.formatUnit(this.height)+";position:absolute;"}),this.cssClass&&l.addClass([this.tooltipEle],this.cssClass),o.Browser.isDevice&&l.addClass([this.tooltipEle],"e-bigger"),"auto"!==this.width&&(this.tooltipEle.style.maxWidth=n.formatUnit(this.width)),this.tooltipEle.appendChild(l.createElement("div",{className:"e-tip-content"})),document.body.appendChild(this.tooltipEle),this.addDescribedBy(t,this.ctrlId+"_content"),this.renderContent(t),l.addClass([this.tooltipEle],"e-popup-open"),this.showTipPointer&&this.renderArrow(),this.renderCloseIcon(),this.renderPopup(t)):(this.adjustArrow(t,this.position,this.tooltipPositionX,this.tooltipPositionY),this.addDescribedBy(t,this.ctrlId+"_content"),this.renderContent(t),o.Animation.stop(this.tooltipEle),this.reposition(t)),l.removeClass([this.tooltipEle],"e-popup-open"),l.addClass([this.tooltipEle],"e-popup-close"),this.tooltipEventArgs=i?{type:i.type,cancel:!1,target:t,event:i,element:this.tooltipEle}:{type:null,cancel:!1,target:t,event:null,element:this.tooltipEle},this.trigger("beforeOpen",this.tooltipEventArgs),this.tooltipEventArgs.cancel)return this.isHidden=!0,void this.clear();var r={name:e.effect,duration:e.duration,delay:e.delay,timingFunction:"easeOut"};if("None"===e.effect&&(r=void 0),this.openDelay>0){var a=function(){s.popupObj&&s.popupObj.show(r)};this.showTimer=setTimeout(a,this.openDelay)}else this.popupObj.show(r)},e.prototype.checkCollision=function(t,e,i){var o={left:e,top:i,position:this.position,horizontal:this.tooltipPositionX,vertical:this.tooltipPositionY},n=c.isCollide(this.tooltipEle,this.target?this.element:null,e,i);return n.length>0&&(o.horizontal=n.indexOf("left")>=0?"right":n.indexOf("right")>=0?"left":this.tooltipPositionX,o.vertical=n.indexOf("top")>=0?"bottom":n.indexOf("bottom")>=0?"top":this.tooltipPositionY),o},e.prototype.collisionFlipFit=function(t,e,i){var o=this.checkCollision(t,e,i),n=o.position;if(this.tooltipPositionY!==o.vertical&&(n=0===this.position.indexOf("bottom")||0===this.position.indexOf("top")?o.vertical+" "+this.tooltipPositionX:this.tooltipPositionX+" "+o.vertical),this.tooltipPositionX!==o.horizontal&&(0===n.indexOf("left")&&(o.vertical="left top"===n||"left center"===n?"top":"bottom",n=o.vertical+" left"),0===n.indexOf("right")&&(o.vertical="right top"===n||"right center"===n?"top":"bottom",n=o.vertical+" right"),o.horizontal=this.tooltipPositionX),o.position!==n){var s=h.calculatePosition(t,this.tooltipPositionX,o.vertical);this.adjustArrow(t,n,o.horizontal,o.vertical);var r=this.calculateTooltipOffset(n);o.position=n,o.left=s.left+r.left,o.top=s.top+r.top}else this.adjustArrow(t,n,o.horizontal,o.vertical);var l={left:o.left,top:o.top},a=c.fit(this.tooltipEle,this.target?this.element:null,{X:!0,Y:!1},l).left;if(this.showTipPointer&&(0===n.indexOf("bottom")||0===n.indexOf("top"))){var p=this.tooltipEle.querySelector(".e-arrow-tip"),d=parseInt(p.style.left,10)-(a-o.left);d<0?d=0:d+p.offsetWidth>this.tooltipEle.clientWidth&&(d=this.tooltipEle.clientWidth-p.offsetWidth),p.style.left=d.toString()+"px"}return l.left=a,l},e.prototype.hideTooltip=function(t,e,i){var o,s=this;if(e?(o=this.target?i||e.target:this.element,this.tooltipEventArgs={type:e.type,cancel:!1,target:o,event:e,element:this.tooltipEle}):(o=document.querySelector("[data-tooltip-id= "+this.ctrlId+"_content]"),this.tooltipEventArgs={type:null,cancel:!1,target:o,event:null,element:this.tooltipEle}),!n.isNullOrUndefined(o))if(this.trigger("beforeClose",this.tooltipEventArgs),this.tooltipEventArgs.cancel)this.isHidden=!1;else{this.restoreElement(o),this.isHidden=!0;var r={name:t.effect,duration:t.duration,delay:t.delay,timingFunction:"easeIn"};if("None"===t.effect&&(r=void 0),this.closeDelay>0){var l=function(){s.popupObj&&s.popupObj.hide(r)};this.hideTimer=setTimeout(l,this.closeDelay)}else this.popupObj.hide(r)}},e.prototype.restoreElement=function(t){this.unwireMouseEvents(t),n.isNullOrUndefined(t.getAttribute("data-content"))||(t.setAttribute("title",t.getAttribute("data-content")),t.removeAttribute("data-content")),this.removeDescribedBy(t)},e.prototype.clear=function(){this.tooltipEle&&(l.removeClass([this.tooltipEle],"e-popup-close"),l.addClass([this.tooltipEle],"e-popup-open")),this.isHidden&&(this.popupObj&&this.popupObj.destroy(),this.tooltipEle&&l.remove(this.tooltipEle),this.tooltipEle=null,this.popupObj=null)},e.prototype.onMouseOut=function(t){this.hideTooltip(this.animation.close,t)},e.prototype.onStickyClose=function(t){this.close()},e.prototype.onMouseMove=function(t){var e=0,i=0;t.type.indexOf("touch")>-1?(t.preventDefault(),e=t.touches[0].pageX,i=t.touches[0].pageY):(e=t.pageX,i=t.pageY),o.Animation.stop(this.tooltipEle),l.removeClass([this.tooltipEle],"e-popup-close"),l.addClass([this.tooltipEle],"e-popup-open"),this.adjustArrow(t.target,this.position,this.tooltipPositionX,this.tooltipPositionY);var n=this.calculateTooltipOffset(this.position),s=e+n.left+this.offsetX,r=i+n.top+this.offsetY,a=this.checkCollision(t.target,s,r);if(this.tooltipPositionX!==a.horizontal||this.tooltipPositionY!==a.vertical){var p=0===this.position.indexOf("bottom")||0===this.position.indexOf("top")?a.vertical+" "+a.horizontal:a.horizontal+" "+a.vertical;a.position=p,this.adjustArrow(t.target,a.position,a.horizontal,a.vertical);var h=this.calculateTooltipOffset(a.position);a.left=e+h.left+this.offsetX,a.top=i+h.top+this.offsetY}this.tooltipEle.style.left=a.left+"px",this.tooltipEle.style.top=a.top+"px"},e.prototype.keyDown=function(t){this.tooltipEle&&27===t.keyCode&&this.close()},e.prototype.touchEnd=function(t){this.tooltipEle&&null===l.closest(t.target,"."+d)&&this.close()},e.prototype.scrollHandler=function(t){this.tooltipEle&&this.close()},e.prototype.render=function(){this.initialize(),this.wireEvents(this.opensOn)},e.prototype.preRender=function(){this.tipClass="e-tip-bottom",this.tooltipPositionX="center",this.tooltipPositionY="top",this.isHidden=!0},e.prototype.wireEvents=function(t){for(var e=this.getTriggerList(t),i=0,n=e;i<n.length;i++){var s=n[i];if("custom"===s)return;"focus"===s&&this.wireFocusEvents(),"click"===s&&o.EventHandler.add(this.element,o.Browser.touchStartEvent,this.targetClick,this),"hover"===s&&(o.Browser.isDevice?(this.touchModule=new o.Touch(this.element,{tapHoldThreshold:500,tapHold:this.tapHoldHandler.bind(this)}),o.EventHandler.add(this.element,o.Browser.touchEndEvent,this.touchEndHandler,this)):o.EventHandler.add(this.element,"mouseover",this.targetHover,this))}o.EventHandler.add(document,"touchend",this.touchEnd,this),o.EventHandler.add(document,"scroll",this.scrollHandler,this),o.EventHandler.add(document,"keydown",this.keyDown,this)},e.prototype.getTriggerList=function(t){return"auto"===t&&(t=o.Browser.isDevice?"hover":"hover focus"),t.split(" ")},e.prototype.wireFocusEvents=function(){if(n.isNullOrUndefined(this.target))o.EventHandler.add(this.element,"focus",this.targetHover,this);else for(var t=[].slice.call(this.element.querySelectorAll(this.target)),e=0,i=t;e<i.length;e++){var s=i[e];o.EventHandler.add(s,"focus",this.targetHover,this)}},e.prototype.wireMouseEvents=function(t,e){this.isSticky||("focus"===t.type&&o.EventHandler.add(e,"blur",this.onMouseOut,this),"mouseover"===t.type&&o.EventHandler.add(e,"mouseleave",this.onMouseOut,this)),this.mouseTrail&&o.EventHandler.add(e,"mousemove touchstart",this.onMouseMove,this)},e.prototype.unwireEvents=function(t){for(var e=this.getTriggerList(t),i=0,n=e;i<n.length;i++){var s=n[i];if("custom"===s)return;"focus"===s&&this.unwireFocusEvents(),"click"===s&&o.EventHandler.remove(this.element,o.Browser.touchStartEvent,this.targetClick),"hover"===s&&(o.Browser.isDevice?(this.touchModule&&this.touchModule.destroy(),o.EventHandler.remove(this.element,o.Browser.touchEndEvent,this.touchEndHandler)):o.EventHandler.remove(this.element,"mouseover",this.targetHover))}o.EventHandler.remove(document,"touchend",this.touchEnd),o.EventHandler.remove(document,"scroll",this.scrollHandler),o.EventHandler.remove(document,"keydown",this.keyDown)},e.prototype.unwireFocusEvents=function(){if(n.isNullOrUndefined(this.target))o.EventHandler.remove(this.element,"focus",this.targetHover);else for(var t=[].slice.call(this.element.querySelectorAll(this.target)),e=0,i=t;e<i.length;e++){var s=i[e];o.EventHandler.remove(s,"focus",this.targetHover)}},e.prototype.unwireMouseEvents=function(t){if(!this.isSticky)for(var e=this.getTriggerList(this.opensOn),i=0,n=e;i<n.length;i++){var s=n[i];"focus"===s&&o.EventHandler.remove(t,"blur",this.onMouseOut),"hover"!==s||o.Browser.isDevice||o.EventHandler.remove(t,"mouseleave",this.onMouseOut)}this.mouseTrail&&o.EventHandler.remove(t,"mousemove touchstart",this.onMouseMove)},e.prototype.getModuleName=function(){return"tooltip"},e.prototype.getPersistData=function(){return this.addOnPersist([])},e.prototype.onPropertyChanged=function(t,e){for(var i=0,o=Object.keys(t);i<o.length;i++){switch(o[i]){case"width":this.tooltipEle&&(this.tooltipEle.style.width=n.formatUnit(t.width));break;case"height":this.tooltipEle&&(this.tooltipEle.style.height=n.formatUnit(t.height));break;case"content":this.tooltipEle&&this.renderContent();break;case"opensOn":this.unwireEvents(e.opensOn),this.wireEvents(t.opensOn);break;case"position":this.formatPosition();var s=document.querySelector("[data-tooltip-id= "+this.ctrlId+"_content]");this.tooltipEle&&s&&this.reposition(s);break;case"tipPointerPosition":var r=document.querySelector("[data-tooltip-id= "+this.ctrlId+"_content]");this.tooltipEle&&r&&this.reposition(r);break;case"offsetX":if(this.tooltipEle){var a=t.offsetX-e.offsetX;this.tooltipEle.style.left=(parseInt(this.tooltipEle.style.left,10)+a).toString()+"px"}break;case"offsetY":if(this.tooltipEle){var p=t.offsetY-e.offsetY;this.tooltipEle.style.top=(parseInt(this.tooltipEle.style.top,10)+p).toString()+"px"}break;case"cssClass":this.tooltipEle&&(e.cssClass&&l.removeClass([this.tooltipEle],e.cssClass),t.cssClass&&l.addClass([this.tooltipEle],t.cssClass));break;case"enableRtl":this.tooltipEle&&(this.enableRtl?l.addClass([this.tooltipEle],"e-rtl"):l.removeClass([this.tooltipEle],"e-rtl"))}}},e.prototype.open=function(t,e){void 0===e&&(e=this.animation.open),"none"!==t.style.display&&this.showTooltip(t,e)},e.prototype.close=function(t){void 0===t&&(t=this.animation.close),this.hideTooltip(t)},e.prototype.refresh=function(t){this.tooltipEle&&this.renderContent(t),this.popupObj&&t&&this.reposition(t)},e.prototype.destroy=function(){t.prototype.destroy.call(this),l.removeClass([this.element],d),this.unwireEvents(this.opensOn),this.popupObj&&this.popupObj.destroy(),this.tooltipEle&&l.remove(this.tooltipEle),this.tooltipEle=null,this.popupObj=null},r([i.Property("auto")],e.prototype,"width",void 0),r([i.Property("auto")],e.prototype,"height",void 0),r([i.Property()],e.prototype,"content",void 0),r([i.Property()],e.prototype,"target",void 0),r([i.Property("top center")],e.prototype,"position",void 0),r([i.Property(0)],e.prototype,"offsetX",void 0),r([i.Property(0)],e.prototype,"offsetY",void 0),r([i.Property(!0)],e.prototype,"showTipPointer",void 0),r([i.Property("auto")],e.prototype,"tipPointerPosition",void 0),r([i.Property("auto")],e.prototype,"opensOn",void 0),r([i.Property(!1)],e.prototype,"mouseTrail",void 0),r([i.Property(!1)],e.prototype,"isSticky",void 0),r([a.Complex({},u)],e.prototype,"animation",void 0),r([i.Property(0)],e.prototype,"openDelay",void 0),r([i.Property(0)],e.prototype,"closeDelay",void 0),r([i.Property()],e.prototype,"cssClass",void 0),r([i.Property(!1)],e.prototype,"enableRtl",void 0),r([i.Event()],e.prototype,"beforeRender",void 0),r([i.Event()],e.prototype,"beforeOpen",void 0),r([i.Event()],e.prototype,"afterOpen",void 0),r([i.Event()],e.prototype,"beforeClose",void 0),r([i.Event()],e.prototype,"afterClose",void 0),r([i.Event()],e.prototype,"created",void 0),r([i.Event()],e.prototype,"destroyed",void 0),e=r([a.NotifyPropertyChanges],e)}(i.Component);e.Tooltip=f}.apply(e,o))&&(t.exports=n)},function(t,e,i){var o,n;o=[i,e,i(13)],void 0!==(n=function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),function(t){for(var i in t)e.hasOwnProperty(i)||(e[i]=t[i])}(i)}.apply(e,o))&&(t.exports=n)},function(t,e,i){var o,n;o=[i,e,i(4)],void 0!==(n=function(t,e,i){"use strict";function o(t){var e,o=C(t.target);if(i.isNullOrUndefined(t.cssClass)||o.wrap.classList.add(t.cssClass),i.isNullOrUndefined(t.template)&&i.isNullOrUndefined(_)){var s=i.isNullOrUndefined(t.type)?a(o.wrap):t.type;e=y(i.isNullOrUndefined(t.width)?void 0:t.width,s),p(s,o.wrap,e),i.isNullOrUndefined(t.label)||n(o.inner_wrap,t.label)}else{var r=i.isNullOrUndefined(t.template)?_:t.template;o.wrap.classList.add(it),v(o.wrap,r,D)}o.wrap.classList.add(W)}function n(t,e){var i=document.createElement("div");return i.classList.add(et),i.textContent=e,t.appendChild(i),i}function s(t,e){var i=g();R[i]={timeOut:0,type:"Material",radius:e},E(t,i),P(e,t)}function r(t,e,i){var o={};R[e].timeOut=0,o[e]=m(e,i,0,0),w({uniqueID:e,container:t,globalInfo:o,timeOutVar:0})}function l(t,e){var i=g();R[i]={timeOut:0,type:"Fabric",radius:e},b(t,i),A(e,t)}function a(t){return window.getComputedStyle(t,":after").getPropertyValue("content").replace(/['"]+/g,"")}function p(t,e,o){var n=e.querySelector("."+Q),r=n.querySelector("svg");switch(i.isNullOrUndefined(r)||n.removeChild(r),t){case"Material":s(n,o);break;case"Fabric":l(n,o);break;case"Bootstrap":h(n,o)}}function h(t,e){var i=g();R[i]={timeOut:0,type:"Bootstrap",radius:e},c(t,i),d(t,e)}function c(t,e){var i=document.createElementNS("http://www.w3.org/2000/svg","svg");i.setAttribute("id",e),i.setAttribute("class",G),i.setAttribute("viewBox","0 0 64 64"),t.insertBefore(i,t.firstChild);for(var o=0;o<=7;o++){var n=document.createElementNS("http://www.w3.org/2000/svg","circle");n.setAttribute("class",$+"_"+o),n.setAttribute("r","2"),n.setAttribute("transform","translate(32,32)"),i.appendChild(n)}}function d(t,e){var i=t.querySelector("svg.e-spin-bootstrap");i.style.width=i.style.height=e+"px";for(var o=90,n=0;n<=7;n++){var s=H(0,0,24,o),r=i.querySelector("."+$+"_"+n);r.setAttribute("cx",s.x+""),r.setAttribute("cy",s.y+""),o=o>=360?0:o,o+=45}}function u(t,e){function i(t){o.push(t),t===s&&1!==l||(t<=n&&t>1&&!r?t=parseFloat((t-.2).toFixed(2)):1===t?(t=7,t=parseFloat((t+.2).toFixed(2)),r=!0):t<8&&r?8===(t=parseFloat((t+.2).toFixed(2)))&&(r=!1):t<=8&&!r&&(t=parseFloat((t-.2).toFixed(2))),++l,i(t))}var o=[],n=t,s=e,r=!1,l=1;return i(n),o}function f(t){for(var e=t.querySelector("svg.e-spin-bootstrap"),i=e.getAttribute("id"),o=1;o<=8;o++){var n=t.getElementsByClassName("e-path-circle_"+(8===o?0:o))[0];!function(t,e,i,o,n){function s(e){R[n].isAnimate&&(++r,t.setAttribute("r",e+""),r>=o.length&&(r=0),R[n].timeOut=setTimeout(s.bind(null,o[r]),18))}var r=0;s(e)}(n,o,0,u(o,o),i)}}function v(t,e,o){i.isNullOrUndefined(o)||t.classList.add(o),t.querySelector(".e-spinner-inner").innerHTML=e}function y(t,e){var i="Material"===e?q:"Fabric"===e?F:z;return t=t?parseFloat(t+""):i,"Bootstrap"===e?t:t/2}function m(t,e,i,o){return{radius:e,count:i,previousId:o}}function g(){for(var t="",e="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789",i=0;i<5;i++)t+=e.charAt(Math.floor(Math.random()*e.length));return t}function b(t,e){var i=document.createElementNS("http://www.w3.org/2000/svg","svg");i.setAttribute("id",e),i.setAttribute("class",Z);var o=document.createElementNS("http://www.w3.org/2000/svg","path");o.setAttribute("class",$);var n=document.createElementNS("http://www.w3.org/2000/svg","path");n.setAttribute("class",tt),t.insertBefore(i,t.firstChild),i.appendChild(o),i.appendChild(n)}function E(t,e){var i=document.createElementNS("http://www.w3.org/2000/svg","svg");i.setAttribute("class",K),i.setAttribute("id",e);var o=document.createElementNS("http://www.w3.org/2000/svg","path");o.setAttribute("class",$),t.insertBefore(i,t.firstChild),i.appendChild(o)}function C(t){var e=document.createElement("div");e.classList.add(J);var i=document.createElement("div");return i.classList.add(Q),t.appendChild(e),e.appendChild(i),{wrap:e,inner_wrap:i}}function w(t){O(1,149,k,1333,t.globalInfo[t.uniqueID].count,75,t),t.globalInfo[t.uniqueID].count=++t.globalInfo[t.uniqueID].count%4}function O(t,e,o,n,s,r,l){function a(e){var i=Math.max(0,Math.min((new Date).getTime()-c,n));p(o(i,t,d,n),e.container),h===e.globalInfo[e.uniqueID].previousId&&i<n?R[e.uniqueID].timeOut=setTimeout(a.bind(null,e),1):w(e)}function p(t,e){if(!i.isNullOrUndefined(e.querySelector("svg.e-spin-material"))&&!i.isNullOrUndefined(e.querySelector("svg.e-spin-material").querySelector("path.e-path-circle"))){var o=e.querySelector("svg.e-spin-material"),n=o.querySelector("path.e-path-circle");n.setAttribute("stroke-dashoffset",N(u,f,t,r)+""),n.setAttribute("transform","rotate("+v+" "+u/2+" "+u/2+")")}}var h=++l.globalInfo[l.uniqueID].previousId,c=(new Date).getTime(),d=e-t,u=T(2*l.globalInfo[l.uniqueID].radius+""),f=x(u),v=-90*(l.globalInfo[l.uniqueID].count||0);a(l)}function P(t,e){var i=2*t,o=e.querySelector("svg.e-spin-material"),n=o.querySelector("path.e-path-circle"),s=x(i),r=i/2+"px";o.setAttribute("viewBox","0 0 "+i+" "+i),o.style.width=o.style.height=i+"px",o.style.transformOrigin=r+" "+r+" "+r,n.setAttribute("stroke-width",s+""),n.setAttribute("d",S(i,s)),n.setAttribute("stroke-dasharray",(i-s)*Math.PI*.75+""),n.setAttribute("stroke-dashoffset",N(i,s,1,75)+"")}function T(t){return parseFloat(t)}function S(t,e){var i=t/2,o=e/2;return"M"+i+","+o+"A"+(i-o)+","+(i-o)+" 0 1 1 "+o+","+i}function x(t){return.1*t}function N(t,e,i,o){return(t-e)*Math.PI*(3*o/100-i/100)}function k(t,e,i,o){var n=(t/=o)*t,s=n*t;return e+i*(6*s*n+-15*n*n+10*s)}function A(t,e){var i=t,o=t,n=2*t,s=e.querySelector(".e-spin-fabric"),r=s.querySelector(".e-path-circle"),l=s.querySelector(".e-path-arc"),a=n/2+"px";r.setAttribute("d",L(i,o,t)),l.setAttribute("d",M(i,o,t,315,45)),s.setAttribute("viewBox","0 0 "+n+" "+n),s.style.transformOrigin=a+" "+a+" "+a,s.style.width=s.style.height=n+"px"}function H(t,e,i,o){var n=(o-90)*Math.PI/180;return{x:t+i*Math.cos(n),y:e+i*Math.sin(n)}}function M(t,e,i,o,n){var s=H(t,e,i,n),r=H(t,e,i,o);return["M",s.x,s.y,"A",i,i,0,0,0,r.x,r.y].join(" ")}function L(t,e,i){return["M",t,e,"m",-i,0,"a",i,i,0,1,0,2*i,0,"a",i,i,0,1,0,2*-i,0].join(" ")}function j(t){I(t,!1)}function I(t,e){var o=t.classList.contains(J)?t:t.querySelector("."+J),n=o.querySelector("."+Q);if(e?!o.classList.contains(it)&&!o.classList.contains(W):!o.classList.contains(it)&&!o.classList.contains(V)){var s=o.querySelector("svg");if(i.isNullOrUndefined(s))return;var l=s.getAttribute("id");switch(R[l].isAnimate=!e,R[l].type){case"Material":e?clearTimeout(R[l].timeOut):r(n,l,R[l].radius);break;case"Bootstrap":e?clearTimeout(R[l].timeOut):f(n)}}e?i.classList(o,[W],[V]):i.classList(o,[V],[W])}function B(t){I(t,!0)}function U(t){void 0!==t.template&&(_=t.template,void 0!==t.template&&(D=t.cssClass));for(var e=document.querySelectorAll("."+J),i=0;i<e.length;i++)X(t.template,e[i],t.type,t.cssClass)}function X(t,e,o,n){i.isNullOrUndefined(t)&&!e.classList.contains(it)?(Y(e,o,n),e.classList.contains(V)?(e.classList.remove(V),j(e)):(e.classList.remove(W),B(e))):(_=t,i.isNullOrUndefined(n)||(D=n))}function Y(t,e,o){i.isNullOrUndefined(o)||t.classList.add(o);var n=t.querySelector("svg"),s="Bootstrap"===e?parseFloat(n.style.height):parseFloat(n.style.height)/2;if(n.getAttribute("class").split(/\s/).indexOf("e-spin-material")>=0){var r=n.getAttribute("id");clearTimeout(R[r].timeOut)}p(e,t,s)}Object.defineProperty(e,"__esModule",{value:!0});var R={},_=null,D=null,q=30,F=30,z=30,V="e-spin-show",W="e-spin-hide",K="e-spin-material",Z="e-spin-fabric",G="e-spin-bootstrap",J="e-spinner-pane",Q="e-spinner-inner",$="e-path-circle",tt="e-path-arc",et="e-spin-label",it="e-spin-template";e.createSpinner=o,e.showSpinner=j,e.hideSpinner=B,e.setSpinner=U}.apply(e,o))&&(t.exports=n)}])});
 //# sourceMappingURL=ej2-popups.umd.min.js.map

dist/es6/common/collision.js

@@ -0,1 +1,4 @@
+/**
+ * Collision module.
+ */
 import { calculatePosition } from './position';
@@ -268,5 +271,9 @@ var parentDocument;
 function getBodyScrollTop() {
+    // if(targetContainer)
+    //     return targetContainer.scrollTop;
     return parentDocument.documentElement.scrollTop || parentDocument.body.scrollTop;
 }
 function getBodyScrollLeft() {
+    // if(targetContainer)
+    //     return targetContainer.scrollLeft;
     return parentDocument.documentElement.scrollLeft || parentDocument.body.scrollLeft;
@@ -273,0 +280,0 @@ }

dist/es6/common/index.js

@@ -0,2 +1,5 @@
+/**
+ * Popup Components
+ */
 export * from './position';
 export * from './collision';

dist/es6/common/position.js

@@ -0,1 +1,4 @@
+/**
+ * Position library
+ */
 var elementRect;
@@ -2,0 +5,0 @@ var element;

dist/es6/dialog/dialog.js

@@ -25,3 +25,3 @@ var __extends = (this && this.__extends) || (function () {
 import { Button } from '@syncfusion/ej2-buttons';
-var ButtonProps = (function (_super) {
+var ButtonProps = /** @class */ (function (_super) {
     __extends(ButtonProps, _super);
@@ -31,11 +31,11 @@ function ButtonProps() {
     }
+    __decorate([
+        Property()
+    ], ButtonProps.prototype, "buttonModel", void 0);
+    __decorate([
+        Property()
+    ], ButtonProps.prototype, "click", void 0);
     return ButtonProps;
 }(ChildProperty));
 export { ButtonProps };
-__decorate([
-    Property()
-], ButtonProps.prototype, "buttonModel", void 0);
-__decorate([
-    Property()
-], ButtonProps.prototype, "click", void 0);
 var ROOT = 'e-dialog';
@@ -60,7 +60,27 @@ var RTL = 'e-rtl';
 var DLG_SHOW = 'e-popup-open';
-var Dialog = (function (_super) {
+/**
+ * Represents the Dialog component that displays information to the user, and used to get the user input.
+ * ```html
+ * <div id="dialog"></div>
+ * ```
+ * ```typescript
+ * <script>
+ *   var dialogObj = new Dialog({ header: 'Dialog' });
+ *   dialogObj.appendTo("#dialog");
+ * </script>
+ * ```
+ */
+var Dialog = /** @class */ (function (_super) {
     __extends(Dialog, _super);
+    /**
+     * Constructor for creating the widget
+     * @hidden
+     */
     function Dialog(options, element) {
         return _super.call(this, options, element) || this;
     }
+    /**
+     * Initialize the control rendering
+     * @private
+     */
     Dialog.prototype.render = function () {
@@ -71,2 +91,6 @@ this.initialize();
     };
+    /**
+     * Initialize the event handler
+     * @private
+     */
     Dialog.prototype.preRender = function () {
@@ -126,2 +150,6 @@ var _this = this;
     };
+    /**
+     * Initialize the control rendering
+     * @private
+     */
     Dialog.prototype.initialize = function () {
@@ -139,2 +167,6 @@ if (!isNullOrUndefined(this.target)) {
     };
+    /**
+     * Initialize the rendering
+     * @private
+     */
     Dialog.prototype.initRender = function () {
@@ -221,2 +253,3 @@ var _this = this;
     Dialog.prototype.getZindexPartial = function () {
+        // upto body traversal
         var dialogParent = this.element.parentElement;
@@ -237,2 +270,3 @@ var parentZindex = [];
         }
+        //Body direct children element traversal
         var childrenZindex = [];
@@ -432,5 +466,13 @@ for (var i = 0; i < document.body.children.length; i++) {
     };
+    /**
+     * Module required function
+     * @private
+     */
     Dialog.prototype.getModuleName = function () {
         return 'dialog';
     };
+    /**
+     * Called internally if any of the property value changed
+     * @private
+     */
     Dialog.prototype.onPropertyChanged = function (newProp, oldProp) {
@@ -564,5 +606,16 @@ for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
     };
+    /**
+     * Get the properties to be maintained in the persisted state.
+     * @private
+     */
     Dialog.prototype.getPersistData = function () {
         return this.addOnPersist([]);
     };
+    /**
+     * To destroy the widget
+     * @method destroy
+     * @return {void}
+     * @private
+     * @memberof dialog
+     */
     Dialog.prototype.destroy = function () {
@@ -590,2 +643,6 @@ if (this.element.classList.contains(ROOT)) {
     };
+    /**
+     * Binding event to the element while widget creation
+     * @hidden
+     */
     Dialog.prototype.wireEvents = function () {
@@ -599,2 +656,6 @@ if (this.showCloseIcon) {
     };
+    /**
+     * Unbinding event to the element while widget destroy
+     * @hidden
+     */
     Dialog.prototype.unWireEvents = function () {
@@ -615,5 +676,16 @@ if (this.showCloseIcon) {
     };
+    /**
+     * Specifies dialog offset x and y position changed dynamically or
+     * change the header,footer height or width dynamically, reposition the dialog as per the new changes.
+     * @return {void}
+     */
     Dialog.prototype.refreshPosition = function () {
         this.popupObj.refreshPosition();
     };
+    /**
+     * To show the Dialog element on screen.
+     * To enable the fullScreen Dialog pass the parameter to 'true'.
+     * @param { boolean } isFullScreen - Enable the fullScreen Dialog.
+     * @return {void}
+     */
     Dialog.prototype.show = function (isFullScreen) {
@@ -655,2 +727,6 @@ if (!this.element.classList.contains(DLG_SHOW) || (!isNullOrUndefined(isFullScreen))) {
     };
+    /**
+     * To hide the Dialog element on screen.
+     * @return {void}
+     */
     Dialog.prototype.hide = function () {
@@ -672,2 +748,6 @@ this.trigger('beforeClose');
     };
+    /**
+     * Specifies to view the Full screen Dialog.
+     * @private
+     */
     Dialog.prototype.fullScreen = function (args) {
@@ -697,86 +777,89 @@ var top = this.element.offsetTop;
     };
+    __decorate([
+        Property('')
+    ], Dialog.prototype, "content", void 0);
+    __decorate([
+        Property(false)
+    ], Dialog.prototype, "showCloseIcon", void 0);
+    __decorate([
+        Property(false)
+    ], Dialog.prototype, "isModal", void 0);
+    __decorate([
+        Property('')
+    ], Dialog.prototype, "header", void 0);
+    __decorate([
+        Property(true)
+    ], Dialog.prototype, "visible", void 0);
+    __decorate([
+        Property('auto')
+    ], Dialog.prototype, "height", void 0);
+    __decorate([
+        Property('100%')
+    ], Dialog.prototype, "width", void 0);
+    __decorate([
+        Property('')
+    ], Dialog.prototype, "cssClass", void 0);
+    __decorate([
+        Property()
+    ], Dialog.prototype, "zIndex", void 0);
+    __decorate([
+        Property(null)
+    ], Dialog.prototype, "target", void 0);
+    __decorate([
+        Property('')
+    ], Dialog.prototype, "footerTemplate", void 0);
+    __decorate([
+        Property(false)
+    ], Dialog.prototype, "allowDragging", void 0);
+    __decorate([
+        Collection([{}], ButtonProps)
+    ], Dialog.prototype, "buttons", void 0);
+    __decorate([
+        Property(true)
+    ], Dialog.prototype, "closeOnEscape", void 0);
+    __decorate([
+        Property({ effect: 'Fade', duration: 400, delay: 0 })
+    ], Dialog.prototype, "animationSettings", void 0);
+    __decorate([
+        Property({ X: 'center', Y: 'center' })
+    ], Dialog.prototype, "position", void 0);
+    __decorate([
+        Property('')
+    ], Dialog.prototype, "locale", void 0);
+    __decorate([
+        Event()
+    ], Dialog.prototype, "created", void 0);
+    __decorate([
+        Event()
+    ], Dialog.prototype, "open", void 0);
+    __decorate([
+        Event()
+    ], Dialog.prototype, "beforeOpen", void 0);
+    __decorate([
+        Event()
+    ], Dialog.prototype, "close", void 0);
+    __decorate([
+        Event()
+    ], Dialog.prototype, "beforeClose", void 0);
+    __decorate([
+        Event()
+    ], Dialog.prototype, "dragStart", void 0);
+    __decorate([
+        Event()
+    ], Dialog.prototype, "dragStop", void 0);
+    __decorate([
+        Event()
+    ], Dialog.prototype, "drag", void 0);
+    __decorate([
+        Event()
+    ], Dialog.prototype, "overlayClick", void 0);
+    Dialog = __decorate([
+        NotifyPropertyChanges
+    ], Dialog);
     return Dialog;
 }(Component));
-__decorate([
-    Property('')
-], Dialog.prototype, "content", void 0);
-__decorate([
-    Property(false)
-], Dialog.prototype, "showCloseIcon", void 0);
-__decorate([
-    Property(false)
-], Dialog.prototype, "isModal", void 0);
-__decorate([
-    Property('')
-], Dialog.prototype, "header", void 0);
-__decorate([
-    Property(true)
-], Dialog.prototype, "visible", void 0);
-__decorate([
-    Property('auto')
-], Dialog.prototype, "height", void 0);
-__decorate([
-    Property('100%')
-], Dialog.prototype, "width", void 0);
-__decorate([
-    Property('')
-], Dialog.prototype, "cssClass", void 0);
-__decorate([
-    Property()
-], Dialog.prototype, "zIndex", void 0);
-__decorate([
-    Property(null)
-], Dialog.prototype, "target", void 0);
-__decorate([
-    Property('')
-], Dialog.prototype, "footerTemplate", void 0);
-__decorate([
-    Property(false)
-], Dialog.prototype, "allowDragging", void 0);
-__decorate([
-    Collection([{}], ButtonProps)
-], Dialog.prototype, "buttons", void 0);
-__decorate([
-    Property(true)
-], Dialog.prototype, "closeOnEscape", void 0);
-__decorate([
-    Property({ effect: 'Fade', duration: 400, delay: 0 })
-], Dialog.prototype, "animationSettings", void 0);
-__decorate([
-    Property({ X: 'center', Y: 'center' })
-], Dialog.prototype, "position", void 0);
-__decorate([
-    Property('')
-], Dialog.prototype, "locale", void 0);
-__decorate([
-    Event()
-], Dialog.prototype, "created", void 0);
-__decorate([
-    Event()
-], Dialog.prototype, "open", void 0);
-__decorate([
-    Event()
-], Dialog.prototype, "beforeOpen", void 0);
-__decorate([
-    Event()
-], Dialog.prototype, "close", void 0);
-__decorate([
-    Event()
-], Dialog.prototype, "beforeClose", void 0);
-__decorate([
-    Event()
-], Dialog.prototype, "dragStart", void 0);
-__decorate([
-    Event()
-], Dialog.prototype, "dragStop", void 0);
-__decorate([
-    Event()
-], Dialog.prototype, "drag", void 0);
-__decorate([
-    Event()
-], Dialog.prototype, "overlayClick", void 0);
-Dialog = __decorate([
-    NotifyPropertyChanges
-], Dialog);
 export { Dialog };
+/**
+ * builder for Dialog
+ */
 export var dialogBuilder = CreateBuilder(Dialog);

dist/es6/dialog/index.js

@@ -0,1 +1,4 @@
+/**
+ * Dialog Component
+ */
 export * from './dialog';

dist/es6/index.js

@@ -0,1 +1,4 @@
+/**
+ * Popup Components
+ */
 export * from './popup/index';
@@ -2,0 +5,0 @@ export * from './common/index';

dist/es6/popup/index.js

@@ -0,1 +1,4 @@
+/**
+ * Popup Components
+ */
 export * from './popup';

dist/es6/popup/popup.js

@@ -25,2 +25,3 @@ var __extends = (this && this.__extends) || (function () {
 import { flip, fit, isCollide } from '../common/collision';
+// don't use space in classNames
 var CLASSNAMES = {
@@ -32,3 +33,16 @@ ROOT: 'e-popup',
 };
-var Popup = (function (_super) {
+/**
+ * Represents the Popup Component
+ * ```html
+ * <div id="popup" style="position:absolute;height:100px;width:100px;">
+ * <div style="margin:35px 25px;">Popup Content</div></div>
+ * ```
+ * ```typescript
+ * <script>
+ *   var popupObj = new Popup();
+ *   popupObj.appendTo("#popup");
+ * </script>
+ * ```
+ */
+var Popup = /** @class */ (function (_super) {
     __extends(Popup, _super);
@@ -38,2 +52,6 @@ function Popup(element, options) {
     }
+    /**
+     * Called internally if any of the property value changed.
+     * @private
+     */
     Popup.prototype.onPropertyChanged = function (newProp, oldProp) {
@@ -81,8 +99,18 @@ for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
     };
+    /**
+     * gets the Component module name.
+     * @private
+     */
     Popup.prototype.getModuleName = function () {
         return 'popup';
     };
+    /**
+     * gets the persisted state properties of the Component.
+     */
     Popup.prototype.getPersistData = function () {
         return this.addOnPersist([]);
     };
+    /**
+     * To destroy the control.
+     */
     Popup.prototype.destroy = function () {
@@ -93,2 +121,6 @@ this.element.classList.remove(CLASSNAMES.ROOT, CLASSNAMES.RTL);
     };
+    /**
+     * To Initialize the control rendering
+     * @private
+     */
     Popup.prototype.render = function () {
@@ -171,2 +203,7 @@ this.element.classList.add(CLASSNAMES.ROOT);
     };
+    /**
+     * This method is to get the element visibility on viewport when scroll
+     * the page. This method will returns true even though 1 px of element
+     * part is in visible.
+     */
     Popup.prototype.isElementOnViewport = function (relateToElement, scrollElement) {
@@ -223,3 +260,8 @@ var scrollParents = this.getScrollableParent(relateToElement);
     };
+    /**
+     * Initialize the event handler
+     * @private
+     */
     Popup.prototype.preRender = function () {
+        //There is no event handler
     };
@@ -247,2 +289,5 @@ Popup.prototype.setEnableRtl = function () {
     };
+    /**
+     * Based on the `relative` element and `offset` values, `Popup` element position will refreshed.
+     */
     Popup.prototype.refreshPosition = function () {
@@ -365,2 +410,7 @@ this.reposition();
     };
+    /**
+     * Shows the popup element from screen.
+     * @param { AnimationModel | Function } collisionOrAnimationOptions? - To pass animation options or collision function.
+     * @param { Function } collision? - To pass the collision function.
+     */
     Popup.prototype.show = function (animationOptions) {
@@ -397,2 +447,6 @@ var _this = this;
     };
+    /**
+     * Hides the popup element from screen.
+     * @param { AnimationModel } animationOptions? - To give the animation options.
+     */
     Popup.prototype.hide = function (animationOptions) {
@@ -418,77 +472,89 @@ var _this = this;
     };
+    /**
+     * Gets scrollable parent elements for the given element.
+     * @param { HTMLElement } element - Specify the element to get the scrollable parents of it.
+     */
     Popup.prototype.getScrollableParent = function (element) {
-        var eleStyle = getComputedStyle(element);
-        var scrollParents = [];
-        var overflowRegex = /(auto|scroll)/;
-        var parent = element.parentElement;
-        while (parent && parent.tagName !== 'HTML') {
-            var parentStyle = getComputedStyle(parent);
-            if (!(eleStyle.position === 'absolute' && parentStyle.position === 'static')
-                && overflowRegex.test(parentStyle.overflow + parentStyle.overflowY + parentStyle.overflowX)) {
-                scrollParents.push(parent);
-            }
-            parent = parent.parentElement;
-        }
-        scrollParents.push(document);
-        return scrollParents;
+        return getScrollableParent(element);
     };
+    __decorate([
+        Property('auto')
+    ], Popup.prototype, "height", void 0);
+    __decorate([
+        Property('auto')
+    ], Popup.prototype, "width", void 0);
+    __decorate([
+        Property(null)
+    ], Popup.prototype, "content", void 0);
+    __decorate([
+        Property('container')
+    ], Popup.prototype, "targetType", void 0);
+    __decorate([
+        Property(null)
+    ], Popup.prototype, "viewPortElement", void 0);
+    __decorate([
+        Property({ X: 'none', Y: 'none' })
+    ], Popup.prototype, "collision", void 0);
+    __decorate([
+        Property(document.body)
+    ], Popup.prototype, "relateTo", void 0);
+    __decorate([
+        Property({ X: 'left', Y: 'top' })
+    ], Popup.prototype, "position", void 0);
+    __decorate([
+        Property(0)
+    ], Popup.prototype, "offsetX", void 0);
+    __decorate([
+        Property(0)
+    ], Popup.prototype, "offsetY", void 0);
+    __decorate([
+        Property(1000)
+    ], Popup.prototype, "zIndex", void 0);
+    __decorate([
+        Property(false)
+    ], Popup.prototype, "enableRtl", void 0);
+    __decorate([
+        Property('reposition')
+    ], Popup.prototype, "actionOnScroll", void 0);
+    __decorate([
+        Property(null)
+    ], Popup.prototype, "showAnimation", void 0);
+    __decorate([
+        Property(null)
+    ], Popup.prototype, "hideAnimation", void 0);
+    __decorate([
+        Event()
+    ], Popup.prototype, "open", void 0);
+    __decorate([
+        Event()
+    ], Popup.prototype, "close", void 0);
+    __decorate([
+        Event()
+    ], Popup.prototype, "targetExitViewport", void 0);
+    Popup = __decorate([
+        NotifyPropertyChanges
+    ], Popup);
     return Popup;
 }(Component));
-__decorate([
-    Property('auto')
-], Popup.prototype, "height", void 0);
-__decorate([
-    Property('auto')
-], Popup.prototype, "width", void 0);
-__decorate([
-    Property(null)
-], Popup.prototype, "content", void 0);
-__decorate([
-    Property('container')
-], Popup.prototype, "targetType", void 0);
-__decorate([
-    Property(null)
-], Popup.prototype, "viewPortElement", void 0);
-__decorate([
-    Property({ X: 'none', Y: 'none' })
-], Popup.prototype, "collision", void 0);
-__decorate([
-    Property(document.body)
-], Popup.prototype, "relateTo", void 0);
-__decorate([
-    Property({ X: 'left', Y: 'top' })
-], Popup.prototype, "position", void 0);
-__decorate([
-    Property(0)
-], Popup.prototype, "offsetX", void 0);
-__decorate([
-    Property(0)
-], Popup.prototype, "offsetY", void 0);
-__decorate([
-    Property(1000)
-], Popup.prototype, "zIndex", void 0);
-__decorate([
-    Property(false)
-], Popup.prototype, "enableRtl", void 0);
-__decorate([
-    Property('reposition')
-], Popup.prototype, "actionOnScroll", void 0);
-__decorate([
-    Property(null)
-], Popup.prototype, "showAnimation", void 0);
-__decorate([
-    Property(null)
-], Popup.prototype, "hideAnimation", void 0);
-__decorate([
-    Event()
-], Popup.prototype, "open", void 0);
-__decorate([
-    Event()
-], Popup.prototype, "close", void 0);
-__decorate([
-    Event()
-], Popup.prototype, "targetExitViewport", void 0);
-Popup = __decorate([
-    NotifyPropertyChanges
-], Popup);
 export { Popup };
+/**
+ * Gets scrollable parent elements for the given element.
+ * @param { HTMLElement } element - Specify the element to get the scrollable parents of it.
+ * @private
+ */
+export function getScrollableParent(element) {
+    var eleStyle = getComputedStyle(element);
+    var scrollParents = [];
+    var overflowRegex = /(auto|scroll)/;
+    var parent = element.parentElement;
+    while (parent && parent.tagName !== 'HTML') {
+        var parentStyle = getComputedStyle(parent);
+        if (!(eleStyle.position === 'absolute' && parentStyle.position === 'static')
+            && overflowRegex.test(parentStyle.overflow + parentStyle.overflowY + parentStyle.overflowX)) {
+            scrollParents.push(parent);
+        }
+        parent = parent.parentElement;
+    }
+    scrollParents.push(document);
+    return scrollParents;
+}

dist/es6/spinner/index.js

@@ -0,1 +1,4 @@
+/**
+ * spinner modules
+ */
 export * from './spinner';

dist/es6/spinner/spinner.js

@@ -19,2 +19,10 @@ import { isNullOrUndefined, classList } from '@syncfusion/ej2-base';
 var CLS_SPINTEMPLATE = 'e-spin-template';
+/**
+ * Create a spinner for the specified target element.
+ * ```
+ * E.g : createSpinner({ target: targetElement, width: '34px', label: 'Loading..' });
+ * ```
+ * @param args
+ * @private
+ */
 export function createSpinner(args) {
@@ -354,2 +362,7 @@ var radius;
 }
+/**
+ * Function to show the Spinner.
+ * @param container - Specify the target of the Spinner.
+ * @private
+ */
 export function showSpinner(container) {
@@ -383,5 +396,18 @@ showHideSpinner(container, false);
 }
+/**
+ * Function to hide the Spinner.
+ * @param container - Specify the target of the Spinner.
+ * @private
+ */
 export function hideSpinner(container) {
     showHideSpinner(container, true);
 }
+/**
+ * Function to change the Spinners in a page globally from application end.
+ * ```
+ * E.g : setSpinner({ cssClass: 'custom-css'; type: 'Material' });
+ * ```
+ * @param args
+ * @private
+ */
 export function setSpinner(args) {
@@ -388,0 +414,0 @@ if (args.template !== undefined) {

dist/es6/tooltip/index.js

@@ -0,1 +1,4 @@
+/**
+ * Tooltip modules
+ */
 export * from './tooltip';

dist/es6/tooltip/tooltip.js

@@ -17,3 +17,3 @@ var __extends = (this && this.__extends) || (function () {
 };
-import { Component, Property, ChildProperty, Event, CreateBuilder } from '@syncfusion/ej2-base';
+import { Component, Property, ChildProperty, Event } from '@syncfusion/ej2-base';
 import { EventHandler, Touch, Browser, Animation as PopupAnimation } from '@syncfusion/ej2-base';
@@ -49,3 +49,3 @@ import { isNullOrUndefined, getUniqueID, formatUnit } from '@syncfusion/ej2-base';
 var POPUP_CLOSE = 'e-popup-close';
-var Animation = (function (_super) {
+var Animation = /** @class */ (function (_super) {
     __extends(Animation, _super);
@@ -55,13 +55,28 @@ function Animation() {
     }
+    __decorate([
+        Property({ effect: 'FadeIn', duration: 150, delay: 0 })
+    ], Animation.prototype, "open", void 0);
+    __decorate([
+        Property({ effect: 'FadeOut', duration: 150, delay: 0 })
+    ], Animation.prototype, "close", void 0);
     return Animation;
 }(ChildProperty));
 export { Animation };
-__decorate([
-    Property({ effect: 'FadeIn', duration: 150, delay: 0 })
-], Animation.prototype, "open", void 0);
-__decorate([
-    Property({ effect: 'FadeOut', duration: 150, delay: 0 })
-], Animation.prototype, "close", void 0);
-var Tooltip = (function (_super) {
+/**
+ * Represents the Tooltip component that displays a piece of information about the target element on mouse hover.
+ * ```html
+ * <div id="tooltip">Show Tooltip</div>
+ * ```
+ * ```typescript
+ * <script>
+ *   var tooltipObj = new Tooltip({ content: 'Tooltip text' });
+ *   tooltipObj.appendTo("#tooltip");
+ * </script>
+ * ```
+ */
+var Tooltip = /** @class */ (function (_super) {
     __extends(Tooltip, _super);
+    /**
+     * Constructor for creating the Tooltip widget
+     */
     function Tooltip(options, element) {
@@ -611,2 +626,6 @@ return _super.call(this, options, element) || this;
     };
+    /**
+     * Core method that initializes the control rendering.
+     * @private
+     */
     Tooltip.prototype.render = function () {
@@ -616,2 +635,6 @@ this.initialize();
     };
+    /**
+     * Initializes the values of private members.
+     * @private
+     */
     Tooltip.prototype.preRender = function () {
@@ -623,2 +646,6 @@ this.tipClass = TIP_BOTTOM;
     };
+    /**
+     * Binding events to the Tooltip element.
+     * @hidden
+     */
     Tooltip.prototype.wireEvents = function (trigger) {
@@ -685,2 +712,6 @@ var triggerList = this.getTriggerList(trigger);
     };
+    /**
+     * Unbinding events from the element on widget destroy.
+     * @hidden
+     */
     Tooltip.prototype.unwireEvents = function (trigger) {
@@ -744,8 +775,20 @@ var triggerList = this.getTriggerList(trigger);
     };
+    /**
+     * Core method to return the component name.
+     * @private
+     */
     Tooltip.prototype.getModuleName = function () {
         return 'tooltip';
     };
+    /**
+     * Returns the properties to be maintained in the persisted state.
+     * @private
+     */
     Tooltip.prototype.getPersistData = function () {
         return this.addOnPersist([]);
     };
+    /**
+     * Called internally, if any of the property value changed.
+     * @private
+     */
     Tooltip.prototype.onPropertyChanged = function (newProp, oldProp) {
@@ -822,2 +865,8 @@ for (var _i = 0, _a = Object.keys(newProp); _i < _a.length; _i++) {
     };
+    /**
+     * Shows the Tooltip on the specified target with specific animation settings.
+     * @param element Target element where the Tooltip is to be displayed.
+     * @param animation Sets the specific animation, while showing the Tooltip on the screen.
+     * @return {void}
+     */
     Tooltip.prototype.open = function (element, animation) {
@@ -830,2 +879,7 @@ if (animation === void 0) { animation = this.animation.open; }
     };
+    /**
+     * Hides the Tooltip with specific animation effect.
+     * @param animation Sets the specific animation when hiding Tooltip from the screen.
+     * @return {void}
+     */
     Tooltip.prototype.close = function (animation) {
@@ -835,2 +889,7 @@ if (animation === void 0) { animation = this.animation.close; }
     };
+    /**
+     * Refreshes the Tooltip content and its position.
+     * @param target Target element where the Tooltip content or position needs to be refreshed.
+     * @return {void}
+     */
     Tooltip.prototype.refresh = function (target) {
@@ -844,2 +903,8 @@ if (this.tooltipEle) {
     };
+    /**
+     * Destroys the Tooltip widget.
+     * @method destroy
+     * @return {void}
+     * @memberof Tooltip
+     */
     Tooltip.prototype.destroy = function () {
@@ -858,80 +923,79 @@ _super.prototype.destroy.call(this);
     };
+    __decorate([
+        Property('auto')
+    ], Tooltip.prototype, "width", void 0);
+    __decorate([
+        Property('auto')
+    ], Tooltip.prototype, "height", void 0);
+    __decorate([
+        Property()
+    ], Tooltip.prototype, "content", void 0);
+    __decorate([
+        Property()
+    ], Tooltip.prototype, "target", void 0);
+    __decorate([
+        Property('top center')
+    ], Tooltip.prototype, "position", void 0);
+    __decorate([
+        Property(0)
+    ], Tooltip.prototype, "offsetX", void 0);
+    __decorate([
+        Property(0)
+    ], Tooltip.prototype, "offsetY", void 0);
+    __decorate([
+        Property(true)
+    ], Tooltip.prototype, "showTipPointer", void 0);
+    __decorate([
+        Property('auto')
+    ], Tooltip.prototype, "tipPointerPosition", void 0);
+    __decorate([
+        Property('auto')
+    ], Tooltip.prototype, "opensOn", void 0);
+    __decorate([
+        Property(false)
+    ], Tooltip.prototype, "mouseTrail", void 0);
+    __decorate([
+        Property(false)
+    ], Tooltip.prototype, "isSticky", void 0);
+    __decorate([
+        Complex({}, Animation)
+    ], Tooltip.prototype, "animation", void 0);
+    __decorate([
+        Property(0)
+    ], Tooltip.prototype, "openDelay", void 0);
+    __decorate([
+        Property(0)
+    ], Tooltip.prototype, "closeDelay", void 0);
+    __decorate([
+        Property()
+    ], Tooltip.prototype, "cssClass", void 0);
+    __decorate([
+        Property(false)
+    ], Tooltip.prototype, "enableRtl", void 0);
+    __decorate([
+        Event()
+    ], Tooltip.prototype, "beforeRender", void 0);
+    __decorate([
+        Event()
+    ], Tooltip.prototype, "beforeOpen", void 0);
+    __decorate([
+        Event()
+    ], Tooltip.prototype, "afterOpen", void 0);
+    __decorate([
+        Event()
+    ], Tooltip.prototype, "beforeClose", void 0);
+    __decorate([
+        Event()
+    ], Tooltip.prototype, "afterClose", void 0);
+    __decorate([
+        Event()
+    ], Tooltip.prototype, "created", void 0);
+    __decorate([
+        Event()
+    ], Tooltip.prototype, "destroyed", void 0);
+    Tooltip = __decorate([
+        NotifyPropertyChanges
+    ], Tooltip);
     return Tooltip;
 }(Component));
-__decorate([
-    Property('auto')
-], Tooltip.prototype, "width", void 0);
-__decorate([
-    Property('auto')
-], Tooltip.prototype, "height", void 0);
-__decorate([
-    Property()
-], Tooltip.prototype, "content", void 0);
-__decorate([
-    Property()
-], Tooltip.prototype, "target", void 0);
-__decorate([
-    Property('top center')
-], Tooltip.prototype, "position", void 0);
-__decorate([
-    Property(0)
-], Tooltip.prototype, "offsetX", void 0);
-__decorate([
-    Property(0)
-], Tooltip.prototype, "offsetY", void 0);
-__decorate([
-    Property(true)
-], Tooltip.prototype, "showTipPointer", void 0);
-__decorate([
-    Property('auto')
-], Tooltip.prototype, "tipPointerPosition", void 0);
-__decorate([
-    Property('auto')
-], Tooltip.prototype, "opensOn", void 0);
-__decorate([
-    Property(false)
-], Tooltip.prototype, "mouseTrail", void 0);
-__decorate([
-    Property(false)
-], Tooltip.prototype, "isSticky", void 0);
-__decorate([
-    Complex({}, Animation)
-], Tooltip.prototype, "animation", void 0);
-__decorate([
-    Property(0)
-], Tooltip.prototype, "openDelay", void 0);
-__decorate([
-    Property(0)
-], Tooltip.prototype, "closeDelay", void 0);
-__decorate([
-    Property()
-], Tooltip.prototype, "cssClass", void 0);
-__decorate([
-    Property(false)
-], Tooltip.prototype, "enableRtl", void 0);
-__decorate([
-    Event()
-], Tooltip.prototype, "beforeRender", void 0);
-__decorate([
-    Event()
-], Tooltip.prototype, "beforeOpen", void 0);
-__decorate([
-    Event()
-], Tooltip.prototype, "afterOpen", void 0);
-__decorate([
-    Event()
-], Tooltip.prototype, "beforeClose", void 0);
-__decorate([
-    Event()
-], Tooltip.prototype, "afterClose", void 0);
-__decorate([
-    Event()
-], Tooltip.prototype, "created", void 0);
-__decorate([
-    Event()
-], Tooltip.prototype, "destroyed", void 0);
-Tooltip = __decorate([
-    NotifyPropertyChanges
-], Tooltip);
 export { Tooltip };
-export var tooltipBuilder = CreateBuilder(Tooltip);

package.json

 {
   "name": "@syncfusion/ej2-popups",
-  "version": "15.4.17",
+  "version": "15.4.20",
   "description": "Essential JS 2 popup Component",
@@ -9,4 +9,4 @@ "author": "Syncfusion Inc.",
   "dependencies": {
-    "@syncfusion/ej2-base": "^15.4.17",
-    "@syncfusion/ej2-buttons": "^15.4.17"
+    "@syncfusion/ej2-base": "^15.4.20",
+    "@syncfusion/ej2-buttons": "^15.4.20"
   },
@@ -13,0 +13,0 @@ "devDependencies": {

src/dialog/dialog.js

@@ -25,10 +25,10 @@ var __extends = (this && this.__extends) || (function () {
         }
+        __decorate([
+            ej2_base_1.Property()
+        ], ButtonProps.prototype, "buttonModel", void 0);
+        __decorate([
+            ej2_base_1.Property()
+        ], ButtonProps.prototype, "click", void 0);
         return ButtonProps;
     }(ej2_base_3.ChildProperty));
-    __decorate([
-        ej2_base_1.Property()
-    ], ButtonProps.prototype, "buttonModel", void 0);
-    __decorate([
-        ej2_base_1.Property()
-    ], ButtonProps.prototype, "click", void 0);
     exports.ButtonProps = ButtonProps;
@@ -678,87 +678,87 @@ var ROOT = 'e-dialog';
         };
+        __decorate([
+            ej2_base_1.Property('')
+        ], Dialog.prototype, "content", void 0);
+        __decorate([
+            ej2_base_1.Property(false)
+        ], Dialog.prototype, "showCloseIcon", void 0);
+        __decorate([
+            ej2_base_1.Property(false)
+        ], Dialog.prototype, "isModal", void 0);
+        __decorate([
+            ej2_base_1.Property('')
+        ], Dialog.prototype, "header", void 0);
+        __decorate([
+            ej2_base_1.Property(true)
+        ], Dialog.prototype, "visible", void 0);
+        __decorate([
+            ej2_base_1.Property('auto')
+        ], Dialog.prototype, "height", void 0);
+        __decorate([
+            ej2_base_1.Property('100%')
+        ], Dialog.prototype, "width", void 0);
+        __decorate([
+            ej2_base_1.Property('')
+        ], Dialog.prototype, "cssClass", void 0);
+        __decorate([
+            ej2_base_1.Property()
+        ], Dialog.prototype, "zIndex", void 0);
+        __decorate([
+            ej2_base_1.Property(null)
+        ], Dialog.prototype, "target", void 0);
+        __decorate([
+            ej2_base_1.Property('')
+        ], Dialog.prototype, "footerTemplate", void 0);
+        __decorate([
+            ej2_base_1.Property(false)
+        ], Dialog.prototype, "allowDragging", void 0);
+        __decorate([
+            ej2_base_1.Collection([{}], ButtonProps)
+        ], Dialog.prototype, "buttons", void 0);
+        __decorate([
+            ej2_base_1.Property(true)
+        ], Dialog.prototype, "closeOnEscape", void 0);
+        __decorate([
+            ej2_base_1.Property({ effect: 'Fade', duration: 400, delay: 0 })
+        ], Dialog.prototype, "animationSettings", void 0);
+        __decorate([
+            ej2_base_1.Property({ X: 'center', Y: 'center' })
+        ], Dialog.prototype, "position", void 0);
+        __decorate([
+            ej2_base_1.Property('')
+        ], Dialog.prototype, "locale", void 0);
+        __decorate([
+            ej2_base_1.Event()
+        ], Dialog.prototype, "created", void 0);
+        __decorate([
+            ej2_base_1.Event()
+        ], Dialog.prototype, "open", void 0);
+        __decorate([
+            ej2_base_1.Event()
+        ], Dialog.prototype, "beforeOpen", void 0);
+        __decorate([
+            ej2_base_1.Event()
+        ], Dialog.prototype, "close", void 0);
+        __decorate([
+            ej2_base_1.Event()
+        ], Dialog.prototype, "beforeClose", void 0);
+        __decorate([
+            ej2_base_1.Event()
+        ], Dialog.prototype, "dragStart", void 0);
+        __decorate([
+            ej2_base_1.Event()
+        ], Dialog.prototype, "dragStop", void 0);
+        __decorate([
+            ej2_base_1.Event()
+        ], Dialog.prototype, "drag", void 0);
+        __decorate([
+            ej2_base_1.Event()
+        ], Dialog.prototype, "overlayClick", void 0);
+        Dialog = __decorate([
+            ej2_base_3.NotifyPropertyChanges
+        ], Dialog);
         return Dialog;
     }(ej2_base_1.Component));
-    __decorate([
-        ej2_base_1.Property('')
-    ], Dialog.prototype, "content", void 0);
-    __decorate([
-        ej2_base_1.Property(false)
-    ], Dialog.prototype, "showCloseIcon", void 0);
-    __decorate([
-        ej2_base_1.Property(false)
-    ], Dialog.prototype, "isModal", void 0);
-    __decorate([
-        ej2_base_1.Property('')
-    ], Dialog.prototype, "header", void 0);
-    __decorate([
-        ej2_base_1.Property(true)
-    ], Dialog.prototype, "visible", void 0);
-    __decorate([
-        ej2_base_1.Property('auto')
-    ], Dialog.prototype, "height", void 0);
-    __decorate([
-        ej2_base_1.Property('100%')
-    ], Dialog.prototype, "width", void 0);
-    __decorate([
-        ej2_base_1.Property('')
-    ], Dialog.prototype, "cssClass", void 0);
-    __decorate([
-        ej2_base_1.Property()
-    ], Dialog.prototype, "zIndex", void 0);
-    __decorate([
-        ej2_base_1.Property(null)
-    ], Dialog.prototype, "target", void 0);
-    __decorate([
-        ej2_base_1.Property('')
-    ], Dialog.prototype, "footerTemplate", void 0);
-    __decorate([
-        ej2_base_1.Property(false)
-    ], Dialog.prototype, "allowDragging", void 0);
-    __decorate([
-        ej2_base_1.Collection([{}], ButtonProps)
-    ], Dialog.prototype, "buttons", void 0);
-    __decorate([
-        ej2_base_1.Property(true)
-    ], Dialog.prototype, "closeOnEscape", void 0);
-    __decorate([
-        ej2_base_1.Property({ effect: 'Fade', duration: 400, delay: 0 })
-    ], Dialog.prototype, "animationSettings", void 0);
-    __decorate([
-        ej2_base_1.Property({ X: 'center', Y: 'center' })
-    ], Dialog.prototype, "position", void 0);
-    __decorate([
-        ej2_base_1.Property('')
-    ], Dialog.prototype, "locale", void 0);
-    __decorate([
-        ej2_base_1.Event()
-    ], Dialog.prototype, "created", void 0);
-    __decorate([
-        ej2_base_1.Event()
-    ], Dialog.prototype, "open", void 0);
-    __decorate([
-        ej2_base_1.Event()
-    ], Dialog.prototype, "beforeOpen", void 0);
-    __decorate([
-        ej2_base_1.Event()
-    ], Dialog.prototype, "close", void 0);
-    __decorate([
-        ej2_base_1.Event()
-    ], Dialog.prototype, "beforeClose", void 0);
-    __decorate([
-        ej2_base_1.Event()
-    ], Dialog.prototype, "dragStart", void 0);
-    __decorate([
-        ej2_base_1.Event()
-    ], Dialog.prototype, "dragStop", void 0);
-    __decorate([
-        ej2_base_1.Event()
-    ], Dialog.prototype, "drag", void 0);
-    __decorate([
-        ej2_base_1.Event()
-    ], Dialog.prototype, "overlayClick", void 0);
-    Dialog = __decorate([
-        ej2_base_3.NotifyPropertyChanges
-    ], Dialog);
     exports.Dialog = Dialog;
     exports.dialogBuilder = ej2_base_1.CreateBuilder(Dialog);
 });

src/popup/popup.d.ts

@@ -226,1 +226,7 @@ import { AnimationModel, EmitType, Component } from '@syncfusion/ej2-base';
 }
+/**
+ * Gets scrollable parent elements for the given element.
+ * @param { HTMLElement } element - Specify the element to get the scrollable parents of it.
+ * @private
+ */
+export declare function getScrollableParent(element: HTMLElement): HTMLElement[];

src/popup/popup.js

@@ -404,77 +404,81 @@ var __extends = (this && this.__extends) || (function () {
         Popup.prototype.getScrollableParent = function (element) {
-            var eleStyle = getComputedStyle(element);
-            var scrollParents = [];
-            var overflowRegex = /(auto|scroll)/;
-            var parent = element.parentElement;
-            while (parent && parent.tagName !== 'HTML') {
-                var parentStyle = getComputedStyle(parent);
-                if (!(eleStyle.position === 'absolute' && parentStyle.position === 'static')
-                    && overflowRegex.test(parentStyle.overflow + parentStyle.overflowY + parentStyle.overflowX)) {
-                    scrollParents.push(parent);
-                }
-                parent = parent.parentElement;
-            }
-            scrollParents.push(document);
-            return scrollParents;
+            return getScrollableParent(element);
         };
+        __decorate([
+            ej2_base_4.Property('auto')
+        ], Popup.prototype, "height", void 0);
+        __decorate([
+            ej2_base_4.Property('auto')
+        ], Popup.prototype, "width", void 0);
+        __decorate([
+            ej2_base_4.Property(null)
+        ], Popup.prototype, "content", void 0);
+        __decorate([
+            ej2_base_4.Property('container')
+        ], Popup.prototype, "targetType", void 0);
+        __decorate([
+            ej2_base_4.Property(null)
+        ], Popup.prototype, "viewPortElement", void 0);
+        __decorate([
+            ej2_base_4.Property({ X: 'none', Y: 'none' })
+        ], Popup.prototype, "collision", void 0);
+        __decorate([
+            ej2_base_4.Property(document.body)
+        ], Popup.prototype, "relateTo", void 0);
+        __decorate([
+            ej2_base_4.Property({ X: 'left', Y: 'top' })
+        ], Popup.prototype, "position", void 0);
+        __decorate([
+            ej2_base_4.Property(0)
+        ], Popup.prototype, "offsetX", void 0);
+        __decorate([
+            ej2_base_4.Property(0)
+        ], Popup.prototype, "offsetY", void 0);
+        __decorate([
+            ej2_base_4.Property(1000)
+        ], Popup.prototype, "zIndex", void 0);
+        __decorate([
+            ej2_base_4.Property(false)
+        ], Popup.prototype, "enableRtl", void 0);
+        __decorate([
+            ej2_base_4.Property('reposition')
+        ], Popup.prototype, "actionOnScroll", void 0);
+        __decorate([
+            ej2_base_4.Property(null)
+        ], Popup.prototype, "showAnimation", void 0);
+        __decorate([
+            ej2_base_4.Property(null)
+        ], Popup.prototype, "hideAnimation", void 0);
+        __decorate([
+            ej2_base_4.Event()
+        ], Popup.prototype, "open", void 0);
+        __decorate([
+            ej2_base_4.Event()
+        ], Popup.prototype, "close", void 0);
+        __decorate([
+            ej2_base_4.Event()
+        ], Popup.prototype, "targetExitViewport", void 0);
+        Popup = __decorate([
+            ej2_base_5.NotifyPropertyChanges
+        ], Popup);
         return Popup;
     }(ej2_base_4.Component));
-    __decorate([
-        ej2_base_4.Property('auto')
-    ], Popup.prototype, "height", void 0);
-    __decorate([
-        ej2_base_4.Property('auto')
-    ], Popup.prototype, "width", void 0);
-    __decorate([
-        ej2_base_4.Property(null)
-    ], Popup.prototype, "content", void 0);
-    __decorate([
-        ej2_base_4.Property('container')
-    ], Popup.prototype, "targetType", void 0);
-    __decorate([
-        ej2_base_4.Property(null)
-    ], Popup.prototype, "viewPortElement", void 0);
-    __decorate([
-        ej2_base_4.Property({ X: 'none', Y: 'none' })
-    ], Popup.prototype, "collision", void 0);
-    __decorate([
-        ej2_base_4.Property(document.body)
-    ], Popup.prototype, "relateTo", void 0);
-    __decorate([
-        ej2_base_4.Property({ X: 'left', Y: 'top' })
-    ], Popup.prototype, "position", void 0);
-    __decorate([
-        ej2_base_4.Property(0)
-    ], Popup.prototype, "offsetX", void 0);
-    __decorate([
-        ej2_base_4.Property(0)
-    ], Popup.prototype, "offsetY", void 0);
-    __decorate([
-        ej2_base_4.Property(1000)
-    ], Popup.prototype, "zIndex", void 0);
-    __decorate([
-        ej2_base_4.Property(false)
-    ], Popup.prototype, "enableRtl", void 0);
-    __decorate([
-        ej2_base_4.Property('reposition')
-    ], Popup.prototype, "actionOnScroll", void 0);
-    __decorate([
-        ej2_base_4.Property(null)
-    ], Popup.prototype, "showAnimation", void 0);
-    __decorate([
-        ej2_base_4.Property(null)
-    ], Popup.prototype, "hideAnimation", void 0);
-    __decorate([
-        ej2_base_4.Event()
-    ], Popup.prototype, "open", void 0);
-    __decorate([
-        ej2_base_4.Event()
-    ], Popup.prototype, "close", void 0);
-    __decorate([
-        ej2_base_4.Event()
-    ], Popup.prototype, "targetExitViewport", void 0);
-    Popup = __decorate([
-        ej2_base_5.NotifyPropertyChanges
-    ], Popup);
     exports.Popup = Popup;
+    function getScrollableParent(element) {
+        var eleStyle = getComputedStyle(element);
+        var scrollParents = [];
+        var overflowRegex = /(auto|scroll)/;
+        var parent = element.parentElement;
+        while (parent && parent.tagName !== 'HTML') {
+            var parentStyle = getComputedStyle(parent);
+            if (!(eleStyle.position === 'absolute' && parentStyle.position === 'static')
+                && overflowRegex.test(parentStyle.overflow + parentStyle.overflowY + parentStyle.overflowX)) {
+                scrollParents.push(parent);
+            }
+            parent = parent.parentElement;
+        }
+        scrollParents.push(document);
+        return scrollParents;
+    }
+    exports.getScrollableParent = getScrollableParent;
 });

src/tooltip/tooltip-model.d.ts

@@ -1,2 +0,2 @@
-import { Component, Property, ChildProperty, Event, CreateBuilder, BaseEventArgs } from '@syncfusion/ej2-base';import { EventHandler, EmitType, Touch, TapEventArgs, Browser, Animation as PopupAnimation } from '@syncfusion/ej2-base';import { isNullOrUndefined, getUniqueID, formatUnit } from '@syncfusion/ej2-base';import { attributes, createElement, closest, removeClass, addClass, remove } from '@syncfusion/ej2-base';import { NotifyPropertyChanges, INotifyPropertyChanged, Complex } from '@syncfusion/ej2-base';import { Popup } from '../popup/popup';import { OffsetPosition, calculatePosition } from '../common/position';import { isCollide, fit } from '../common/collision';import { TooltipHelper } from './tooltip-builder';
+import { Component, Property, ChildProperty, Event, BaseEventArgs } from '@syncfusion/ej2-base';import { EventHandler, EmitType, Touch, TapEventArgs, Browser, Animation as PopupAnimation } from '@syncfusion/ej2-base';import { isNullOrUndefined, getUniqueID, formatUnit } from '@syncfusion/ej2-base';import { attributes, createElement, closest, removeClass, addClass, remove } from '@syncfusion/ej2-base';import { NotifyPropertyChanges, INotifyPropertyChanged, Complex } from '@syncfusion/ej2-base';import { Popup } from '../popup/popup';import { OffsetPosition, calculatePosition } from '../common/position';import { isCollide, fit } from '../common/collision';
 import {TooltipAnimationSettings,Position,TipPointerPosition,TooltipEventArgs} from "./tooltip";
@@ -3,0 +3,0 @@ import {ComponentModel} from '@syncfusion/ej2-base';

src/tooltip/tooltip.d.ts

@@ -5,3 +5,2 @@ import { Component, ChildProperty, BaseEventArgs } from '@syncfusion/ej2-base';
 import { TooltipModel, AnimationModel } from './tooltip-model';
-import { TooltipHelper } from './tooltip-builder';
 /**
@@ -338,5 +337,1 @@ * Set of open modes available for Tooltip.
 }
-/**
- * Builder for Tooltip.
- */
-export declare let tooltipBuilder: TooltipHelper;

src/tooltip/tooltip.js

@@ -48,10 +48,10 @@ var __extends = (this && this.__extends) || (function () {
         }
+        __decorate([
+            ej2_base_1.Property({ effect: 'FadeIn', duration: 150, delay: 0 })
+        ], Animation.prototype, "open", void 0);
+        __decorate([
+            ej2_base_1.Property({ effect: 'FadeOut', duration: 150, delay: 0 })
+        ], Animation.prototype, "close", void 0);
         return Animation;
     }(ej2_base_1.ChildProperty));
-    __decorate([
-        ej2_base_1.Property({ effect: 'FadeIn', duration: 150, delay: 0 })
-    ], Animation.prototype, "open", void 0);
-    __decorate([
-        ej2_base_1.Property({ effect: 'FadeOut', duration: 150, delay: 0 })
-    ], Animation.prototype, "close", void 0);
     exports.Animation = Animation;
@@ -842,81 +842,80 @@ var Tooltip = (function (_super) {
         };
+        __decorate([
+            ej2_base_1.Property('auto')
+        ], Tooltip.prototype, "width", void 0);
+        __decorate([
+            ej2_base_1.Property('auto')
+        ], Tooltip.prototype, "height", void 0);
+        __decorate([
+            ej2_base_1.Property()
+        ], Tooltip.prototype, "content", void 0);
+        __decorate([
+            ej2_base_1.Property()
+        ], Tooltip.prototype, "target", void 0);
+        __decorate([
+            ej2_base_1.Property('top center')
+        ], Tooltip.prototype, "position", void 0);
+        __decorate([
+            ej2_base_1.Property(0)
+        ], Tooltip.prototype, "offsetX", void 0);
+        __decorate([
+            ej2_base_1.Property(0)
+        ], Tooltip.prototype, "offsetY", void 0);
+        __decorate([
+            ej2_base_1.Property(true)
+        ], Tooltip.prototype, "showTipPointer", void 0);
+        __decorate([
+            ej2_base_1.Property('auto')
+        ], Tooltip.prototype, "tipPointerPosition", void 0);
+        __decorate([
+            ej2_base_1.Property('auto')
+        ], Tooltip.prototype, "opensOn", void 0);
+        __decorate([
+            ej2_base_1.Property(false)
+        ], Tooltip.prototype, "mouseTrail", void 0);
+        __decorate([
+            ej2_base_1.Property(false)
+        ], Tooltip.prototype, "isSticky", void 0);
+        __decorate([
+            ej2_base_5.Complex({}, Animation)
+        ], Tooltip.prototype, "animation", void 0);
+        __decorate([
+            ej2_base_1.Property(0)
+        ], Tooltip.prototype, "openDelay", void 0);
+        __decorate([
+            ej2_base_1.Property(0)
+        ], Tooltip.prototype, "closeDelay", void 0);
+        __decorate([
+            ej2_base_1.Property()
+        ], Tooltip.prototype, "cssClass", void 0);
+        __decorate([
+            ej2_base_1.Property(false)
+        ], Tooltip.prototype, "enableRtl", void 0);
+        __decorate([
+            ej2_base_1.Event()
+        ], Tooltip.prototype, "beforeRender", void 0);
+        __decorate([
+            ej2_base_1.Event()
+        ], Tooltip.prototype, "beforeOpen", void 0);
+        __decorate([
+            ej2_base_1.Event()
+        ], Tooltip.prototype, "afterOpen", void 0);
+        __decorate([
+            ej2_base_1.Event()
+        ], Tooltip.prototype, "beforeClose", void 0);
+        __decorate([
+            ej2_base_1.Event()
+        ], Tooltip.prototype, "afterClose", void 0);
+        __decorate([
+            ej2_base_1.Event()
+        ], Tooltip.prototype, "created", void 0);
+        __decorate([
+            ej2_base_1.Event()
+        ], Tooltip.prototype, "destroyed", void 0);
+        Tooltip = __decorate([
+            ej2_base_5.NotifyPropertyChanges
+        ], Tooltip);
         return Tooltip;
     }(ej2_base_1.Component));
-    __decorate([
-        ej2_base_1.Property('auto')
-    ], Tooltip.prototype, "width", void 0);
-    __decorate([
-        ej2_base_1.Property('auto')
-    ], Tooltip.prototype, "height", void 0);
-    __decorate([
-        ej2_base_1.Property()
-    ], Tooltip.prototype, "content", void 0);
-    __decorate([
-        ej2_base_1.Property()
-    ], Tooltip.prototype, "target", void 0);
-    __decorate([
-        ej2_base_1.Property('top center')
-    ], Tooltip.prototype, "position", void 0);
-    __decorate([
-        ej2_base_1.Property(0)
-    ], Tooltip.prototype, "offsetX", void 0);
-    __decorate([
-        ej2_base_1.Property(0)
-    ], Tooltip.prototype, "offsetY", void 0);
-    __decorate([
-        ej2_base_1.Property(true)
-    ], Tooltip.prototype, "showTipPointer", void 0);
-    __decorate([
-        ej2_base_1.Property('auto')
-    ], Tooltip.prototype, "tipPointerPosition", void 0);
-    __decorate([
-        ej2_base_1.Property('auto')
-    ], Tooltip.prototype, "opensOn", void 0);
-    __decorate([
-        ej2_base_1.Property(false)
-    ], Tooltip.prototype, "mouseTrail", void 0);
-    __decorate([
-        ej2_base_1.Property(false)
-    ], Tooltip.prototype, "isSticky", void 0);
-    __decorate([
-        ej2_base_5.Complex({}, Animation)
-    ], Tooltip.prototype, "animation", void 0);
-    __decorate([
-        ej2_base_1.Property(0)
-    ], Tooltip.prototype, "openDelay", void 0);
-    __decorate([
-        ej2_base_1.Property(0)
-    ], Tooltip.prototype, "closeDelay", void 0);
-    __decorate([
-        ej2_base_1.Property()
-    ], Tooltip.prototype, "cssClass", void 0);
-    __decorate([
-        ej2_base_1.Property(false)
-    ], Tooltip.prototype, "enableRtl", void 0);
-    __decorate([
-        ej2_base_1.Event()
-    ], Tooltip.prototype, "beforeRender", void 0);
-    __decorate([
-        ej2_base_1.Event()
-    ], Tooltip.prototype, "beforeOpen", void 0);
-    __decorate([
-        ej2_base_1.Event()
-    ], Tooltip.prototype, "afterOpen", void 0);
-    __decorate([
-        ej2_base_1.Event()
-    ], Tooltip.prototype, "beforeClose", void 0);
-    __decorate([
-        ej2_base_1.Event()
-    ], Tooltip.prototype, "afterClose", void 0);
-    __decorate([
-        ej2_base_1.Event()
-    ], Tooltip.prototype, "created", void 0);
-    __decorate([
-        ej2_base_1.Event()
-    ], Tooltip.prototype, "destroyed", void 0);
-    Tooltip = __decorate([
-        ej2_base_5.NotifyPropertyChanges
-    ], Tooltip);
     exports.Tooltip = Tooltip;
-    exports.tooltipBuilder = ej2_base_1.CreateBuilder(Tooltip);
 });

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

7217911

increased by0.18%

Lines of code

57683

increased by0.44%

Worsened metrics

Number of package files

119

decreased by-0.83%

Dependency changes

• Updated@syncfusion/ej2-base@^15.4.20

• Updated@syncfusion/ej2-buttons@^15.4.20