@progress/kendo-angular-popup - npm Package Compare versions

Comparing version 0.15.0 to 0.16.0

dist/cdn/js/kendo-angular-popup.js

@@ -1,1 +0,1 @@
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e(require("@angular/core"),require("rxjs/Observable"),require("rxjs/add/observable/fromEvent"),require("rxjs/add/operator/auditTime"),require("rxjs/add/observable/merge"),require("@angular/common")):"function"==typeof define&&define.amd?define(["@angular/core","rxjs/Observable","rxjs/add/observable/fromEvent","rxjs/add/operator/auditTime","rxjs/add/observable/merge","@angular/common"],e):"object"==typeof exports?exports.KendoAngularPopup=e(require("@angular/core"),require("rxjs/Observable"),require("rxjs/add/observable/fromEvent"),require("rxjs/add/operator/auditTime"),require("rxjs/add/observable/merge"),require("@angular/common")):t.KendoAngularPopup=e(t["@angular/core"],t["rxjs/Observable"],t["rxjs/add/observable/fromEvent"],t["rxjs/add/operator/auditTime"],t["rxjs/add/observable/merge"],t["@angular/common"])}(this,function(t,e,n,o,i,r){return function(t){function e(o){if(n[o])return n[o].exports;var i=n[o]={exports:{},id:o,loaded:!1};return t[o].call(i.exports,i,i.exports,e),i.loaded=!0,i.exports}var n={};return e.m=t,e.c=n,e.p="",e(0)}([function(t,e,n){"use strict";var o=n(1);e.PopupComponent=o.PopupComponent;var i=n(14);e.PopupModule=i.PopupModule},function(t,e,n){"use strict";var o=this&&this.__decorate||function(t,e,n,o){var i,r=arguments.length,s=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,n,o);else for(var l=t.length-1;l>=0;l--)(i=t[l])&&(s=(r<3?i(s):r>3?i(e,n,s):i(e,n))||s);return r>3&&s&&Object.defineProperty(e,n,s),s},i=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},r=n(2),s=n(3),l=n(4),c=n(7),a=n(8),f=n(12),u=n(6),p={left:0,top:0},d=function(){function t(t,e,n,o,i,s,l){this._alignService=t,this.container=e,this._cdr=n,this._positionService=o,this._resizeService=i,this._scrollableService=s,this._renderer=l,this.animate=!0,this.anchorAlign={horizontal:"left",vertical:"bottom"},this.collision={horizontal:"fit",vertical:"flip"},this.popupAlign={horizontal:"left",vertical:"top"},this.offset=p,this.anchorViewportLeave=new r.EventEmitter,this.close=new r.EventEmitter,this.open=new r.EventEmitter,this.direction="down",this.currentOffset=p,this.resolvedPromised=Promise.resolve(null),l.setElementClass(e.nativeElement,"k-animation-container",!0),l.setElementClass(e.nativeElement,"k-animation-container-fixed",!0)}return Object.defineProperty(t.prototype,"offsetLeft",{get:function(){return this.currentOffset.left},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"offsetTop",{get:function(){return this.currentOffset.top},enumerable:!0,configurable:!0}),t.prototype.ngOnInit=function(){var t=this.reposition.bind(this);this._resizeService.subscribe(t),this._scrollableService.forElement(this.anchor||this.container).subscribe(this.onScroll.bind(this))},t.prototype.ngAfterViewChecked=function(){var t=this;if(u.isDocumentAvailable()){var e=this.position(),n=e.flipped,o=e.offset,i=this.getDirection(n);(this.direction!==i||u.isDifferentOffset(this.currentOffset,o))&&this.resolvedPromised.then(function(){t.currentOffset=o,t.direction=i,t._cdr.markForCheck()})}},t.prototype.ngOnDestroy=function(){this.close.emit(),this._resizeService.unsubscribe(),this._scrollableService.unsubscribe()},t.prototype.reposition=function(){if(u.isDocumentAvailable()){var t=this.position(),e=t.flipped,n=t.offset;this.direction=this.getDirection(e),this.currentOffset=n}},t.prototype.position=function(){var t=this._alignService.alignElement({anchor:this.anchor,anchorAlign:this.anchorAlign,element:this.container,elementAlign:this.popupAlign,offset:this.offset});return this._positionService.positionElement({anchor:this.anchor,anchorAlign:this.anchorAlign,collisions:this.collision,currentLocation:t,element:this.container,elementAlign:this.popupAlign})},t.prototype.getDirection=function(t){return this.animate?t?"up":"down":"none"},t.prototype.onScroll=function(t){t?this.reposition():this.anchorViewportLeave.emit()},o([r.Input(),i("design:type",Boolean)],t.prototype,"animate",void 0),o([r.Input(),i("design:type",r.ElementRef)],t.prototype,"anchor",void 0),o([r.Input(),i("design:type",Object)],t.prototype,"anchorAlign",void 0),o([r.Input(),i("design:type",Object)],t.prototype,"collision",void 0),o([r.Input(),i("design:type",Object)],t.prototype,"popupAlign",void 0),o([r.Input(),i("design:type",String)],t.prototype,"popupClass",void 0),o([r.Input(),i("design:type",Object)],t.prototype,"offset",void 0),o([r.Output(),i("design:type",r.EventEmitter)],t.prototype,"anchorViewportLeave",void 0),o([r.Output(),i("design:type",r.EventEmitter)],t.prototype,"close",void 0),o([r.Output(),i("design:type",r.EventEmitter)],t.prototype,"open",void 0),o([r.HostBinding("style.left.px"),i("design:type",Number)],t.prototype,"offsetLeft",null),o([r.HostBinding("style.top.px"),i("design:type",Number)],t.prototype,"offsetTop",null),t=o([r.Component({animations:[r.trigger("toggle",[r.transition("void => down, up => down",[r.style({transform:"translateY(-100%)"}),r.animate("0.2s ease-in",r.style({transform:"translateY(0)"}))]),r.transition("down => void",[r.style({transform:"translateY(0)"}),r.animate("0.2s ease-in",r.style({transform:"translateY(-100%)"}))]),r.transition("void => up, down => up",[r.style({transform:"translateY(100%)"}),r.animate("0.2s ease-in",r.style({transform:"translateY(0)"}))]),r.transition("up => void",[r.style({transform:"translateY(0)"}),r.animate("0.2s ease-in",r.style({transform:"translateY(100%)"}))])])],exportAs:"kendo-popup",providers:[s.AlignService,l.DOMService,c.PositionService,a.ResizeService,f.ScrollableService],selector:"kendo-popup",template:'\n        <div class="k-popup" [ngClass]="popupClass" [@toggle]="direction" (@toggle.done)="open.emit()">\n            <ng-content></ng-content>\n        </div>\n     '}),i("design:paramtypes",[s.AlignService,r.ElementRef,r.ChangeDetectorRef,c.PositionService,a.ResizeService,f.ScrollableService,r.Renderer])],t)}();e.PopupComponent=d},function(e,n){e.exports=t},function(t,e,n){"use strict";var o=this&&this.__decorate||function(t,e,n,o){var i,r=arguments.length,s=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,n,o);else for(var l=t.length-1;l>=0;l--)(i=t[l])&&(s=(r<3?i(s):r>3?i(e,n,s):i(e,n))||s);return r>3&&s&&Object.defineProperty(e,n,s),s},i=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},r=n(2),s=n(4),l=n(6),c=function(){function t(t){this._dom=t}return t.prototype.alignElement=function(t){var e=t.anchor,n=t.element,o=t.anchorAlign,i=t.elementAlign,r=t.offset,s=l.eitherRect(this._dom.normalizedOffset(e),r),c=this._dom.normalizedOffset(n);return e||(s=this._dom.removeScroll(s,this._dom.scrollPosition(n))),this._dom.align({anchorAlign:o,anchorRect:s,elementAlign:i,elementRect:c})},t=o([r.Injectable(),i("design:paramtypes",[s.DOMService])],t)}();e.AlignService=c},function(t,e,n){"use strict";var o=this&&this.__decorate||function(t,e,n,o){var i,r=arguments.length,s=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,n,o);else for(var l=t.length-1;l>=0;l--)(i=t[l])&&(s=(r<3?i(s):r>3?i(e,n,s):i(e,n))||s);return r>3&&s&&Object.defineProperty(e,n,s),s},i=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},r=n(2),s=n(5),l=n(6),c=function(){function t(){}return t.prototype.addOffset=function(t,e){return{left:t.left+e.left,top:t.top+e.top}},t.prototype.align=function(t){return s.align(t)},t.prototype.boundingOffset=function(t){return s.boundingOffset(this.nativeElement(t))},t.prototype.getWindow=function(){return l.isWindowAvailable()?window:null},t.prototype.isBodyOffset=function(t){return s.isBodyOffset(this.nativeElement(t))},t.prototype.offset=function(t){return t?s.offset(this.nativeElement(t)):null},t.prototype.nativeElement=function(t){return t?t.nativeElement||t:null},t.prototype.normalizedOffset=function(t){var e=this.offset(t),n=this.getRelativeContextElement(t);if(e&&n){var o=s.offset(n);e.left-=o.left,e.top-=o.top}return e},t.prototype.position=function(t){return t?s.position(this.nativeElement(t)):null},t.prototype.relativeOffset=function(t,e){return s.applyLocationOffset(this.offset(t),e,this.isBodyOffset(t))},t.prototype.removeScroll=function(t,e){return s.removeScroll(t,e)},t.prototype.restrictToView=function(t){return s.restrictToView(t)},t.prototype.scrollPosition=function(t){return s.scrollPosition(this.nativeElement(t))},t.prototype.scrollableParents=function(t){return l.scrollableParents(this.nativeElement(t))},t.prototype.getRelativeContextElement=function(t){if(!t||!l.HAS_RELATIVE_STACKING_CONTEXT)return null;for(var e=this.nativeElement(t).parentElement;e;){if("none"!==window.getComputedStyle(e).transform)return e;e=e.parentElement}return null},t.prototype.useRelativePosition=function(t){return!!this.getRelativeContextElement(t)},t.prototype.windowViewPort=function(t){return s.getWindowViewPort(this.nativeElement(t))},t=o([r.Injectable(),i("design:paramtypes",[])],t)}();e.DOMService=c},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n={bottom:"bottom",center:"center",middle:"middle",left:"left",right:"right",top:"top"},o=function(t){var e=t.anchorRect,o=t.anchorAlign,i=t.elementRect,r=t.elementAlign,s=o.horizontal,l=o.vertical,c=r.horizontal,a=r.vertical,f=e.top,u=e.left;return l===n.bottom&&(f+=e.height),l!==n.center&&l!==n.middle||(f+=Math.round(e.height/2)),a===n.bottom&&(f-=i.height),a!==n.center&&a!==n.middle||(f-=Math.round(i.height/2)),s===n.right&&(u+=e.width),s!==n.center&&s!==n.middle||(u+=Math.round(e.width/2)),c===n.right&&(u-=i.width),c!==n.center&&c!==n.middle||(u-=Math.round(i.width/2)),{top:f,left:u}},i=function(t,e,n){var o=t.top,i=t.left;return n&&(i=0,o=0),{top:o+e.top,left:i+e.left,height:t.height,width:t.width}},r=function(t){if(!t.getBoundingClientRect)return{bottom:t.innerHeight,left:0,right:t.innerWidth,top:0};var e=t.getBoundingClientRect(),n=e.bottom,o=e.left,i=e.right,r=e.top;return{bottom:n,left:o,right:i,top:r}},s={fit:"fit",flip:"flip"},l=function(t){return t.ownerDocument.documentElement},c=function(t){for(var e=t.offsetParent;e&&"static"===e.style.position;)e=e.offsetParent;return e||l(t)},a=function(t){return c(t)===t.ownerDocument.body},f=function(t){var e=t.style,n=e.display,o=e.left,i=e.position;t.style.display="",t.style.left="-10000px",t.style.position="absolute";var r=t.getBoundingClientRect();return t.style.display=n,t.style.left=o,t.style.position=i,r},u=function(t){var e=t.getBoundingClientRect(),n=e.left,o=e.top;return e.height||e.width||(e=f(t),n=e.left,o=e.top),{top:o,left:n,height:e.height,width:e.width}},p=function(t){return t.ownerDocument.defaultView},d=function(t){var e=p(t),n=e.getComputedStyle(t),o=u(t),i=c(t),r=e.getComputedStyle(i),s={top:0,left:0};return"fixed"!==n.position&&i!==t.ownerDocument.body&&(s=u(i),s.top+=parseInt(r.borderTopWidth,10),s.left+=parseInt(r.borderLeftWidth,10)),{top:o.top-s.top-parseInt(n.marginTop,10),left:o.left-s.left-parseInt(n.marginLeft,10),height:o.height,width:o.width}},h=function(t,e){return{top:t.top-e.y,left:t.left-e.x,height:t.height,width:t.width}},m=function(t,e,n){var o=0;return t+e>n&&(o=n-(t+e)),t<0&&(o=-t),o},v=function(t){var e=t.offset,o=t.size,i=t.anchorSize,r=t.viewPortSize,s=t.anchorAlignPoint,l=t.elementAlignPoint,c=0,a=l===n.center||l===n.middle,f=s===n.center||s===n.middle;return l===s||a||f||(e+o>r&&(c+=-(i+o)),e+c<0&&(c+=i+o)),c},g=function(t){var e=t.anchorRect,n=t.anchorAlign,o=t.elementRect,i=t.elementAlign,r=t.collisions,l=t.viewPort,c=o.top,a=o.left,f=o.height,u=o.width,p=l.height,d=l.width,h=0,g=0,b=r.horizontal===s.flip,y=r.vertical===s.flip;return r.vertical===s.fit&&(g+=m(c,f,p)),r.horizontal===s.fit&&(h+=m(a,u,d)),y&&(g+=v({offset:c,size:f,anchorSize:e.height,viewPortSize:p,anchorAlignPoint:n.vertical,elementAlignPoint:i.vertical})),b&&(h+=v({offset:a,size:u,anchorSize:e.width,viewPortSize:d,anchorAlignPoint:n.horizontal,elementAlignPoint:i.horizontal})),{flipped:b&&0!==h||y&&0!==g,offset:{left:h,top:g}}},b=function(t){var e=l(t),n=p(t);return{x:n.pageXOffset||e.scrollLeft||0,y:n.pageYOffset||e.scrollTop||0}},y=function(t){var e=p(t);return{height:e.innerHeight,width:e.innerWidth}};e.align=o,e.AlignPoint=n,e.applyLocationOffset=i,e.boundingOffset=r,e.Collision=s,e.getDocumentElement=l,e.isBodyOffset=a,e.offsetParent=c,e.offset=u,e.position=d,e.removeScroll=h,e.restrictToView=g,e.scrollPosition=b,e.getWindow=p,e.getWindowViewPort=y},function(t,e){"use strict";var n=function(t,e){return t?t:{height:0,left:e.left,top:e.top,width:0}};e.eitherRect=n;var o=function(t,e){if(!e)return t;var n={height:t.height,left:e.left,top:e.top,width:t.width};return n};e.replaceOffset=o;var i=function(t,e){var n=t.left,o=t.top,i=e.left,r=e.top;return Math.abs(n-i)>=1||Math.abs(o-r)>=1};e.isDifferentOffset=i;var r=function(){return"undefined"!=typeof document};e.isDocumentAvailable=r;var s=function(){return"undefined"!=typeof window};e.isWindowAvailable=s;var l=function(t){return!!t.getBoundingClientRect};e.hasBoundingRect=l;var c=/auto|scroll/,a=function(t){var e=[];if(!r()||!s())return e;for(var n=t.parentElement;n;)c.test(window.getComputedStyle(n).overflow)&&e.push(n),n=n.parentElement;return e.push(window),e};e.scrollableParents=a;var f=1e3/60;e.FRAME_DURATION=f;var u=function(){if(!r())return!1;var t=10,e=document.createElement("div");e.style.transform="matrix(10, 0, 0, 10, 0, 0)",e.innerHTML='<div style="position: fixed; top: '+t+'px;">child</div>',document.body.appendChild(e);var n=e.children[0].getBoundingClientRect().top!==t;return document.body.removeChild(e),n},p=u();e.HAS_RELATIVE_STACKING_CONTEXT=p},function(t,e,n){"use strict";var o=this&&this.__decorate||function(t,e,n,o){var i,r=arguments.length,s=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,n,o);else for(var l=t.length-1;l>=0;l--)(i=t[l])&&(s=(r<3?i(s):r>3?i(e,n,s):i(e,n))||s);return r>3&&s&&Object.defineProperty(e,n,s),s},i=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},r=n(2),s=n(4),l=n(6),c=function(){function t(t){this._dom=t}return t.prototype.positionElement=function(t){var e=t.anchor,n=t.currentLocation,o=t.element,i=t.anchorAlign,r=t.elementAlign,s=t.collisions,c=this._dom.useRelativePosition(o),a=t.viewPort||this._dom.windowViewPort(o),f=l.eitherRect(this._dom.offset(e),n),u=c?null:n,p=c?n:null,d=l.replaceOffset(this._dom.offset(o),u),h=this._dom.restrictToView({anchorAlign:i,anchorRect:f,collisions:s,elementAlign:r,elementRect:d,viewPort:a});return{flipped:h.flipped,offset:this._dom.addOffset(l.replaceOffset(d,p),h.offset)}},t=o([r.Injectable(),i("design:paramtypes",[s.DOMService])],t)}();e.PositionService=c},function(t,e,n){"use strict";var o=this&&this.__decorate||function(t,e,n,o){var i,r=arguments.length,s=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,n,o);else for(var l=t.length-1;l>=0;l--)(i=t[l])&&(s=(r<3?i(s):r>3?i(e,n,s):i(e,n))||s);return r>3&&s&&Object.defineProperty(e,n,s),s},i=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},r=n(2),s=n(9);n(10),n(11);var l=n(6),c=n(4),a=function(){function t(t,e){this._dom=t,this._zone=e}return t.prototype.subscribe=function(t){var e=this;l.isDocumentAvailable()&&this._zone.runOutsideAngular(function(){e.subscription=s.Observable.fromEvent(e._dom.getWindow(),"resize").auditTime(l.FRAME_DURATION).subscribe(function(){return e._zone.run(function(){return t()})})})},t.prototype.unsubscribe=function(){this.subscription&&this.subscription.unsubscribe()},t.prototype.isUnsubscribed=function(){return this.subscription&&this.subscription.closed},t=o([r.Injectable(),i("design:paramtypes",[c.DOMService,r.NgZone])],t)}();e.ResizeService=a},function(t,n){t.exports=e},function(t,e){t.exports=n},function(t,e){t.exports=o},function(t,e,n){"use strict";var o=this&&this.__decorate||function(t,e,n,o){var i,r=arguments.length,s=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,n,o);else for(var l=t.length-1;l>=0;l--)(i=t[l])&&(s=(r<3?i(s):r>3?i(e,n,s):i(e,n))||s);return r>3&&s&&Object.defineProperty(e,n,s),s},i=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},r=n(2),s=n(9);n(10),n(13),n(11);var l=n(4),c=n(6),a=function(){function t(t,e){this._dom=t,this._zone=e}return t.prototype.forElement=function(t){return this.unsubscribe(),this.element=t,this},t.prototype.subscribe=function(t){var e=this;if(t&&c.isDocumentAvailable()&&this.element){var n=this._dom.nativeElement(this.element),o=this._dom.scrollableParents(this.element);this._zone.runOutsideAngular(function(){var i=o.map(function(t){return s.Observable.fromEvent(t,"scroll").auditTime(c.FRAME_DURATION)}),r=function(o){return e._zone.run(function(){return t(e.isVisible(n,o.target))})};e.subscription=s.Observable.merge.apply(s.Observable,i).subscribe(r)})}},t.prototype.unsubscribe=function(){this.subscription&&this.subscription.unsubscribe()},t.prototype.isVisible=function(t,e){var n=this._dom.boundingOffset(t),o=this._dom.boundingOffset(e);return!(n.bottom<o.top)&&(!(n.bottom>o.bottom)&&(!(n.right>o.right)&&!(n.left<o.left)))},t=o([r.Injectable(),i("design:paramtypes",[l.DOMService,r.NgZone])],t)}();e.ScrollableService=a},function(t,e){t.exports=i},function(t,e,n){"use strict";var o=this&&this.__decorate||function(t,e,n,o){var i,r=arguments.length,s=r<3?e:null===o?o=Object.getOwnPropertyDescriptor(e,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(t,e,n,o);else for(var l=t.length-1;l>=0;l--)(i=t[l])&&(s=(r<3?i(s):r>3?i(e,n,s):i(e,n))||s);return r>3&&s&&Object.defineProperty(e,n,s),s},i=this&&this.__metadata||function(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)},r=n(2),s=n(15),l=n(1),c=[l.PopupComponent],a=function(){function t(){}return t=o([r.NgModule({declarations:[c],exports:[c],imports:[s.CommonModule]}),i("design:paramtypes",[])],t)}();e.PopupModule=a},function(t,e){t.exports=r}])});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@angular/core"),require("rxjs/Observable"),require("rxjs/add/observable/fromEvent"),require("rxjs/add/operator/auditTime"),require("rxjs/add/observable/merge"),require("@angular/common")):"function"==typeof define&&define.amd?define(["@angular/core","rxjs/Observable","rxjs/add/observable/fromEvent","rxjs/add/operator/auditTime","rxjs/add/observable/merge","@angular/common"],t):"object"==typeof exports?exports.KendoAngularPopup=t(require("@angular/core"),require("rxjs/Observable"),require("rxjs/add/observable/fromEvent"),require("rxjs/add/operator/auditTime"),require("rxjs/add/observable/merge"),require("@angular/common")):e.KendoAngularPopup=t(e["@angular/core"],e["rxjs/Observable"],e["rxjs/add/observable/fromEvent"],e["rxjs/add/operator/auditTime"],e["rxjs/add/observable/merge"],e["@angular/common"])}(this,function(e,t,n,o,i,r){return function(e){function t(o){if(n[o])return n[o].exports;var i=n[o]={exports:{},id:o,loaded:!1};return e[o].call(i.exports,i,i.exports,t),i.loaded=!0,i.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){"use strict";var o=n(1);t.PopupComponent=o.PopupComponent;var i=n(14);t.PopupModule=i.PopupModule},function(e,t,n){"use strict";var o=this&&this.__decorate||function(e,t,n,o){var i,r=arguments.length,s=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,n,o);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(s=(r<3?i(s):r>3?i(t,n,s):i(t,n))||s);return r>3&&s&&Object.defineProperty(t,n,s),s},i=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},r=n(2),s=n(3),l=n(4),c=n(7),a=n(8),f=n(12),u=n(6),p={left:0,top:0},d=function(){function e(e,t,n,o,i,s,l){this._alignService=e,this.container=t,this._cdr=n,this._positionService=o,this._resizeService=i,this._scrollableService=s,this._renderer=l,this.animate=!0,this.anchorAlign={horizontal:"left",vertical:"bottom"},this.collision={horizontal:"fit",vertical:"flip"},this.popupAlign={horizontal:"left",vertical:"top"},this.offset=p,this.anchorViewportLeave=new r.EventEmitter,this.close=new r.EventEmitter,this.open=new r.EventEmitter,this.direction="down",this.currentOffset=p,this.resolvedPromised=Promise.resolve(null),this._renderer.setElementClass(t.nativeElement,"k-animation-container",!0),this._renderer.setElementClass(t.nativeElement,"k-animation-container-fixed",!0)}return Object.defineProperty(e.prototype,"offsetLeft",{get:function(){return this.currentOffset.left},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"offsetTop",{get:function(){return this.currentOffset.top},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){var e=this.reposition.bind(this);this._resizeService.subscribe(e),this._scrollableService.forElement(this.anchor||this.container).subscribe(this.onScroll.bind(this))},e.prototype.ngAfterViewChecked=function(){var e=this;if(u.isDocumentAvailable()){var t=this.position(),n=t.flipped,o=t.offset,i=this.getDirection(n);(this.direction!==i||u.isDifferentOffset(this.currentOffset,o))&&this.resolvedPromised.then(function(){e.currentOffset=o,e.direction=i,e._cdr.markForCheck()})}},e.prototype.ngOnDestroy=function(){this.close.emit(),this._resizeService.unsubscribe(),this._scrollableService.unsubscribe()},e.prototype.triggerOpen=function(){this._renderer.setElementClass(this.container.nativeElement,"k-animation-container-shown",!0),this.open.emit()},e.prototype.reposition=function(){if(u.isDocumentAvailable()){var e=this.position(),t=e.flipped,n=e.offset;this.direction=this.getDirection(t),this.currentOffset=n}},e.prototype.position=function(){var e=this._alignService.alignElement({anchor:this.anchor,anchorAlign:this.anchorAlign,element:this.container,elementAlign:this.popupAlign,offset:this.offset});return this._positionService.positionElement({anchor:this.anchor,anchorAlign:this.anchorAlign,collisions:this.collision,currentLocation:e,element:this.container,elementAlign:this.popupAlign})},e.prototype.getDirection=function(e){return this.animate?e?"up":"down":"none"},e.prototype.onScroll=function(e){e?this.reposition():this.anchorViewportLeave.emit()},e}();o([r.Input(),i("design:type",Boolean)],d.prototype,"animate",void 0),o([r.Input(),i("design:type",r.ElementRef)],d.prototype,"anchor",void 0),o([r.Input(),i("design:type",Object)],d.prototype,"anchorAlign",void 0),o([r.Input(),i("design:type",Object)],d.prototype,"collision",void 0),o([r.Input(),i("design:type",Object)],d.prototype,"popupAlign",void 0),o([r.Input(),i("design:type",Object)],d.prototype,"popupClass",void 0),o([r.Input(),i("design:type",Object)],d.prototype,"offset",void 0),o([r.Output(),i("design:type",r.EventEmitter)],d.prototype,"anchorViewportLeave",void 0),o([r.Output(),i("design:type",r.EventEmitter)],d.prototype,"close",void 0),o([r.Output(),i("design:type",r.EventEmitter)],d.prototype,"open",void 0),o([r.HostBinding("style.left.px"),i("design:type",Number),i("design:paramtypes",[])],d.prototype,"offsetLeft",null),o([r.HostBinding("style.top.px"),i("design:type",Number),i("design:paramtypes",[])],d.prototype,"offsetTop",null),d=o([r.Component({animations:[r.trigger("toggle",[r.transition("void => down, up => down",[r.style({transform:"translateY(-100%)"}),r.animate("0.1s ease-in",r.style({transform:"translateY(0)"}))]),r.transition("down => void",[r.style({transform:"translateY(0)"}),r.animate("0.1s ease-in",r.style({transform:"translateY(-100%)"}))]),r.transition("void => up, down => up",[r.style({transform:"translateY(100%)"}),r.animate("0.1s ease-in",r.style({transform:"translateY(0)"}))]),r.transition("up => void",[r.style({transform:"translateY(0)"}),r.animate("0.1s ease-in",r.style({transform:"translateY(100%)"}))])])],exportAs:"kendo-popup",providers:[s.AlignService,l.DOMService,c.PositionService,a.ResizeService,f.ScrollableService],selector:"kendo-popup",template:'\n        <div class="k-popup" [ngClass]="popupClass" [@toggle]="direction" (@toggle.done)="triggerOpen()">\n            <ng-content></ng-content>\n        </div>\n     '}),i("design:paramtypes",[s.AlignService,r.ElementRef,r.ChangeDetectorRef,c.PositionService,a.ResizeService,f.ScrollableService,r.Renderer])],d),t.PopupComponent=d},function(t,n){t.exports=e},function(e,t,n){"use strict";var o=this&&this.__decorate||function(e,t,n,o){var i,r=arguments.length,s=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,n,o);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(s=(r<3?i(s):r>3?i(t,n,s):i(t,n))||s);return r>3&&s&&Object.defineProperty(t,n,s),s},i=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},r=n(2),s=n(4),l=n(6),c=function(){function e(e){this._dom=e}return e.prototype.alignElement=function(e){var t=e.anchor,n=e.element,o=e.anchorAlign,i=e.elementAlign,r=e.offset,s=l.eitherRect(this._dom.normalizedOffset(t),r),c=this._dom.normalizedOffset(n);return t||(s=this._dom.removeScroll(s,this._dom.scrollPosition(n))),this._dom.align({anchorAlign:o,anchorRect:s,elementAlign:i,elementRect:c})},e}();c=o([r.Injectable(),i("design:paramtypes",[s.DOMService])],c),t.AlignService=c},function(e,t,n){"use strict";var o=this&&this.__decorate||function(e,t,n,o){var i,r=arguments.length,s=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,n,o);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(s=(r<3?i(s):r>3?i(t,n,s):i(t,n))||s);return r>3&&s&&Object.defineProperty(t,n,s),s},i=n(2),r=n(5),s=n(6),l=function(){function e(){}return e.prototype.addOffset=function(e,t){return{left:e.left+t.left,top:e.top+t.top}},e.prototype.align=function(e){return r.align(e)},e.prototype.boundingOffset=function(e){return r.boundingOffset(this.nativeElement(e))},e.prototype.getWindow=function(){return s.isWindowAvailable()?window:null},e.prototype.isBodyOffset=function(e){return r.isBodyOffset(this.nativeElement(e))},e.prototype.offset=function(e){return e?r.offset(this.nativeElement(e)):null},e.prototype.nativeElement=function(e){return e?e.nativeElement||e:null},e.prototype.normalizedOffset=function(e){var t=this.offset(e),n=this.getRelativeContextElement(e);if(t&&n){var o=r.offset(n);t.left-=o.left,t.top-=o.top}return t},e.prototype.position=function(e){return e?r.position(this.nativeElement(e)):null},e.prototype.relativeOffset=function(e,t){return r.applyLocationOffset(this.offset(e),t,this.isBodyOffset(e))},e.prototype.removeScroll=function(e,t){return r.removeScroll(e,t)},e.prototype.restrictToView=function(e){return r.restrictToView(e)},e.prototype.scrollPosition=function(e){return r.scrollPosition(this.nativeElement(e))},e.prototype.scrollableParents=function(e){return s.scrollableParents(this.nativeElement(e))},e.prototype.getRelativeContextElement=function(e){if(!e||!s.HAS_RELATIVE_STACKING_CONTEXT)return null;for(var t=this.nativeElement(e).parentElement;t;){if("none"!==window.getComputedStyle(t).transform)return t;t=t.parentElement}return null},e.prototype.useRelativePosition=function(e){return!!this.getRelativeContextElement(e)},e.prototype.windowViewPort=function(e){return r.getWindowViewPort(this.nativeElement(e))},e}();l=o([i.Injectable()],l),t.DOMService=l},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n={bottom:"bottom",center:"center",middle:"middle",left:"left",right:"right",top:"top"},o=function(e){var t=e.anchorRect,o=e.anchorAlign,i=e.elementRect,r=e.elementAlign,s=o.horizontal,l=o.vertical,c=r.horizontal,a=r.vertical,f=t.top,u=t.left;return l===n.bottom&&(f+=t.height),l!==n.center&&l!==n.middle||(f+=Math.round(t.height/2)),a===n.bottom&&(f-=i.height),a!==n.center&&a!==n.middle||(f-=Math.round(i.height/2)),s===n.right&&(u+=t.width),s!==n.center&&s!==n.middle||(u+=Math.round(t.width/2)),c===n.right&&(u-=i.width),c!==n.center&&c!==n.middle||(u-=Math.round(i.width/2)),{top:f,left:u}},i=function(e,t,n){var o=e.top,i=e.left;return n&&(i=0,o=0),{top:o+t.top,left:i+t.left,height:e.height,width:e.width}},r=function(e){if(!e.getBoundingClientRect)return{bottom:e.innerHeight,left:0,right:e.innerWidth,top:0};var t=e.getBoundingClientRect(),n=t.bottom,o=t.left,i=t.right,r=t.top;return{bottom:n,left:o,right:i,top:r}},s={fit:"fit",flip:"flip"},l=function(e){return e.ownerDocument.documentElement},c=function(e){for(var t=e.offsetParent;t&&"static"===t.style.position;)t=t.offsetParent;return t||l(e)},a=function(e){return c(e)===e.ownerDocument.body},f=function(e){var t=e.style,n=t.display,o=t.left,i=t.position;e.style.display="",e.style.left="-10000px",e.style.position="absolute";var r=e.getBoundingClientRect();return e.style.display=n,e.style.left=o,e.style.position=i,r},u=function(e){var t=e.getBoundingClientRect(),n=t.left,o=t.top;return t.height||t.width||(t=f(e),n=t.left,o=t.top),{top:o,left:n,height:t.height,width:t.width}},p=function(e){return e.ownerDocument.defaultView},d=function(e){var t=p(e),n=t.getComputedStyle(e),o=u(e),i=c(e),r=t.getComputedStyle(i),s={top:0,left:0};return"fixed"!==n.position&&i!==e.ownerDocument.body&&(s=u(i),s.top+=parseInt(r.borderTopWidth,10),s.left+=parseInt(r.borderLeftWidth,10)),{top:o.top-s.top-parseInt(n.marginTop,10),left:o.left-s.left-parseInt(n.marginLeft,10),height:o.height,width:o.width}},h=function(e,t){return{top:e.top-t.y,left:e.left-t.x,height:e.height,width:e.width}},m=function(e,t,n){var o=0;return e+t>n&&(o=n-(e+t)),e<0&&(o=-e),o},v=function(e){var t=e.offset,o=e.size,i=e.anchorSize,r=e.viewPortSize,s=e.anchorAlignPoint,l=e.elementAlignPoint,c=0,a=l===n.center||l===n.middle,f=s===n.center||s===n.middle;return l===s||a||f||(t+o>r&&(c+=-(i+o)),t+c<0&&(c+=i+o)),c},g=function(e){var t=e.anchorRect,n=e.anchorAlign,o=e.elementRect,i=e.elementAlign,r=e.collisions,l=e.viewPort,c=o.top,a=o.left,f=o.height,u=o.width,p=l.height,d=l.width,h=0,g=0,b=r.horizontal===s.flip,y=r.vertical===s.flip;return r.vertical===s.fit&&(g+=m(c,f,p)),r.horizontal===s.fit&&(h+=m(a,u,d)),y&&(g+=v({offset:c,size:f,anchorSize:t.height,viewPortSize:p,anchorAlignPoint:n.vertical,elementAlignPoint:i.vertical})),b&&(h+=v({offset:a,size:u,anchorSize:t.width,viewPortSize:d,anchorAlignPoint:n.horizontal,elementAlignPoint:i.horizontal})),{flipped:b&&0!==h||y&&0!==g,offset:{left:h,top:g}}},b=function(e){var t=l(e),n=p(e);return{x:n.pageXOffset||t.scrollLeft||0,y:n.pageYOffset||t.scrollTop||0}},y=function(e){var t=p(e);return{height:t.innerHeight,width:t.innerWidth}};t.align=o,t.AlignPoint=n,t.applyLocationOffset=i,t.boundingOffset=r,t.Collision=s,t.getDocumentElement=l,t.isBodyOffset=a,t.offsetParent=c,t.offset=u,t.position=d,t.removeScroll=h,t.restrictToView=g,t.scrollPosition=b,t.getWindow=p,t.getWindowViewPort=y},function(e,t){"use strict";var n=function(e,t){return e?e:{height:0,left:t.left,top:t.top,width:0}};t.eitherRect=n;var o=function(e,t){if(!t)return e;var n={height:e.height,left:t.left,top:t.top,width:e.width};return n};t.replaceOffset=o;var i=function(e,t){var n=e.left,o=e.top,i=t.left,r=t.top;return Math.abs(n-i)>=1||Math.abs(o-r)>=1};t.isDifferentOffset=i;var r=function(){return"undefined"!=typeof document};t.isDocumentAvailable=r;var s=function(){return"undefined"!=typeof window};t.isWindowAvailable=s;var l=function(e){return!!e.getBoundingClientRect};t.hasBoundingRect=l;var c=/auto|scroll/,a=function(e){var t=[];if(!r()||!s())return t;for(var n=e.parentElement;n;)c.test(window.getComputedStyle(n).overflow)&&t.push(n),n=n.parentElement;return t.push(window),t};t.scrollableParents=a;var f=1e3/60;t.FRAME_DURATION=f;var u=function(){if(!r())return!1;var e=10,t=document.createElement("div");t.style.transform="matrix(10, 0, 0, 10, 0, 0)",t.innerHTML='<div style="position: fixed; top: '+e+'px;">child</div>',document.body.appendChild(t);var n=t.children[0].getBoundingClientRect().top!==e;return document.body.removeChild(t),n},p=u();t.HAS_RELATIVE_STACKING_CONTEXT=p},function(e,t,n){"use strict";var o=this&&this.__decorate||function(e,t,n,o){var i,r=arguments.length,s=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,n,o);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(s=(r<3?i(s):r>3?i(t,n,s):i(t,n))||s);return r>3&&s&&Object.defineProperty(t,n,s),s},i=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},r=n(2),s=n(4),l=n(6),c=function(){function e(e){this._dom=e}return e.prototype.positionElement=function(e){var t=e.anchor,n=e.currentLocation,o=e.element,i=e.anchorAlign,r=e.elementAlign,s=e.collisions,c=this._dom.useRelativePosition(o),a=e.viewPort||this._dom.windowViewPort(o),f=l.eitherRect(this._dom.offset(t),n),u=c?null:n,p=c?n:null,d=l.replaceOffset(this._dom.offset(o),u),h=this._dom.restrictToView({anchorAlign:i,anchorRect:f,collisions:s,elementAlign:r,elementRect:d,viewPort:a});return{flipped:h.flipped,offset:this._dom.addOffset(l.replaceOffset(d,p),h.offset)}},e}();c=o([r.Injectable(),i("design:paramtypes",[s.DOMService])],c),t.PositionService=c},function(e,t,n){"use strict";var o=this&&this.__decorate||function(e,t,n,o){var i,r=arguments.length,s=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,n,o);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(s=(r<3?i(s):r>3?i(t,n,s):i(t,n))||s);return r>3&&s&&Object.defineProperty(t,n,s),s},i=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},r=n(2),s=n(9);n(10),n(11);var l=n(6),c=n(4),a=function(){function e(e,t){this._dom=e,this._zone=t}return e.prototype.subscribe=function(e){var t=this;l.isDocumentAvailable()&&this._zone.runOutsideAngular(function(){t.subscription=s.Observable.fromEvent(t._dom.getWindow(),"resize").auditTime(l.FRAME_DURATION).subscribe(function(){return t._zone.run(function(){return e()})})})},e.prototype.unsubscribe=function(){this.subscription&&this.subscription.unsubscribe()},e.prototype.isUnsubscribed=function(){return this.subscription&&this.subscription.closed},e}();a=o([r.Injectable(),i("design:paramtypes",[c.DOMService,r.NgZone])],a),t.ResizeService=a},function(e,n){e.exports=t},function(e,t){e.exports=n},function(e,t){e.exports=o},function(e,t,n){"use strict";var o=this&&this.__decorate||function(e,t,n,o){var i,r=arguments.length,s=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,n,o);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(s=(r<3?i(s):r>3?i(t,n,s):i(t,n))||s);return r>3&&s&&Object.defineProperty(t,n,s),s},i=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},r=n(2),s=n(9);n(10),n(13),n(11);var l=n(4),c=n(6),a=function(){function e(e,t){this._dom=e,this._zone=t}return e.prototype.forElement=function(e){return this.unsubscribe(),this.element=e,this},e.prototype.subscribe=function(e){var t=this;if(e&&c.isDocumentAvailable()&&this.element){var n=this._dom.nativeElement(this.element),o=this._dom.scrollableParents(this.element);this._zone.runOutsideAngular(function(){var i=o.map(function(e){return s.Observable.fromEvent(e,"scroll").auditTime(c.FRAME_DURATION)}),r=function(o){return t._zone.run(function(){return e(t.isVisible(n,o.target))})};t.subscription=s.Observable.merge.apply(s.Observable,i).subscribe(r)})}},e.prototype.unsubscribe=function(){this.subscription&&this.subscription.unsubscribe()},e.prototype.isVisible=function(e,t){var n=this._dom.boundingOffset(e),o=this._dom.boundingOffset(t);return!(n.bottom<o.top)&&(!(n.bottom>o.bottom)&&(!(n.right>o.right)&&!(n.left<o.left)))},e}();a=o([r.Injectable(),i("design:paramtypes",[l.DOMService,r.NgZone])],a),t.ScrollableService=a},function(e,t){e.exports=i},function(e,t,n){"use strict";var o=this&&this.__decorate||function(e,t,n,o){var i,r=arguments.length,s=r<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,n,o);else for(var l=e.length-1;l>=0;l--)(i=e[l])&&(s=(r<3?i(s):r>3?i(t,n,s):i(t,n))||s);return r>3&&s&&Object.defineProperty(t,n,s),s},i=n(2),r=n(15),s=n(1),l=[s.PopupComponent],c=function(){function e(){}return e}();c=o([i.NgModule({declarations:[l],exports:[l],imports:[r.CommonModule]})],c),t.PopupModule=c},function(e,t){e.exports=r}])});

dist/es/main.d.ts

@@ -1,3 +0,5 @@
-export { AlignStrategy as Align, CollisionStrategy as Collision, OffsetPosition as Offset } from '@progress/kendo-popup-common';
+export { Align } from './models/align.interface';
+export { Collision } from './models/collision.interface';
+export { Offset } from './models/offset.interface';
 export { PopupComponent } from './popup.component';
 export { PopupModule } from './popup.module';

dist/es/main.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":1,"metadata":{},"exports":[{"from":"@progress/kendo-popup-common","export":[{"name":"AlignStrategy","as":"Align"},{"name":"CollisionStrategy","as":"Collision"},{"name":"OffsetPosition","as":"Offset"}]},{"from":"./popup.component","export":["PopupComponent"]},{"from":"./popup.module","export":["PopupModule"]}]}
+[{"__symbolic":"module","version":3,"metadata":{},"exports":[{"from":"./models/align.interface","export":["Align"]},{"from":"./models/collision.interface","export":["Collision"]},{"from":"./models/offset.interface","export":["Offset"]},{"from":"./popup.component","export":["PopupComponent"]},{"from":"./popup.module","export":["PopupModule"]}]},{"__symbolic":"module","version":1,"metadata":{},"exports":[{"from":"./models/align.interface","export":["Align"]},{"from":"./models/collision.interface","export":["Collision"]},{"from":"./models/offset.interface","export":["Offset"]},{"from":"./popup.component","export":["PopupComponent"]},{"from":"./popup.module","export":["PopupModule"]}]}]

dist/es/popup.component.d.ts

 import { AfterViewChecked, ChangeDetectorRef, ElementRef, EventEmitter, OnInit, OnDestroy, Renderer } from '@angular/core';
+import { Align } from './models/align.interface';
+import { Collision } from './models/collision.interface';
+import { Offset } from './models/offset.interface';
 import { AlignService } from './services/align.service';
@@ -6,3 +9,2 @@ import { PositionService } from './services/position.service';
 import { ScrollableService } from './services/scrollable.service';
-import { AlignStrategy, CollisionStrategy, OffsetPosition } from '@progress/kendo-popup-common';
 /**
@@ -39,3 +41,3 @@ * Represents the Kendo UI Popup component for Angular.
      * For more information, refer to the section on
-     * [`Animation Control`]({% slug overview_popup_kendouiforangular %}#toc-animation-control).
+     * [animation control]({% slug overview_popup_kendouiforangular %}#toc-enable-and-disable-animations).
      */
@@ -46,4 +48,4 @@ animate: boolean;
      *
-     * For more information, refer to the section on
-     * [`Anchor`]({% slug overview_popup_kendouiforangular %}#toc-anchor).
+     * For more information, refer to the section on the
+     * [anchor]({% slug overview_popup_kendouiforangular %}#toc-align-to-specific-components).
      */
@@ -54,72 +56,20 @@ anchor: ElementRef;
      *
-     * **anchorAlign.horizontal** - String(default: "left")
-     *
-     * Specifies the horizontal alignment point of the anchor.
-     *
-     * The available options are:
-     * - `left`—Uses the leftmost point of the anchor element.
-     * - `center`—Uses the center point of the anchor element.
-     * - `right`—Uses the rightmost point of the anchor element.
-     *
-     * **anchorAlign.vertival** - String(default: "bottom")
-     *
-     * Specifies the vertical alignment point of the anchor.
-     *
-     * The available options are:
-     * - `top`—Uses the top point of the anchor element.
-     * - `center`—Uses the center point of the anchor element.
-     * - `bottom`—Uses the bottom point of the anchor element.
-     *
      * For more information, refer to the section on
-     * [`Positioning`]({% slug overview_popup_kendouiforangular %}#toc-positioning).
+     * [positioning]({% slug overview_popup_kendouiforangular %}#toc-set-the-position).
      */
-    anchorAlign: AlignStrategy;
+    anchorAlign: Align;
     /**
      * Configures the collision behavior of the Popup.
      *
-     * **collision.horizontal** - String(default: "fit")
-     *
-     * Defines the horizontal position of the Popup when it is not fully visible.
-     *
-     * The available options are:
-     * - `fit`—Moves the Popup horizontally until it is fully displayed in the view port.
-     * - `flip`—Flips the Popup position based on the origin and the position properties.
-     *
-     * **collision.vertical** - String(default: "flip")
-     *
-     * Defines the vertical position of the Popup when it is not fully visible.
-     *
-     * The available options are:
-     * - `fit`—Moves the Popup vertically until it is fully displayed in the view port.
-     * - `flip`—Flips the Popup position based on the origin and position properties.
-     *
      * For more information, refer to the section on
-     * [`Collisions`]({% slug overview_popup_kendouiforangular %}#toc-collisions).
+     * [collisions]({% slug overview_popup_kendouiforangular %}#toc-set-behavior-when-outside-the-viewport).
      */
-    collision: CollisionStrategy;
+    collision: Collision;
     /**
      * Specifies the pivot point of the Popup.
      *
-     * **popupAlign.horizontal** - String(default: "left")
-     *
-     * Specifies the horizontal alignment point of the Popup.
-     *
-     * The available options are:
-     * - `left`—Uses the leftmost point of the Popup element.
-     * - `center`—Uses the center point of the Popup element.
-     * - `right`—Uses the rightmost point of the Popup element.
-     *
-     * **popupAlign.vertival** - String(default: "top")
-     *
-     * Specifies the vertical alignment point of the Popup.
-     *
-     * The available options are:
-     * - `top`—Uses the top point of the Popup element.
-     * - `center`—Uses the center point of the Popup element.
-     * - `bottom`—Uses the bottom point of the Popup element.
-     *
      * For more information, refer to the section on
-     * [`Positioning`]({% slug overview_popup_kendouiforangular %}#toc-positioning).
+     * [positioning]({% slug overview_popup_kendouiforangular %}#toc-set-the-position).
      */
-    popupAlign: AlignStrategy;
+    popupAlign: Align;
     /**
@@ -131,5 +81,5 @@ * Specifies a list of CSS classes to be added to the internal animated element.
      * For more information, refer to the section on
-     * [`Appearance Control`]({% slug overview_popup_kendouiforangular %}#toc-appearance-control).
+     * [appearance control]({% slug overview_popup_kendouiforangular %}#toc-set-the-styles).
      */
-    popupClass: string;
+    popupClass: string | Array<string> | Object;
     /**
@@ -139,26 +89,21 @@ * Specifies the absolute position of the element. The Popup opens next to that point.
      * The Popup pivot point is defined by the `popupAlign` configuration option.
-     * The boundary detection is applied by using the Window view port.
+     * The boundary detection is applied by using the window viewport.
      *
-     * The `Offset` type includes:
-     * - `offset.left`&mdash;Defines the left position of the Popup.
-     * - `offset.top`&mdash;Defines the top position of the Popup.
-     *
      * For more information, refer to the section on
-     * [`Static Alignment`]({% slug overview_popup_kendouiforangular %}#toc-static-alignment).
+     * [static alignment]({% slug overview_popup_kendouiforangular %}#toc-align-to-specific-static-points).
      */
-    offset: OffsetPosition;
+    offset: Offset;
     /**
-     * The `anchorViewportLeave` event is triggered when the anchor
-     * is scrolled outside the screen boundaries.
+     * Fires when the anchor is scrolled outside the screen boundaries.
      *
      * For more information, refer to the section on
-     * [`On Scrolling outside the Viewport`]({% slug overview_popup_kendouiforangular %}#toc-on-scrolling-outside-the-viewport).
+     * [scrolling outside the viewport]({% slug overview_popup_kendouiforangular %}#toc-set-behavior-when-outside-the-viewport).
      */
     anchorViewportLeave: EventEmitter<any>;
     /**
-     * The `close` event is triggered after the component is closed.
+     * Fires after the component is closed.
      */
     close: EventEmitter<any>;
     /**
-     * The `open` event is triggered after the component is opened and the open animation ends.
+     * Fires after the component is opened and the open animation has ended.
      */
@@ -184,2 +129,6 @@ open: EventEmitter<any>;
     ngOnDestroy(): void;
+    /**
+     * @hidden
+     */
+    triggerOpen(): void;
     private reposition();
@@ -186,0 +135,0 @@ private position();

dist/es/popup.component.js

@@ -0,1 +1,10 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
 import { ChangeDetectorRef, Component, ElementRef, EventEmitter, HostBinding, Input, Output, Renderer, trigger, style, transition, animate } from '@angular/core';
@@ -28,3 +37,3 @@ import { AlignService } from './services/align.service';
  */
-export var PopupComponent = (function () {
+var PopupComponent = (function () {
     function PopupComponent(_alignService, container, _cdr, _positionService, _resizeService, _scrollableService, _renderer) {
@@ -42,3 +51,3 @@ this._alignService = _alignService;
          * For more information, refer to the section on
-         * [`Animation Control`]({% slug overview_popup_kendouiforangular %}#toc-animation-control).
+         * [animation control]({% slug overview_popup_kendouiforangular %}#toc-enable-and-disable-animations).
          */
@@ -49,22 +58,4 @@ this.animate = true;
          *
-         * **anchorAlign.horizontal** - String(default: "left")
-         *
-         * Specifies the horizontal alignment point of the anchor.
-         *
-         * The available options are:
-         * - `left`&mdash;Uses the leftmost point of the anchor element.
-         * - `center`&mdash;Uses the center point of the anchor element.
-         * - `right`&mdash;Uses the rightmost point of the anchor element.
-         *
-         * **anchorAlign.vertival** - String(default: "bottom")
-         *
-         * Specifies the vertical alignment point of the anchor.
-         *
-         * The available options are:
-         * - `top`&mdash;Uses the top point of the anchor element.
-         * - `center`&mdash;Uses the center point of the anchor element.
-         * - `bottom`&mdash;Uses the bottom point of the anchor element.
-         *
          * For more information, refer to the section on
-         * [`Positioning`]({% slug overview_popup_kendouiforangular %}#toc-positioning).
+         * [positioning]({% slug overview_popup_kendouiforangular %}#toc-set-the-position).
          */
@@ -75,20 +66,4 @@ this.anchorAlign = { horizontal: 'left', vertical: 'bottom' };
          *
-         * **collision.horizontal** - String(default: "fit")
-         *
-         * Defines the horizontal position of the Popup when it is not fully visible.
-         *
-         * The available options are:
-         * - `fit`&mdash;Moves the Popup horizontally until it is fully displayed in the view port.
-         * - `flip`&mdash;Flips the Popup position based on the origin and the position properties.
-         *
-         * **collision.vertical** - String(default: "flip")
-         *
-         * Defines the vertical position of the Popup when it is not fully visible.
-         *
-         * The available options are:
-         * - `fit`&mdash;Moves the Popup vertically until it is fully displayed in the view port.
-         * - `flip`&mdash;Flips the Popup position based on the origin and position properties.
-         *
          * For more information, refer to the section on
-         * [`Collisions`]({% slug overview_popup_kendouiforangular %}#toc-collisions).
+         * [collisions]({% slug overview_popup_kendouiforangular %}#toc-set-behavior-when-outside-the-viewport).
          */
@@ -99,22 +74,4 @@ this.collision = { horizontal: 'fit', vertical: 'flip' };
          *
-         * **popupAlign.horizontal** - String(default: "left")
-         *
-         * Specifies the horizontal alignment point of the Popup.
-         *
-         * The available options are:
-         * - `left`&mdash;Uses the leftmost point of the Popup element.
-         * - `center`&mdash;Uses the center point of the Popup element.
-         * - `right`&mdash;Uses the rightmost point of the Popup element.
-         *
-         * **popupAlign.vertival** - String(default: "top")
-         *
-         * Specifies the vertical alignment point of the Popup.
-         *
-         * The available options are:
-         * - `top`&mdash;Uses the top point of the Popup element.
-         * - `center`&mdash;Uses the center point of the Popup element.
-         * - `bottom`&mdash;Uses the bottom point of the Popup element.
-         *
          * For more information, refer to the section on
-         * [`Positioning`]({% slug overview_popup_kendouiforangular %}#toc-positioning).
+         * [positioning]({% slug overview_popup_kendouiforangular %}#toc-set-the-position).
          */
@@ -126,26 +83,21 @@ this.popupAlign = { horizontal: 'left', vertical: 'top' };
          * The Popup pivot point is defined by the `popupAlign` configuration option.
-         * The boundary detection is applied by using the Window view port.
+         * The boundary detection is applied by using the window viewport.
          *
-         * The `Offset` type includes:
-         * - `offset.left`&mdash;Defines the left position of the Popup.
-         * - `offset.top`&mdash;Defines the top position of the Popup.
-         *
          * For more information, refer to the section on
-         * [`Static Alignment`]({% slug overview_popup_kendouiforangular %}#toc-static-alignment).
+         * [static alignment]({% slug overview_popup_kendouiforangular %}#toc-align-to-specific-static-points).
          */
         this.offset = DEFAULT_OFFSET;
         /**
-         * The `anchorViewportLeave` event is triggered when the anchor
-         * is scrolled outside the screen boundaries.
+         * Fires when the anchor is scrolled outside the screen boundaries.
          *
          * For more information, refer to the section on
-         * [`On Scrolling outside the Viewport`]({% slug overview_popup_kendouiforangular %}#toc-on-scrolling-outside-the-viewport).
+         * [scrolling outside the viewport]({% slug overview_popup_kendouiforangular %}#toc-set-behavior-when-outside-the-viewport).
          */
         this.anchorViewportLeave = new EventEmitter();
         /**
-         * The `close` event is triggered after the component is closed.
+         * Fires after the component is closed.
          */
         this.close = new EventEmitter();
         /**
-         * The `open` event is triggered after the component is opened and the open animation ends.
+         * Fires after the component is opened and the open animation has ended.
          */
@@ -159,4 +111,4 @@ this.open = new EventEmitter();
         this.resolvedPromised = Promise.resolve(null);
-        _renderer.setElementClass(container.nativeElement, 'k-animation-container', true);
-        _renderer.setElementClass(container.nativeElement, 'k-animation-container-fixed', true);
+        this._renderer.setElementClass(container.nativeElement, 'k-animation-container', true);
+        this._renderer.setElementClass(container.nativeElement, 'k-animation-container-fixed', true);
     }
@@ -209,2 +161,9 @@ Object.defineProperty(PopupComponent.prototype, "offsetLeft", {
     };
+    /**
+     * @hidden
+     */
+    PopupComponent.prototype.triggerOpen = function () {
+        this._renderer.setElementClass(this.container.nativeElement, 'k-animation-container-shown', true);
+        this.open.emit();
+    };
     PopupComponent.prototype.reposition = function () {
@@ -246,55 +205,89 @@ if (!isDocumentAvailable()) {
     };
-    PopupComponent.decorators = [
-        { type: Component, args: [{
-                    animations: [
-                        trigger('toggle', [
-                            transition('void => down, up => down', [
-                                style({ transform: 'translateY(-100%)' }),
-                                animate('0.2s ease-in', style({ transform: 'translateY(0)' }))
-                            ]),
-                            transition('down => void', [
-                                style({ transform: 'translateY(0)' }),
-                                animate('0.2s ease-in', style({ transform: 'translateY(-100%)' }))
-                            ]),
-                            transition('void => up, down => up', [
-                                style({ transform: 'translateY(100%)' }),
-                                animate('0.2s ease-in', style({ transform: 'translateY(0)' }))
-                            ]),
-                            transition('up => void', [
-                                style({ transform: 'translateY(0)' }),
-                                animate('0.2s ease-in', style({ transform: 'translateY(100%)' }))
-                            ])
-                        ])
-                    ],
-                    exportAs: 'kendo-popup',
-                    providers: [AlignService, DOMService, PositionService, ResizeService, ScrollableService],
-                    selector: 'kendo-popup',
-                    template: "\n        <div class=\"k-popup\" [ngClass]=\"popupClass\" [@toggle]=\"direction\" (@toggle.done)=\"open.emit()\">\n            <ng-content></ng-content>\n        </div>\n     "
-                },] },
-    ];
-    /** @nocollapse */
-    PopupComponent.ctorParameters = [
-        { type: AlignService, },
-        { type: ElementRef, },
-        { type: ChangeDetectorRef, },
-        { type: PositionService, },
-        { type: ResizeService, },
-        { type: ScrollableService, },
-        { type: Renderer, },
-    ];
-    PopupComponent.propDecorators = {
-        'animate': [{ type: Input },],
-        'anchor': [{ type: Input },],
-        'anchorAlign': [{ type: Input },],
-        'collision': [{ type: Input },],
-        'popupAlign': [{ type: Input },],
-        'popupClass': [{ type: Input },],
-        'offset': [{ type: Input },],
-        'anchorViewportLeave': [{ type: Output },],
-        'close': [{ type: Output },],
-        'open': [{ type: Output },],
-        'offsetLeft': [{ type: HostBinding, args: ['style.left.px',] },],
-        'offsetTop': [{ type: HostBinding, args: ['style.top.px',] },],
-    };
     return PopupComponent;
 }());
+__decorate([
+    Input(),
+    __metadata("design:type", Boolean)
+], PopupComponent.prototype, "animate", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", ElementRef)
+], PopupComponent.prototype, "anchor", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], PopupComponent.prototype, "anchorAlign", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], PopupComponent.prototype, "collision", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], PopupComponent.prototype, "popupAlign", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], PopupComponent.prototype, "popupClass", void 0);
+__decorate([
+    Input(),
+    __metadata("design:type", Object)
+], PopupComponent.prototype, "offset", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], PopupComponent.prototype, "anchorViewportLeave", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], PopupComponent.prototype, "close", void 0);
+__decorate([
+    Output(),
+    __metadata("design:type", EventEmitter)
+], PopupComponent.prototype, "open", void 0);
+__decorate([
+    HostBinding('style.left.px'),
+    __metadata("design:type", Number),
+    __metadata("design:paramtypes", [])
+], PopupComponent.prototype, "offsetLeft", null);
+__decorate([
+    HostBinding('style.top.px'),
+    __metadata("design:type", Number),
+    __metadata("design:paramtypes", [])
+], PopupComponent.prototype, "offsetTop", null);
+PopupComponent = __decorate([
+    Component({
+        animations: [
+            trigger('toggle', [
+                transition('void => down, up => down', [
+                    style({ transform: 'translateY(-100%)' }),
+                    animate('0.1s ease-in', style({ transform: 'translateY(0)' }))
+                ]),
+                transition('down => void', [
+                    style({ transform: 'translateY(0)' }),
+                    animate('0.1s ease-in', style({ transform: 'translateY(-100%)' }))
+                ]),
+                transition('void => up, down => up', [
+                    style({ transform: 'translateY(100%)' }),
+                    animate('0.1s ease-in', style({ transform: 'translateY(0)' }))
+                ]),
+                transition('up => void', [
+                    style({ transform: 'translateY(0)' }),
+                    animate('0.1s ease-in', style({ transform: 'translateY(100%)' }))
+                ])
+            ])
+        ],
+        exportAs: 'kendo-popup',
+        providers: [AlignService, DOMService, PositionService, ResizeService, ScrollableService],
+        selector: 'kendo-popup',
+        template: "\n        <div class=\"k-popup\" [ngClass]=\"popupClass\" [@toggle]=\"direction\" (@toggle.done)=\"triggerOpen()\">\n            <ng-content></ng-content>\n        </div>\n     "
+    }),
+    __metadata("design:paramtypes", [AlignService,
+        ElementRef,
+        ChangeDetectorRef,
+        PositionService,
+        ResizeService,
+        ScrollableService,
+        Renderer])
+], PopupComponent);
+export { PopupComponent };

dist/es/popup.component.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":1,"metadata":{"PopupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["toggle",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["void => down, up => down",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(-100%)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["0.2s ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(0)"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["down => void",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(0)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["0.2s ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(-100%)"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["void => up, down => up",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(100%)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["0.2s ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(0)"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["up => void",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(0)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["0.2s ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(100%)"}]}]}]]}]]}],"exportAs":"kendo-popup","providers":[{"__symbolic":"reference","module":"./services/align.service","name":"AlignService"},{"__symbolic":"reference","module":"./services/dom.service","name":"DOMService"},{"__symbolic":"reference","module":"./services/position.service","name":"PositionService"},{"__symbolic":"reference","module":"./services/resize.service","name":"ResizeService"},{"__symbolic":"reference","module":"./services/scrollable.service","name":"ScrollableService"}],"selector":"kendo-popup","template":"\n        <div class=\"k-popup\" [ngClass]=\"popupClass\" [@toggle]=\"direction\" (@toggle.done)=\"open.emit()\">\n            <ng-content></ng-content>\n        </div>\n     "}]}],"members":{"animate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"anchor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"anchorAlign":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"collision":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"popupAlign":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"popupClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"offset":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"anchorViewportLeave":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"open":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"offsetLeft":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.left.px"]}]}],"offsetTop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.top.px"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./services/align.service","name":"AlignService"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"},{"__symbolic":"reference","module":"./services/position.service","name":"PositionService"},{"__symbolic":"reference","module":"./services/resize.service","name":"ResizeService"},{"__symbolic":"reference","module":"./services/scrollable.service","name":"ScrollableService"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"reposition":[{"__symbolic":"method"}],"position":[{"__symbolic":"method"}],"getDirection":[{"__symbolic":"method"}],"onScroll":[{"__symbolic":"method"}]}}}}
+[{"__symbolic":"module","version":3,"metadata":{"PopupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["toggle",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["void => down, up => down",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(-100%)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["0.1s ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(0)"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["down => void",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(0)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["0.1s ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(-100%)"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["void => up, down => up",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(100%)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["0.1s ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(0)"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["up => void",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(0)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["0.1s ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(100%)"}]}]}]]}]]}],"exportAs":"kendo-popup","providers":[{"__symbolic":"reference","module":"./services/align.service","name":"AlignService"},{"__symbolic":"reference","module":"./services/dom.service","name":"DOMService"},{"__symbolic":"reference","module":"./services/position.service","name":"PositionService"},{"__symbolic":"reference","module":"./services/resize.service","name":"ResizeService"},{"__symbolic":"reference","module":"./services/scrollable.service","name":"ScrollableService"}],"selector":"kendo-popup","template":"\n        <div class=\"k-popup\" [ngClass]=\"popupClass\" [@toggle]=\"direction\" (@toggle.done)=\"triggerOpen()\">\n            <ng-content></ng-content>\n        </div>\n     "}]}],"members":{"animate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"anchor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"anchorAlign":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"collision":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"popupAlign":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"popupClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"offset":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"anchorViewportLeave":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"open":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"offsetLeft":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.left.px"]}]}],"offsetTop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.top.px"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./services/align.service","name":"AlignService"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"},{"__symbolic":"reference","module":"./services/position.service","name":"PositionService"},{"__symbolic":"reference","module":"./services/resize.service","name":"ResizeService"},{"__symbolic":"reference","module":"./services/scrollable.service","name":"ScrollableService"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"triggerOpen":[{"__symbolic":"method"}],"reposition":[{"__symbolic":"method"}],"position":[{"__symbolic":"method"}],"getDirection":[{"__symbolic":"method"}],"onScroll":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"PopupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["toggle",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["void => down, up => down",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(-100%)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["0.1s ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(0)"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["down => void",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(0)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["0.1s ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(-100%)"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["void => up, down => up",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(100%)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["0.1s ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(0)"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["up => void",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(0)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["0.1s ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(100%)"}]}]}]]}]]}],"exportAs":"kendo-popup","providers":[{"__symbolic":"reference","module":"./services/align.service","name":"AlignService"},{"__symbolic":"reference","module":"./services/dom.service","name":"DOMService"},{"__symbolic":"reference","module":"./services/position.service","name":"PositionService"},{"__symbolic":"reference","module":"./services/resize.service","name":"ResizeService"},{"__symbolic":"reference","module":"./services/scrollable.service","name":"ScrollableService"}],"selector":"kendo-popup","template":"\n        <div class=\"k-popup\" [ngClass]=\"popupClass\" [@toggle]=\"direction\" (@toggle.done)=\"triggerOpen()\">\n            <ng-content></ng-content>\n        </div>\n     "}]}],"members":{"animate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"anchor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"anchorAlign":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"collision":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"popupAlign":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"popupClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"offset":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"anchorViewportLeave":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"open":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"offsetLeft":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.left.px"]}]}],"offsetTop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.top.px"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./services/align.service","name":"AlignService"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"},{"__symbolic":"reference","module":"./services/position.service","name":"PositionService"},{"__symbolic":"reference","module":"./services/resize.service","name":"ResizeService"},{"__symbolic":"reference","module":"./services/scrollable.service","name":"ScrollableService"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"triggerOpen":[{"__symbolic":"method"}],"reposition":[{"__symbolic":"method"}],"position":[{"__symbolic":"method"}],"getDirection":[{"__symbolic":"method"}],"onScroll":[{"__symbolic":"method"}]}}}}]

dist/es/popup.module.js

@@ -0,1 +1,7 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 import { NgModule } from '@angular/core';
@@ -36,15 +42,14 @@ import { CommonModule } from '@angular/common';
  */
-export var PopupModule = (function () {
+var PopupModule = (function () {
     function PopupModule() {
     }
-    PopupModule.decorators = [
-        { type: NgModule, args: [{
-                    declarations: [POPUP_DIRECTIVES],
-                    exports: [POPUP_DIRECTIVES],
-                    imports: [CommonModule]
-                },] },
-    ];
-    /** @nocollapse */
-    PopupModule.ctorParameters = [];
     return PopupModule;
 }());
+PopupModule = __decorate([
+    NgModule({
+        declarations: [POPUP_DIRECTIVES],
+        exports: [POPUP_DIRECTIVES],
+        imports: [CommonModule]
+    })
+], PopupModule);
+export { PopupModule };

dist/es/popup.module.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":1,"metadata":{"PopupModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[[{"__symbolic":"reference","module":"./popup.component","name":"PopupComponent"}]],"exports":[[{"__symbolic":"reference","module":"./popup.component","name":"PopupComponent"}]],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}]}]}]}}}
+[{"__symbolic":"module","version":3,"metadata":{"PopupModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[[{"__symbolic":"reference","module":"./popup.component","name":"PopupComponent"}]],"exports":[[{"__symbolic":"reference","module":"./popup.component","name":"PopupComponent"}]],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}]}]}]}}},{"__symbolic":"module","version":1,"metadata":{"PopupModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[[{"__symbolic":"reference","module":"./popup.component","name":"PopupComponent"}]],"exports":[[{"__symbolic":"reference","module":"./popup.component","name":"PopupComponent"}]],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}]}]}]}}}]

dist/es/services/align.service.js

@@ -0,1 +1,10 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
 import { Injectable } from '@angular/core';
@@ -7,3 +16,3 @@ import { DOMService } from './dom.service';
  */
-export var AlignService = (function () {
+var AlignService = (function () {
     function AlignService(_dom) {
@@ -26,10 +35,8 @@ this._dom = _dom;
     };
-    AlignService.decorators = [
-        { type: Injectable },
-    ];
-    /** @nocollapse */
-    AlignService.ctorParameters = [
-        { type: DOMService, },
-    ];
     return AlignService;
 }());
+AlignService = __decorate([
+    Injectable(),
+    __metadata("design:paramtypes", [DOMService])
+], AlignService);
+export { AlignService };

dist/es/services/align.service.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":1,"metadata":{"AlignService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./dom.service","name":"DOMService"}]}],"alignElement":[{"__symbolic":"method"}]}}}}
+[{"__symbolic":"module","version":3,"metadata":{"AlignService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./dom.service","name":"DOMService"}]}],"alignElement":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"AlignService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./dom.service","name":"DOMService"}]}],"alignElement":[{"__symbolic":"method"}]}}}}]

dist/es/services/dom.service.js

@@ -0,1 +1,7 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 import { Injectable } from '@angular/core';
@@ -7,3 +13,3 @@ import { align, applyLocationOffset, boundingOffset, getWindowViewPort, isBodyOffset, offset, position, restrictToView, removeScroll, scrollPosition } from '@progress/kendo-popup-common';
  */
-export var DOMService = (function () {
+var DOMService = (function () {
     function DOMService() {
@@ -91,8 +97,7 @@ }
     };
-    DOMService.decorators = [
-        { type: Injectable },
-    ];
-    /** @nocollapse */
-    DOMService.ctorParameters = [];
     return DOMService;
 }());
+DOMService = __decorate([
+    Injectable()
+], DOMService);
+export { DOMService };

dist/es/services/dom.service.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":1,"metadata":{"DOMService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"addOffset":[{"__symbolic":"method"}],"align":[{"__symbolic":"method"}],"boundingOffset":[{"__symbolic":"method"}],"getWindow":[{"__symbolic":"method"}],"isBodyOffset":[{"__symbolic":"method"}],"offset":[{"__symbolic":"method"}],"nativeElement":[{"__symbolic":"method"}],"normalizedOffset":[{"__symbolic":"method"}],"position":[{"__symbolic":"method"}],"relativeOffset":[{"__symbolic":"method"}],"removeScroll":[{"__symbolic":"method"}],"restrictToView":[{"__symbolic":"method"}],"scrollPosition":[{"__symbolic":"method"}],"scrollableParents":[{"__symbolic":"method"}],"getRelativeContextElement":[{"__symbolic":"method"}],"useRelativePosition":[{"__symbolic":"method"}],"windowViewPort":[{"__symbolic":"method"}]}}}}
+[{"__symbolic":"module","version":3,"metadata":{"DOMService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"addOffset":[{"__symbolic":"method"}],"align":[{"__symbolic":"method"}],"boundingOffset":[{"__symbolic":"method"}],"getWindow":[{"__symbolic":"method"}],"isBodyOffset":[{"__symbolic":"method"}],"offset":[{"__symbolic":"method"}],"nativeElement":[{"__symbolic":"method"}],"normalizedOffset":[{"__symbolic":"method"}],"position":[{"__symbolic":"method"}],"relativeOffset":[{"__symbolic":"method"}],"removeScroll":[{"__symbolic":"method"}],"restrictToView":[{"__symbolic":"method"}],"scrollPosition":[{"__symbolic":"method"}],"scrollableParents":[{"__symbolic":"method"}],"getRelativeContextElement":[{"__symbolic":"method"}],"useRelativePosition":[{"__symbolic":"method"}],"windowViewPort":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"DOMService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"addOffset":[{"__symbolic":"method"}],"align":[{"__symbolic":"method"}],"boundingOffset":[{"__symbolic":"method"}],"getWindow":[{"__symbolic":"method"}],"isBodyOffset":[{"__symbolic":"method"}],"offset":[{"__symbolic":"method"}],"nativeElement":[{"__symbolic":"method"}],"normalizedOffset":[{"__symbolic":"method"}],"position":[{"__symbolic":"method"}],"relativeOffset":[{"__symbolic":"method"}],"removeScroll":[{"__symbolic":"method"}],"restrictToView":[{"__symbolic":"method"}],"scrollPosition":[{"__symbolic":"method"}],"scrollableParents":[{"__symbolic":"method"}],"getRelativeContextElement":[{"__symbolic":"method"}],"useRelativePosition":[{"__symbolic":"method"}],"windowViewPort":[{"__symbolic":"method"}]}}}}]

dist/es/services/position.service.js

@@ -0,1 +1,10 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
 import { Injectable } from '@angular/core';
@@ -7,3 +16,3 @@ import { DOMService } from './dom.service';
  */
-export var PositionService = (function () {
+var PositionService = (function () {
     function PositionService(_dom) {
@@ -33,10 +42,8 @@ this._dom = _dom;
     };
-    PositionService.decorators = [
-        { type: Injectable },
-    ];
-    /** @nocollapse */
-    PositionService.ctorParameters = [
-        { type: DOMService, },
-    ];
     return PositionService;
 }());
+PositionService = __decorate([
+    Injectable(),
+    __metadata("design:paramtypes", [DOMService])
+], PositionService);
+export { PositionService };

dist/es/services/position.service.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":1,"metadata":{"PositionService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./dom.service","name":"DOMService"}]}],"positionElement":[{"__symbolic":"method"}]}}}}
+[{"__symbolic":"module","version":3,"metadata":{"PositionService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./dom.service","name":"DOMService"}]}],"positionElement":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"PositionService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./dom.service","name":"DOMService"}]}],"positionElement":[{"__symbolic":"method"}]}}}}]

dist/es/services/resize.service.js

@@ -0,1 +1,10 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
 import { Injectable, NgZone } from '@angular/core';
@@ -10,3 +19,3 @@ import { Observable } from 'rxjs/Observable';
  */
-export var ResizeService = (function () {
+var ResizeService = (function () {
     function ResizeService(_dom, _zone) {
@@ -37,11 +46,8 @@ this._dom = _dom;
     };
-    ResizeService.decorators = [
-        { type: Injectable },
-    ];
-    /** @nocollapse */
-    ResizeService.ctorParameters = [
-        { type: DOMService, },
-        { type: NgZone, },
-    ];
     return ResizeService;
 }());
+ResizeService = __decorate([
+    Injectable(),
+    __metadata("design:paramtypes", [DOMService, NgZone])
+], ResizeService);
+export { ResizeService };

dist/es/services/resize.service.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":1,"metadata":{"ResizeService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./dom.service","name":"DOMService"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"}]}],"subscribe":[{"__symbolic":"method"}],"unsubscribe":[{"__symbolic":"method"}],"isUnsubscribed":[{"__symbolic":"method"}]}}}}
+[{"__symbolic":"module","version":3,"metadata":{"ResizeService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./dom.service","name":"DOMService"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"}]}],"subscribe":[{"__symbolic":"method"}],"unsubscribe":[{"__symbolic":"method"}],"isUnsubscribed":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"ResizeService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./dom.service","name":"DOMService"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"}]}],"subscribe":[{"__symbolic":"method"}],"unsubscribe":[{"__symbolic":"method"}],"isUnsubscribed":[{"__symbolic":"method"}]}}}}]

dist/es/services/scrollable.service.js

@@ -0,1 +1,10 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
 import { Injectable, NgZone } from '@angular/core';
@@ -11,3 +20,3 @@ import { Observable } from 'rxjs/Observable';
  */
-export var ScrollableService = (function () {
+var ScrollableService = (function () {
     function ScrollableService(_dom, _zone) {
@@ -58,11 +67,8 @@ this._dom = _dom;
     };
-    ScrollableService.decorators = [
-        { type: Injectable },
-    ];
-    /** @nocollapse */
-    ScrollableService.ctorParameters = [
-        { type: DOMService, },
-        { type: NgZone, },
-    ];
     return ScrollableService;
 }());
+ScrollableService = __decorate([
+    Injectable(),
+    __metadata("design:paramtypes", [DOMService, NgZone])
+], ScrollableService);
+export { ScrollableService };

dist/es/services/scrollable.service.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":1,"metadata":{"ScrollableService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./dom.service","name":"DOMService"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"}]}],"forElement":[{"__symbolic":"method"}],"subscribe":[{"__symbolic":"method"}],"unsubscribe":[{"__symbolic":"method"}],"isVisible":[{"__symbolic":"method"}]}}}}
+[{"__symbolic":"module","version":3,"metadata":{"ScrollableService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./dom.service","name":"DOMService"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"}]}],"forElement":[{"__symbolic":"method"}],"subscribe":[{"__symbolic":"method"}],"unsubscribe":[{"__symbolic":"method"}],"isVisible":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"ScrollableService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./dom.service","name":"DOMService"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"}]}],"forElement":[{"__symbolic":"method"}],"subscribe":[{"__symbolic":"method"}],"unsubscribe":[{"__symbolic":"method"}],"isVisible":[{"__symbolic":"method"}]}}}}]

dist/es/util.d.ts

@@ -1,5 +0,5 @@
-import { ElementRect } from '@progress/kendo-popup-common';
-declare const eitherRect: (rect: ElementRect, offset: ElementRect) => ElementRect;
-declare const replaceOffset: (rect: ElementRect, offset: ElementRect) => ElementRect;
-declare const isDifferentOffset: (oldOffset: ElementRect, newOffset: ElementRect) => boolean;
+import { ElementRect, OffsetPosition } from '@progress/kendo-popup-common';
+declare const eitherRect: (rect: ElementRect, offset: OffsetPosition) => ElementRect;
+declare const replaceOffset: (rect: ElementRect, offset: OffsetPosition) => ElementRect;
+declare const isDifferentOffset: (oldOffset: OffsetPosition, newOffset: OffsetPosition) => boolean;
 declare const isDocumentAvailable: () => boolean;
@@ -6,0 +6,0 @@ declare const isWindowAvailable: () => boolean;

dist/npm/main.d.ts

@@ -1,3 +0,5 @@
-export { AlignStrategy as Align, CollisionStrategy as Collision, OffsetPosition as Offset } from '@progress/kendo-popup-common';
+export { Align } from './models/align.interface';
+export { Collision } from './models/collision.interface';
+export { Offset } from './models/offset.interface';
 export { PopupComponent } from './popup.component';
 export { PopupModule } from './popup.module';

dist/npm/main.js

 "use strict";
-var popup_component_1 = require('./popup.component');
+var popup_component_1 = require("./popup.component");
 exports.PopupComponent = popup_component_1.PopupComponent;
-var popup_module_1 = require('./popup.module');
+var popup_module_1 = require("./popup.module");
 exports.PopupModule = popup_module_1.PopupModule;

dist/npm/main.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":1,"metadata":{},"exports":[{"from":"@progress/kendo-popup-common","export":[{"name":"AlignStrategy","as":"Align"},{"name":"CollisionStrategy","as":"Collision"},{"name":"OffsetPosition","as":"Offset"}]},{"from":"./popup.component","export":["PopupComponent"]},{"from":"./popup.module","export":["PopupModule"]}]}
+[{"__symbolic":"module","version":3,"metadata":{},"exports":[{"from":"./models/align.interface","export":["Align"]},{"from":"./models/collision.interface","export":["Collision"]},{"from":"./models/offset.interface","export":["Offset"]},{"from":"./popup.component","export":["PopupComponent"]},{"from":"./popup.module","export":["PopupModule"]}]},{"__symbolic":"module","version":1,"metadata":{},"exports":[{"from":"./models/align.interface","export":["Align"]},{"from":"./models/collision.interface","export":["Collision"]},{"from":"./models/offset.interface","export":["Offset"]},{"from":"./popup.component","export":["PopupComponent"]},{"from":"./popup.module","export":["PopupModule"]}]}]

dist/npm/popup.component.d.ts

 import { AfterViewChecked, ChangeDetectorRef, ElementRef, EventEmitter, OnInit, OnDestroy, Renderer } from '@angular/core';
+import { Align } from './models/align.interface';
+import { Collision } from './models/collision.interface';
+import { Offset } from './models/offset.interface';
 import { AlignService } from './services/align.service';
@@ -6,3 +9,2 @@ import { PositionService } from './services/position.service';
 import { ScrollableService } from './services/scrollable.service';
-import { AlignStrategy, CollisionStrategy, OffsetPosition } from '@progress/kendo-popup-common';
 /**
@@ -39,3 +41,3 @@ * Represents the Kendo UI Popup component for Angular.
      * For more information, refer to the section on
-     * [`Animation Control`]({% slug overview_popup_kendouiforangular %}#toc-animation-control).
+     * [animation control]({% slug overview_popup_kendouiforangular %}#toc-enable-and-disable-animations).
      */
@@ -46,4 +48,4 @@ animate: boolean;
      *
-     * For more information, refer to the section on
-     * [`Anchor`]({% slug overview_popup_kendouiforangular %}#toc-anchor).
+     * For more information, refer to the section on the
+     * [anchor]({% slug overview_popup_kendouiforangular %}#toc-align-to-specific-components).
      */
@@ -54,72 +56,20 @@ anchor: ElementRef;
      *
-     * **anchorAlign.horizontal** - String(default: "left")
-     *
-     * Specifies the horizontal alignment point of the anchor.
-     *
-     * The available options are:
-     * - `left`—Uses the leftmost point of the anchor element.
-     * - `center`—Uses the center point of the anchor element.
-     * - `right`—Uses the rightmost point of the anchor element.
-     *
-     * **anchorAlign.vertival** - String(default: "bottom")
-     *
-     * Specifies the vertical alignment point of the anchor.
-     *
-     * The available options are:
-     * - `top`—Uses the top point of the anchor element.
-     * - `center`—Uses the center point of the anchor element.
-     * - `bottom`—Uses the bottom point of the anchor element.
-     *
      * For more information, refer to the section on
-     * [`Positioning`]({% slug overview_popup_kendouiforangular %}#toc-positioning).
+     * [positioning]({% slug overview_popup_kendouiforangular %}#toc-set-the-position).
      */
-    anchorAlign: AlignStrategy;
+    anchorAlign: Align;
     /**
      * Configures the collision behavior of the Popup.
      *
-     * **collision.horizontal** - String(default: "fit")
-     *
-     * Defines the horizontal position of the Popup when it is not fully visible.
-     *
-     * The available options are:
-     * - `fit`—Moves the Popup horizontally until it is fully displayed in the view port.
-     * - `flip`—Flips the Popup position based on the origin and the position properties.
-     *
-     * **collision.vertical** - String(default: "flip")
-     *
-     * Defines the vertical position of the Popup when it is not fully visible.
-     *
-     * The available options are:
-     * - `fit`—Moves the Popup vertically until it is fully displayed in the view port.
-     * - `flip`—Flips the Popup position based on the origin and position properties.
-     *
      * For more information, refer to the section on
-     * [`Collisions`]({% slug overview_popup_kendouiforangular %}#toc-collisions).
+     * [collisions]({% slug overview_popup_kendouiforangular %}#toc-set-behavior-when-outside-the-viewport).
      */
-    collision: CollisionStrategy;
+    collision: Collision;
     /**
      * Specifies the pivot point of the Popup.
      *
-     * **popupAlign.horizontal** - String(default: "left")
-     *
-     * Specifies the horizontal alignment point of the Popup.
-     *
-     * The available options are:
-     * - `left`—Uses the leftmost point of the Popup element.
-     * - `center`—Uses the center point of the Popup element.
-     * - `right`—Uses the rightmost point of the Popup element.
-     *
-     * **popupAlign.vertival** - String(default: "top")
-     *
-     * Specifies the vertical alignment point of the Popup.
-     *
-     * The available options are:
-     * - `top`—Uses the top point of the Popup element.
-     * - `center`—Uses the center point of the Popup element.
-     * - `bottom`—Uses the bottom point of the Popup element.
-     *
      * For more information, refer to the section on
-     * [`Positioning`]({% slug overview_popup_kendouiforangular %}#toc-positioning).
+     * [positioning]({% slug overview_popup_kendouiforangular %}#toc-set-the-position).
      */
-    popupAlign: AlignStrategy;
+    popupAlign: Align;
     /**
@@ -131,5 +81,5 @@ * Specifies a list of CSS classes to be added to the internal animated element.
      * For more information, refer to the section on
-     * [`Appearance Control`]({% slug overview_popup_kendouiforangular %}#toc-appearance-control).
+     * [appearance control]({% slug overview_popup_kendouiforangular %}#toc-set-the-styles).
      */
-    popupClass: string;
+    popupClass: string | Array<string> | Object;
     /**
@@ -139,26 +89,21 @@ * Specifies the absolute position of the element. The Popup opens next to that point.
      * The Popup pivot point is defined by the `popupAlign` configuration option.
-     * The boundary detection is applied by using the Window view port.
+     * The boundary detection is applied by using the window viewport.
      *
-     * The `Offset` type includes:
-     * - `offset.left`&mdash;Defines the left position of the Popup.
-     * - `offset.top`&mdash;Defines the top position of the Popup.
-     *
      * For more information, refer to the section on
-     * [`Static Alignment`]({% slug overview_popup_kendouiforangular %}#toc-static-alignment).
+     * [static alignment]({% slug overview_popup_kendouiforangular %}#toc-align-to-specific-static-points).
      */
-    offset: OffsetPosition;
+    offset: Offset;
     /**
-     * The `anchorViewportLeave` event is triggered when the anchor
-     * is scrolled outside the screen boundaries.
+     * Fires when the anchor is scrolled outside the screen boundaries.
      *
      * For more information, refer to the section on
-     * [`On Scrolling outside the Viewport`]({% slug overview_popup_kendouiforangular %}#toc-on-scrolling-outside-the-viewport).
+     * [scrolling outside the viewport]({% slug overview_popup_kendouiforangular %}#toc-set-behavior-when-outside-the-viewport).
      */
     anchorViewportLeave: EventEmitter<any>;
     /**
-     * The `close` event is triggered after the component is closed.
+     * Fires after the component is closed.
      */
     close: EventEmitter<any>;
     /**
-     * The `open` event is triggered after the component is opened and the open animation ends.
+     * Fires after the component is opened and the open animation has ended.
      */
@@ -184,2 +129,6 @@ open: EventEmitter<any>;
     ngOnDestroy(): void;
+    /**
+     * @hidden
+     */
+    triggerOpen(): void;
     private reposition();
@@ -186,0 +135,0 @@ private position();

dist/npm/popup.component.js

 "use strict";
-var core_1 = require('@angular/core');
-var align_service_1 = require('./services/align.service');
-var dom_service_1 = require('./services/dom.service');
-var position_service_1 = require('./services/position.service');
-var resize_service_1 = require('./services/resize.service');
-var scrollable_service_1 = require('./services/scrollable.service');
-var util_1 = require('./util');
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+var core_1 = require("@angular/core");
+var align_service_1 = require("./services/align.service");
+var dom_service_1 = require("./services/dom.service");
+var position_service_1 = require("./services/position.service");
+var resize_service_1 = require("./services/resize.service");
+var scrollable_service_1 = require("./services/scrollable.service");
+var util_1 = require("./util");
 var DEFAULT_OFFSET = { left: 0, top: 0 };
@@ -42,3 +51,3 @@ /**
          * For more information, refer to the section on
-         * [`Animation Control`]({% slug overview_popup_kendouiforangular %}#toc-animation-control).
+         * [animation control]({% slug overview_popup_kendouiforangular %}#toc-enable-and-disable-animations).
          */
@@ -49,22 +58,4 @@ this.animate = true;
          *
-         * **anchorAlign.horizontal** - String(default: "left")
-         *
-         * Specifies the horizontal alignment point of the anchor.
-         *
-         * The available options are:
-         * - `left`&mdash;Uses the leftmost point of the anchor element.
-         * - `center`&mdash;Uses the center point of the anchor element.
-         * - `right`&mdash;Uses the rightmost point of the anchor element.
-         *
-         * **anchorAlign.vertival** - String(default: "bottom")
-         *
-         * Specifies the vertical alignment point of the anchor.
-         *
-         * The available options are:
-         * - `top`&mdash;Uses the top point of the anchor element.
-         * - `center`&mdash;Uses the center point of the anchor element.
-         * - `bottom`&mdash;Uses the bottom point of the anchor element.
-         *
          * For more information, refer to the section on
-         * [`Positioning`]({% slug overview_popup_kendouiforangular %}#toc-positioning).
+         * [positioning]({% slug overview_popup_kendouiforangular %}#toc-set-the-position).
          */
@@ -75,20 +66,4 @@ this.anchorAlign = { horizontal: 'left', vertical: 'bottom' };
          *
-         * **collision.horizontal** - String(default: "fit")
-         *
-         * Defines the horizontal position of the Popup when it is not fully visible.
-         *
-         * The available options are:
-         * - `fit`&mdash;Moves the Popup horizontally until it is fully displayed in the view port.
-         * - `flip`&mdash;Flips the Popup position based on the origin and the position properties.
-         *
-         * **collision.vertical** - String(default: "flip")
-         *
-         * Defines the vertical position of the Popup when it is not fully visible.
-         *
-         * The available options are:
-         * - `fit`&mdash;Moves the Popup vertically until it is fully displayed in the view port.
-         * - `flip`&mdash;Flips the Popup position based on the origin and position properties.
-         *
          * For more information, refer to the section on
-         * [`Collisions`]({% slug overview_popup_kendouiforangular %}#toc-collisions).
+         * [collisions]({% slug overview_popup_kendouiforangular %}#toc-set-behavior-when-outside-the-viewport).
          */
@@ -99,22 +74,4 @@ this.collision = { horizontal: 'fit', vertical: 'flip' };
          *
-         * **popupAlign.horizontal** - String(default: "left")
-         *
-         * Specifies the horizontal alignment point of the Popup.
-         *
-         * The available options are:
-         * - `left`&mdash;Uses the leftmost point of the Popup element.
-         * - `center`&mdash;Uses the center point of the Popup element.
-         * - `right`&mdash;Uses the rightmost point of the Popup element.
-         *
-         * **popupAlign.vertival** - String(default: "top")
-         *
-         * Specifies the vertical alignment point of the Popup.
-         *
-         * The available options are:
-         * - `top`&mdash;Uses the top point of the Popup element.
-         * - `center`&mdash;Uses the center point of the Popup element.
-         * - `bottom`&mdash;Uses the bottom point of the Popup element.
-         *
          * For more information, refer to the section on
-         * [`Positioning`]({% slug overview_popup_kendouiforangular %}#toc-positioning).
+         * [positioning]({% slug overview_popup_kendouiforangular %}#toc-set-the-position).
          */
@@ -126,26 +83,21 @@ this.popupAlign = { horizontal: 'left', vertical: 'top' };
          * The Popup pivot point is defined by the `popupAlign` configuration option.
-         * The boundary detection is applied by using the Window view port.
+         * The boundary detection is applied by using the window viewport.
          *
-         * The `Offset` type includes:
-         * - `offset.left`&mdash;Defines the left position of the Popup.
-         * - `offset.top`&mdash;Defines the top position of the Popup.
-         *
          * For more information, refer to the section on
-         * [`Static Alignment`]({% slug overview_popup_kendouiforangular %}#toc-static-alignment).
+         * [static alignment]({% slug overview_popup_kendouiforangular %}#toc-align-to-specific-static-points).
          */
         this.offset = DEFAULT_OFFSET;
         /**
-         * The `anchorViewportLeave` event is triggered when the anchor
-         * is scrolled outside the screen boundaries.
+         * Fires when the anchor is scrolled outside the screen boundaries.
          *
          * For more information, refer to the section on
-         * [`On Scrolling outside the Viewport`]({% slug overview_popup_kendouiforangular %}#toc-on-scrolling-outside-the-viewport).
+         * [scrolling outside the viewport]({% slug overview_popup_kendouiforangular %}#toc-set-behavior-when-outside-the-viewport).
          */
         this.anchorViewportLeave = new core_1.EventEmitter();
         /**
-         * The `close` event is triggered after the component is closed.
+         * Fires after the component is closed.
          */
         this.close = new core_1.EventEmitter();
         /**
-         * The `open` event is triggered after the component is opened and the open animation ends.
+         * Fires after the component is opened and the open animation has ended.
          */
@@ -159,4 +111,4 @@ this.open = new core_1.EventEmitter();
         this.resolvedPromised = Promise.resolve(null);
-        _renderer.setElementClass(container.nativeElement, 'k-animation-container', true);
-        _renderer.setElementClass(container.nativeElement, 'k-animation-container-fixed', true);
+        this._renderer.setElementClass(container.nativeElement, 'k-animation-container', true);
+        this._renderer.setElementClass(container.nativeElement, 'k-animation-container-fixed', true);
     }
@@ -209,2 +161,9 @@ Object.defineProperty(PopupComponent.prototype, "offsetLeft", {
     };
+    /**
+     * @hidden
+     */
+    PopupComponent.prototype.triggerOpen = function () {
+        this._renderer.setElementClass(this.container.nativeElement, 'k-animation-container-shown', true);
+        this.open.emit();
+    };
     PopupComponent.prototype.reposition = function () {
@@ -246,56 +205,89 @@ if (!util_1.isDocumentAvailable()) {
     };
-    PopupComponent.decorators = [
-        { type: core_1.Component, args: [{
-                    animations: [
-                        core_1.trigger('toggle', [
-                            core_1.transition('void => down, up => down', [
-                                core_1.style({ transform: 'translateY(-100%)' }),
-                                core_1.animate('0.2s ease-in', core_1.style({ transform: 'translateY(0)' }))
-                            ]),
-                            core_1.transition('down => void', [
-                                core_1.style({ transform: 'translateY(0)' }),
-                                core_1.animate('0.2s ease-in', core_1.style({ transform: 'translateY(-100%)' }))
-                            ]),
-                            core_1.transition('void => up, down => up', [
-                                core_1.style({ transform: 'translateY(100%)' }),
-                                core_1.animate('0.2s ease-in', core_1.style({ transform: 'translateY(0)' }))
-                            ]),
-                            core_1.transition('up => void', [
-                                core_1.style({ transform: 'translateY(0)' }),
-                                core_1.animate('0.2s ease-in', core_1.style({ transform: 'translateY(100%)' }))
-                            ])
-                        ])
-                    ],
-                    exportAs: 'kendo-popup',
-                    providers: [align_service_1.AlignService, dom_service_1.DOMService, position_service_1.PositionService, resize_service_1.ResizeService, scrollable_service_1.ScrollableService],
-                    selector: 'kendo-popup',
-                    template: "\n        <div class=\"k-popup\" [ngClass]=\"popupClass\" [@toggle]=\"direction\" (@toggle.done)=\"open.emit()\">\n            <ng-content></ng-content>\n        </div>\n     "
-                },] },
-    ];
-    /** @nocollapse */
-    PopupComponent.ctorParameters = [
-        { type: align_service_1.AlignService, },
-        { type: core_1.ElementRef, },
-        { type: core_1.ChangeDetectorRef, },
-        { type: position_service_1.PositionService, },
-        { type: resize_service_1.ResizeService, },
-        { type: scrollable_service_1.ScrollableService, },
-        { type: core_1.Renderer, },
-    ];
-    PopupComponent.propDecorators = {
-        'animate': [{ type: core_1.Input },],
-        'anchor': [{ type: core_1.Input },],
-        'anchorAlign': [{ type: core_1.Input },],
-        'collision': [{ type: core_1.Input },],
-        'popupAlign': [{ type: core_1.Input },],
-        'popupClass': [{ type: core_1.Input },],
-        'offset': [{ type: core_1.Input },],
-        'anchorViewportLeave': [{ type: core_1.Output },],
-        'close': [{ type: core_1.Output },],
-        'open': [{ type: core_1.Output },],
-        'offsetLeft': [{ type: core_1.HostBinding, args: ['style.left.px',] },],
-        'offsetTop': [{ type: core_1.HostBinding, args: ['style.top.px',] },],
-    };
     return PopupComponent;
 }());
+__decorate([
+    core_1.Input(),
+    __metadata("design:type", Boolean)
+], PopupComponent.prototype, "animate", void 0);
+__decorate([
+    core_1.Input(),
+    __metadata("design:type", core_1.ElementRef)
+], PopupComponent.prototype, "anchor", void 0);
+__decorate([
+    core_1.Input(),
+    __metadata("design:type", Object)
+], PopupComponent.prototype, "anchorAlign", void 0);
+__decorate([
+    core_1.Input(),
+    __metadata("design:type", Object)
+], PopupComponent.prototype, "collision", void 0);
+__decorate([
+    core_1.Input(),
+    __metadata("design:type", Object)
+], PopupComponent.prototype, "popupAlign", void 0);
+__decorate([
+    core_1.Input(),
+    __metadata("design:type", Object)
+], PopupComponent.prototype, "popupClass", void 0);
+__decorate([
+    core_1.Input(),
+    __metadata("design:type", Object)
+], PopupComponent.prototype, "offset", void 0);
+__decorate([
+    core_1.Output(),
+    __metadata("design:type", core_1.EventEmitter)
+], PopupComponent.prototype, "anchorViewportLeave", void 0);
+__decorate([
+    core_1.Output(),
+    __metadata("design:type", core_1.EventEmitter)
+], PopupComponent.prototype, "close", void 0);
+__decorate([
+    core_1.Output(),
+    __metadata("design:type", core_1.EventEmitter)
+], PopupComponent.prototype, "open", void 0);
+__decorate([
+    core_1.HostBinding('style.left.px'),
+    __metadata("design:type", Number),
+    __metadata("design:paramtypes", [])
+], PopupComponent.prototype, "offsetLeft", null);
+__decorate([
+    core_1.HostBinding('style.top.px'),
+    __metadata("design:type", Number),
+    __metadata("design:paramtypes", [])
+], PopupComponent.prototype, "offsetTop", null);
+PopupComponent = __decorate([
+    core_1.Component({
+        animations: [
+            core_1.trigger('toggle', [
+                core_1.transition('void => down, up => down', [
+                    core_1.style({ transform: 'translateY(-100%)' }),
+                    core_1.animate('0.1s ease-in', core_1.style({ transform: 'translateY(0)' }))
+                ]),
+                core_1.transition('down => void', [
+                    core_1.style({ transform: 'translateY(0)' }),
+                    core_1.animate('0.1s ease-in', core_1.style({ transform: 'translateY(-100%)' }))
+                ]),
+                core_1.transition('void => up, down => up', [
+                    core_1.style({ transform: 'translateY(100%)' }),
+                    core_1.animate('0.1s ease-in', core_1.style({ transform: 'translateY(0)' }))
+                ]),
+                core_1.transition('up => void', [
+                    core_1.style({ transform: 'translateY(0)' }),
+                    core_1.animate('0.1s ease-in', core_1.style({ transform: 'translateY(100%)' }))
+                ])
+            ])
+        ],
+        exportAs: 'kendo-popup',
+        providers: [align_service_1.AlignService, dom_service_1.DOMService, position_service_1.PositionService, resize_service_1.ResizeService, scrollable_service_1.ScrollableService],
+        selector: 'kendo-popup',
+        template: "\n        <div class=\"k-popup\" [ngClass]=\"popupClass\" [@toggle]=\"direction\" (@toggle.done)=\"triggerOpen()\">\n            <ng-content></ng-content>\n        </div>\n     "
+    }),
+    __metadata("design:paramtypes", [align_service_1.AlignService,
+        core_1.ElementRef,
+        core_1.ChangeDetectorRef,
+        position_service_1.PositionService,
+        resize_service_1.ResizeService,
+        scrollable_service_1.ScrollableService,
+        core_1.Renderer])
+], PopupComponent);
 exports.PopupComponent = PopupComponent;

dist/npm/popup.component.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":1,"metadata":{"PopupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["toggle",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["void => down, up => down",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(-100%)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["0.2s ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(0)"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["down => void",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(0)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["0.2s ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(-100%)"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["void => up, down => up",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(100%)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["0.2s ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(0)"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["up => void",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(0)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["0.2s ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(100%)"}]}]}]]}]]}],"exportAs":"kendo-popup","providers":[{"__symbolic":"reference","module":"./services/align.service","name":"AlignService"},{"__symbolic":"reference","module":"./services/dom.service","name":"DOMService"},{"__symbolic":"reference","module":"./services/position.service","name":"PositionService"},{"__symbolic":"reference","module":"./services/resize.service","name":"ResizeService"},{"__symbolic":"reference","module":"./services/scrollable.service","name":"ScrollableService"}],"selector":"kendo-popup","template":"\n        <div class=\"k-popup\" [ngClass]=\"popupClass\" [@toggle]=\"direction\" (@toggle.done)=\"open.emit()\">\n            <ng-content></ng-content>\n        </div>\n     "}]}],"members":{"animate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"anchor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"anchorAlign":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"collision":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"popupAlign":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"popupClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"offset":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"anchorViewportLeave":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"open":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"offsetLeft":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.left.px"]}]}],"offsetTop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.top.px"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./services/align.service","name":"AlignService"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"},{"__symbolic":"reference","module":"./services/position.service","name":"PositionService"},{"__symbolic":"reference","module":"./services/resize.service","name":"ResizeService"},{"__symbolic":"reference","module":"./services/scrollable.service","name":"ScrollableService"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"reposition":[{"__symbolic":"method"}],"position":[{"__symbolic":"method"}],"getDirection":[{"__symbolic":"method"}],"onScroll":[{"__symbolic":"method"}]}}}}
+[{"__symbolic":"module","version":3,"metadata":{"PopupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["toggle",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["void => down, up => down",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(-100%)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["0.1s ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(0)"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["down => void",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(0)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["0.1s ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(-100%)"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["void => up, down => up",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(100%)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["0.1s ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(0)"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["up => void",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(0)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["0.1s ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(100%)"}]}]}]]}]]}],"exportAs":"kendo-popup","providers":[{"__symbolic":"reference","module":"./services/align.service","name":"AlignService"},{"__symbolic":"reference","module":"./services/dom.service","name":"DOMService"},{"__symbolic":"reference","module":"./services/position.service","name":"PositionService"},{"__symbolic":"reference","module":"./services/resize.service","name":"ResizeService"},{"__symbolic":"reference","module":"./services/scrollable.service","name":"ScrollableService"}],"selector":"kendo-popup","template":"\n        <div class=\"k-popup\" [ngClass]=\"popupClass\" [@toggle]=\"direction\" (@toggle.done)=\"triggerOpen()\">\n            <ng-content></ng-content>\n        </div>\n     "}]}],"members":{"animate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"anchor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"anchorAlign":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"collision":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"popupAlign":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"popupClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"offset":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"anchorViewportLeave":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"open":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"offsetLeft":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.left.px"]}]}],"offsetTop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.top.px"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./services/align.service","name":"AlignService"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"},{"__symbolic":"reference","module":"./services/position.service","name":"PositionService"},{"__symbolic":"reference","module":"./services/resize.service","name":"ResizeService"},{"__symbolic":"reference","module":"./services/scrollable.service","name":"ScrollableService"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"triggerOpen":[{"__symbolic":"method"}],"reposition":[{"__symbolic":"method"}],"position":[{"__symbolic":"method"}],"getDirection":[{"__symbolic":"method"}],"onScroll":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"PopupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["toggle",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["void => down, up => down",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(-100%)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["0.1s ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(0)"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["down => void",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(0)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["0.1s ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(-100%)"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["void => up, down => up",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(100%)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["0.1s ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(0)"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["up => void",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(0)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["0.1s ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translateY(100%)"}]}]}]]}]]}],"exportAs":"kendo-popup","providers":[{"__symbolic":"reference","module":"./services/align.service","name":"AlignService"},{"__symbolic":"reference","module":"./services/dom.service","name":"DOMService"},{"__symbolic":"reference","module":"./services/position.service","name":"PositionService"},{"__symbolic":"reference","module":"./services/resize.service","name":"ResizeService"},{"__symbolic":"reference","module":"./services/scrollable.service","name":"ScrollableService"}],"selector":"kendo-popup","template":"\n        <div class=\"k-popup\" [ngClass]=\"popupClass\" [@toggle]=\"direction\" (@toggle.done)=\"triggerOpen()\">\n            <ng-content></ng-content>\n        </div>\n     "}]}],"members":{"animate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"anchor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"anchorAlign":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"collision":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"popupAlign":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"popupClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"offset":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"anchorViewportLeave":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"open":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"offsetLeft":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.left.px"]}]}],"offsetTop":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.top.px"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./services/align.service","name":"AlignService"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"},{"__symbolic":"reference","module":"./services/position.service","name":"PositionService"},{"__symbolic":"reference","module":"./services/resize.service","name":"ResizeService"},{"__symbolic":"reference","module":"./services/scrollable.service","name":"ScrollableService"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"triggerOpen":[{"__symbolic":"method"}],"reposition":[{"__symbolic":"method"}],"position":[{"__symbolic":"method"}],"getDirection":[{"__symbolic":"method"}],"onScroll":[{"__symbolic":"method"}]}}}}]

dist/npm/popup.module.js

 "use strict";
-var core_1 = require('@angular/core');
-var common_1 = require('@angular/common');
-var popup_component_1 = require('./popup.component');
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var core_1 = require("@angular/core");
+var common_1 = require("@angular/common");
+var popup_component_1 = require("./popup.component");
 var POPUP_DIRECTIVES = [popup_component_1.PopupComponent];
@@ -40,13 +46,11 @@ /**
     }
-    PopupModule.decorators = [
-        { type: core_1.NgModule, args: [{
-                    declarations: [POPUP_DIRECTIVES],
-                    exports: [POPUP_DIRECTIVES],
-                    imports: [common_1.CommonModule]
-                },] },
-    ];
-    /** @nocollapse */
-    PopupModule.ctorParameters = [];
     return PopupModule;
 }());
+PopupModule = __decorate([
+    core_1.NgModule({
+        declarations: [POPUP_DIRECTIVES],
+        exports: [POPUP_DIRECTIVES],
+        imports: [common_1.CommonModule]
+    })
+], PopupModule);
 exports.PopupModule = PopupModule;

dist/npm/popup.module.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":1,"metadata":{"PopupModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[[{"__symbolic":"reference","module":"./popup.component","name":"PopupComponent"}]],"exports":[[{"__symbolic":"reference","module":"./popup.component","name":"PopupComponent"}]],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}]}]}]}}}
+[{"__symbolic":"module","version":3,"metadata":{"PopupModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[[{"__symbolic":"reference","module":"./popup.component","name":"PopupComponent"}]],"exports":[[{"__symbolic":"reference","module":"./popup.component","name":"PopupComponent"}]],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}]}]}]}}},{"__symbolic":"module","version":1,"metadata":{"PopupModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[[{"__symbolic":"reference","module":"./popup.component","name":"PopupComponent"}]],"exports":[[{"__symbolic":"reference","module":"./popup.component","name":"PopupComponent"}]],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}]}]}]}}}]

dist/npm/services/align.service.js

 "use strict";
-var core_1 = require('@angular/core');
-var dom_service_1 = require('./dom.service');
-var util_1 = require('../util');
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+var core_1 = require("@angular/core");
+var dom_service_1 = require("./dom.service");
+var util_1 = require("../util");
 /**
@@ -26,11 +35,8 @@ * @hidden
     };
-    AlignService.decorators = [
-        { type: core_1.Injectable },
-    ];
-    /** @nocollapse */
-    AlignService.ctorParameters = [
-        { type: dom_service_1.DOMService, },
-    ];
     return AlignService;
 }());
+AlignService = __decorate([
+    core_1.Injectable(),
+    __metadata("design:paramtypes", [dom_service_1.DOMService])
+], AlignService);
 exports.AlignService = AlignService;

dist/npm/services/align.service.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":1,"metadata":{"AlignService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./dom.service","name":"DOMService"}]}],"alignElement":[{"__symbolic":"method"}]}}}}
+[{"__symbolic":"module","version":3,"metadata":{"AlignService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./dom.service","name":"DOMService"}]}],"alignElement":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"AlignService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./dom.service","name":"DOMService"}]}],"alignElement":[{"__symbolic":"method"}]}}}}]

dist/npm/services/dom.service.js

 "use strict";
-var core_1 = require('@angular/core');
-var kendo_popup_common_1 = require('@progress/kendo-popup-common');
-var util_1 = require('../util');
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var core_1 = require("@angular/core");
+var kendo_popup_common_1 = require("@progress/kendo-popup-common");
+var util_1 = require("../util");
 /**
@@ -91,9 +97,7 @@ * @hidden
     };
-    DOMService.decorators = [
-        { type: core_1.Injectable },
-    ];
-    /** @nocollapse */
-    DOMService.ctorParameters = [];
     return DOMService;
 }());
+DOMService = __decorate([
+    core_1.Injectable()
+], DOMService);
 exports.DOMService = DOMService;

dist/npm/services/dom.service.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":1,"metadata":{"DOMService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"addOffset":[{"__symbolic":"method"}],"align":[{"__symbolic":"method"}],"boundingOffset":[{"__symbolic":"method"}],"getWindow":[{"__symbolic":"method"}],"isBodyOffset":[{"__symbolic":"method"}],"offset":[{"__symbolic":"method"}],"nativeElement":[{"__symbolic":"method"}],"normalizedOffset":[{"__symbolic":"method"}],"position":[{"__symbolic":"method"}],"relativeOffset":[{"__symbolic":"method"}],"removeScroll":[{"__symbolic":"method"}],"restrictToView":[{"__symbolic":"method"}],"scrollPosition":[{"__symbolic":"method"}],"scrollableParents":[{"__symbolic":"method"}],"getRelativeContextElement":[{"__symbolic":"method"}],"useRelativePosition":[{"__symbolic":"method"}],"windowViewPort":[{"__symbolic":"method"}]}}}}
+[{"__symbolic":"module","version":3,"metadata":{"DOMService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"addOffset":[{"__symbolic":"method"}],"align":[{"__symbolic":"method"}],"boundingOffset":[{"__symbolic":"method"}],"getWindow":[{"__symbolic":"method"}],"isBodyOffset":[{"__symbolic":"method"}],"offset":[{"__symbolic":"method"}],"nativeElement":[{"__symbolic":"method"}],"normalizedOffset":[{"__symbolic":"method"}],"position":[{"__symbolic":"method"}],"relativeOffset":[{"__symbolic":"method"}],"removeScroll":[{"__symbolic":"method"}],"restrictToView":[{"__symbolic":"method"}],"scrollPosition":[{"__symbolic":"method"}],"scrollableParents":[{"__symbolic":"method"}],"getRelativeContextElement":[{"__symbolic":"method"}],"useRelativePosition":[{"__symbolic":"method"}],"windowViewPort":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"DOMService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"addOffset":[{"__symbolic":"method"}],"align":[{"__symbolic":"method"}],"boundingOffset":[{"__symbolic":"method"}],"getWindow":[{"__symbolic":"method"}],"isBodyOffset":[{"__symbolic":"method"}],"offset":[{"__symbolic":"method"}],"nativeElement":[{"__symbolic":"method"}],"normalizedOffset":[{"__symbolic":"method"}],"position":[{"__symbolic":"method"}],"relativeOffset":[{"__symbolic":"method"}],"removeScroll":[{"__symbolic":"method"}],"restrictToView":[{"__symbolic":"method"}],"scrollPosition":[{"__symbolic":"method"}],"scrollableParents":[{"__symbolic":"method"}],"getRelativeContextElement":[{"__symbolic":"method"}],"useRelativePosition":[{"__symbolic":"method"}],"windowViewPort":[{"__symbolic":"method"}]}}}}]

dist/npm/services/position.service.js

 "use strict";
-var core_1 = require('@angular/core');
-var dom_service_1 = require('./dom.service');
-var util_1 = require('../util');
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+var core_1 = require("@angular/core");
+var dom_service_1 = require("./dom.service");
+var util_1 = require("../util");
 /**
@@ -33,11 +42,8 @@ * @hidden
     };
-    PositionService.decorators = [
-        { type: core_1.Injectable },
-    ];
-    /** @nocollapse */
-    PositionService.ctorParameters = [
-        { type: dom_service_1.DOMService, },
-    ];
     return PositionService;
 }());
+PositionService = __decorate([
+    core_1.Injectable(),
+    __metadata("design:paramtypes", [dom_service_1.DOMService])
+], PositionService);
 exports.PositionService = PositionService;

dist/npm/services/position.service.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":1,"metadata":{"PositionService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./dom.service","name":"DOMService"}]}],"positionElement":[{"__symbolic":"method"}]}}}}
+[{"__symbolic":"module","version":3,"metadata":{"PositionService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./dom.service","name":"DOMService"}]}],"positionElement":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"PositionService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./dom.service","name":"DOMService"}]}],"positionElement":[{"__symbolic":"method"}]}}}}]

dist/npm/services/resize.service.js

 "use strict";
-var core_1 = require('@angular/core');
-var Observable_1 = require('rxjs/Observable');
-require('rxjs/add/observable/fromEvent');
-require('rxjs/add/operator/auditTime');
-var util_1 = require('../util');
-var dom_service_1 = require('./dom.service');
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+var core_1 = require("@angular/core");
+var Observable_1 = require("rxjs/Observable");
+require("rxjs/add/observable/fromEvent");
+require("rxjs/add/operator/auditTime");
+var util_1 = require("../util");
+var dom_service_1 = require("./dom.service");
 /**
@@ -37,12 +46,8 @@ * @hidden
     };
-    ResizeService.decorators = [
-        { type: core_1.Injectable },
-    ];
-    /** @nocollapse */
-    ResizeService.ctorParameters = [
-        { type: dom_service_1.DOMService, },
-        { type: core_1.NgZone, },
-    ];
     return ResizeService;
 }());
+ResizeService = __decorate([
+    core_1.Injectable(),
+    __metadata("design:paramtypes", [dom_service_1.DOMService, core_1.NgZone])
+], ResizeService);
 exports.ResizeService = ResizeService;

dist/npm/services/resize.service.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":1,"metadata":{"ResizeService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./dom.service","name":"DOMService"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"}]}],"subscribe":[{"__symbolic":"method"}],"unsubscribe":[{"__symbolic":"method"}],"isUnsubscribed":[{"__symbolic":"method"}]}}}}
+[{"__symbolic":"module","version":3,"metadata":{"ResizeService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./dom.service","name":"DOMService"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"}]}],"subscribe":[{"__symbolic":"method"}],"unsubscribe":[{"__symbolic":"method"}],"isUnsubscribed":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"ResizeService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./dom.service","name":"DOMService"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"}]}],"subscribe":[{"__symbolic":"method"}],"unsubscribe":[{"__symbolic":"method"}],"isUnsubscribed":[{"__symbolic":"method"}]}}}}]

dist/npm/services/scrollable.service.js

 "use strict";
-var core_1 = require('@angular/core');
-var Observable_1 = require('rxjs/Observable');
-require('rxjs/add/observable/fromEvent');
-require('rxjs/add/observable/merge');
-require('rxjs/add/operator/auditTime');
-var dom_service_1 = require('./dom.service');
-var util_1 = require('../util');
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+var core_1 = require("@angular/core");
+var Observable_1 = require("rxjs/Observable");
+require("rxjs/add/observable/fromEvent");
+require("rxjs/add/observable/merge");
+require("rxjs/add/operator/auditTime");
+var dom_service_1 = require("./dom.service");
+var util_1 = require("../util");
 /**
@@ -58,12 +67,8 @@ * @hidden
     };
-    ScrollableService.decorators = [
-        { type: core_1.Injectable },
-    ];
-    /** @nocollapse */
-    ScrollableService.ctorParameters = [
-        { type: dom_service_1.DOMService, },
-        { type: core_1.NgZone, },
-    ];
     return ScrollableService;
 }());
+ScrollableService = __decorate([
+    core_1.Injectable(),
+    __metadata("design:paramtypes", [dom_service_1.DOMService, core_1.NgZone])
+], ScrollableService);
 exports.ScrollableService = ScrollableService;

dist/npm/services/scrollable.service.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":1,"metadata":{"ScrollableService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./dom.service","name":"DOMService"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"}]}],"forElement":[{"__symbolic":"method"}],"subscribe":[{"__symbolic":"method"}],"unsubscribe":[{"__symbolic":"method"}],"isVisible":[{"__symbolic":"method"}]}}}}
+[{"__symbolic":"module","version":3,"metadata":{"ScrollableService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./dom.service","name":"DOMService"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"}]}],"forElement":[{"__symbolic":"method"}],"subscribe":[{"__symbolic":"method"}],"unsubscribe":[{"__symbolic":"method"}],"isVisible":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"ScrollableService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./dom.service","name":"DOMService"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"}]}],"forElement":[{"__symbolic":"method"}],"subscribe":[{"__symbolic":"method"}],"unsubscribe":[{"__symbolic":"method"}],"isVisible":[{"__symbolic":"method"}]}}}}]

dist/npm/util.d.ts

@@ -1,5 +0,5 @@
-import { ElementRect } from '@progress/kendo-popup-common';
-declare const eitherRect: (rect: ElementRect, offset: ElementRect) => ElementRect;
-declare const replaceOffset: (rect: ElementRect, offset: ElementRect) => ElementRect;
-declare const isDifferentOffset: (oldOffset: ElementRect, newOffset: ElementRect) => boolean;
+import { ElementRect, OffsetPosition } from '@progress/kendo-popup-common';
+declare const eitherRect: (rect: ElementRect, offset: OffsetPosition) => ElementRect;
+declare const replaceOffset: (rect: ElementRect, offset: OffsetPosition) => ElementRect;
+declare const isDifferentOffset: (oldOffset: OffsetPosition, newOffset: OffsetPosition) => boolean;
 declare const isDocumentAvailable: () => boolean;
@@ -6,0 +6,0 @@ declare const isWindowAvailable: () => boolean;

dist/npm/util.js

@@ -56,4 +56,4 @@ "use strict";
 exports.scrollableParents = scrollableParents;
-var FRAME_DURATION = 1000 / 60;
-exports.FRAME_DURATION = FRAME_DURATION; //1000ms divided by 60fps
+var FRAME_DURATION = 1000 / 60; //1000ms divided by 60fps
+exports.FRAME_DURATION = FRAME_DURATION;
 var hasRelativeStackingContext = function () {
@@ -60,0 +60,0 @@ if (!isDocumentAvailable()) {

package.json

 {
   "name": "@progress/kendo-angular-popup",
   "description": "Kendo UI Angular 2 Popup component",
-  "version": "0.15.0",
+  "version": "0.16.0",
   "publishConfig": {
@@ -37,21 +37,21 @@ "registry": "https://registry.npm.telerik.com"
   "peerDependencies": {
-    "@angular/core": "^2.0.0",
-    "@angular/common": "^2.0.0",
-    "rxjs": "~5.0.0-X"
+    "@angular/core": "^2.4.0",
+    "@angular/common": "^2.4.0",
+    "rxjs": "^5.0.1"
   },
   "devDependencies": {
-    "@angular/common": "~2.2.0",
-    "@angular/core": "~2.2.0",
-    "@angular/compiler": "~2.2.0",
-    "@angular/compiler-cli": "~2.2.0",
-    "@angular/platform-browser": "~2.2.0",
-    "@angular/platform-browser-dynamic": "~2.2.0",
-    "@angular/platform-server": "~2.2.0",
-    "@progress/kendo-angular-tasks": "^6.0.0",
-    "@telerik/kendo-theme-default": "^1.24.0",
-    "codelyzer": "0.0.28",
+    "@angular/common": "^2.4.0",
+    "@angular/core": "^2.4.0",
+    "@angular/compiler": "^2.4.0",
+    "@angular/compiler-cli": "^2.4.0",
+    "@angular/platform-browser": "^2.4.0",
+    "@angular/platform-browser-dynamic": "^2.4.0",
+    "@angular/platform-server": "^2.4.0",
+    "@progress/kendo-angular-tasks": "^7.0.0",
+    "@progress/kendo-theme-default": "^2.0.0",
+    "codelyzer": "2.0.0-beta.2",
+    "tslint": "~4.0.0",
     "core-js": "^2.2.2",
-    "rxjs": "5.0.0-beta.12",
-    "zone.js": "^0.6.23",
-    "cz-conventional-changelog": "^1.1.5",
+    "rxjs": "^5.0.1",
+    "zone.js": "^0.7.2",
     "ghooks": "^1.0.3",
@@ -62,3 +62,4 @@ "gulp": "^3.9.0",
     "validate-commit-msg": "^1.1.1",
-    "typescript": "~2.0.3"
+    "cz-conventional-changelog": "^1.1.5",
+    "typescript": "^2.1.0"
   },
@@ -65,0 +66,0 @@ "config": {

tsconfig.es.json

@@ -10,3 +10,6 @@ {
     "removeComments": false,
+    "types": [],
     "noImplicitAny": false,
+    "noUnusedParameters": true,
+    "noUnusedLocals": true,
     "lib": ["es2015", "dom"],
@@ -13,0 +16,0 @@ "outDir": "dist/es"

tsconfig.npm.json

@@ -8,3 +8,6 @@ {
     "experimentalDecorators": true,
+    "noUnusedParameters": true,
+    "noUnusedLocals": true,
     "removeComments": false,
+    "types": [],
     "noImplicitAny": false,
@@ -11,0 +14,0 @@ "outDir": "dist/npm"

No alert changes

Improved metrics

Total package byte prevSize

230472

increased by14.31%

Number of package files

91

increased by26.39%

Lines of code

2240

increased by3.99%

Worsened metrics

Dev dependency count

21

increased by5%

No dependency changes