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

Comparing version 1.1.4 to 1.2.0-dev.201911191004

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

@@ -5,3 +5,3 @@ /**-----------------------------------------------------------------------------------------
 *-------------------------------------------------------------------------------------------*/
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@angular/core"),require("rxjs"),require("@angular/common"),require("rxjs/operators")):"function"==typeof define&&define.amd?define(["@angular/core","rxjs","@angular/common","rxjs/operators"],t):"object"==typeof exports?exports.KendoAngularCommon=t(require("@angular/core"),require("rxjs"),require("@angular/common"),require("rxjs/operators")):e.KendoAngularCommon=t(e["@angular/core"],e.rxjs,e["@angular/common"],e["rxjs/operators"])}(window,(function(e,t,n,r){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=9)}([function(e,t,n){"use strict";n.r(t),n.d(t,"__extends",(function(){return o})),n.d(t,"__assign",(function(){return i})),n.d(t,"__rest",(function(){return s})),n.d(t,"__decorate",(function(){return u})),n.d(t,"__param",(function(){return a})),n.d(t,"__metadata",(function(){return c})),n.d(t,"__awaiter",(function(){return l})),n.d(t,"__generator",(function(){return d})),n.d(t,"__exportStar",(function(){return p})),n.d(t,"__values",(function(){return f})),n.d(t,"__read",(function(){return h})),n.d(t,"__spread",(function(){return y})),n.d(t,"__spreadArrays",(function(){return v})),n.d(t,"__await",(function(){return _})),n.d(t,"__asyncGenerator",(function(){return g})),n.d(t,"__asyncDelegator",(function(){return m})),n.d(t,"__asyncValues",(function(){return b})),n.d(t,"__makeTemplateObject",(function(){return O})),n.d(t,"__importStar",(function(){return w})),n.d(t,"__importDefault",(function(){return D}));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@angular/core"),require("rxjs"),require("@angular/common"),require("rxjs/operators")):"function"==typeof define&&define.amd?define(["@angular/core","rxjs","@angular/common","rxjs/operators"],t):"object"==typeof exports?exports.KendoAngularCommon=t(require("@angular/core"),require("rxjs"),require("@angular/common"),require("rxjs/operators")):e.KendoAngularCommon=t(e["@angular/core"],e.rxjs,e["@angular/common"],e["rxjs/operators"])}(window,(function(e,t,n,r){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)n.d(r,i,function(t){return e[t]}.bind(null,i));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=12)}([function(e,t,n){"use strict";n.r(t),n.d(t,"__extends",(function(){return i})),n.d(t,"__assign",(function(){return o})),n.d(t,"__rest",(function(){return s})),n.d(t,"__decorate",(function(){return u})),n.d(t,"__param",(function(){return a})),n.d(t,"__metadata",(function(){return c})),n.d(t,"__awaiter",(function(){return l})),n.d(t,"__generator",(function(){return d})),n.d(t,"__exportStar",(function(){return p})),n.d(t,"__values",(function(){return h})),n.d(t,"__read",(function(){return f})),n.d(t,"__spread",(function(){return v})),n.d(t,"__spreadArrays",(function(){return y})),n.d(t,"__await",(function(){return _})),n.d(t,"__asyncGenerator",(function(){return m})),n.d(t,"__asyncDelegator",(function(){return g})),n.d(t,"__asyncValues",(function(){return b})),n.d(t,"__makeTemplateObject",(function(){return O})),n.d(t,"__importStar",(function(){return S})),n.d(t,"__importDefault",(function(){return w}));
 /*! *****************************************************************************
@@ -21,2 +21,2 @@ Copyright (c) Microsoft Corporation. All rights reserved.
 ***************************************************************************** */
-var r=function(e,t){return(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)};function o(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}var i=function(){return(i=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};function s(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(r=Object.getOwnPropertySymbols(e);o<r.length;o++)t.indexOf(r[o])<0&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]])}return n}function u(e,t,n,r){var o,i=arguments.length,s=i<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,n,r);else for(var u=e.length-1;u>=0;u--)(o=e[u])&&(s=(i<3?o(s):i>3?o(t,n,s):o(t,n))||s);return i>3&&s&&Object.defineProperty(t,n,s),s}function a(e,t){return function(n,r){t(n,r,e)}}function c(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function l(e,t,n,r){return new(n||(n=Promise))((function(o,i){function s(e){try{a(r.next(e))}catch(e){i(e)}}function u(e){try{a(r.throw(e))}catch(e){i(e)}}function a(e){e.done?o(e.value):new n((function(t){t(e.value)})).then(s,u)}a((r=r.apply(e,t||[])).next())}))}function d(e,t){var n,r,o,i,s={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return i={next:u(0),throw:u(1),return:u(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function u(i){return function(u){return function(i){if(n)throw new TypeError("Generator is already executing.");for(;s;)try{if(n=1,r&&(o=2&i[0]?r.return:i[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,i[1])).done)return o;switch(r=0,o&&(i=[2&i[0],o.value]),i[0]){case 0:case 1:o=i;break;case 4:return s.label++,{value:i[1],done:!1};case 5:s.label++,r=i[1],i=[0];continue;case 7:i=s.ops.pop(),s.trys.pop();continue;default:if(!(o=(o=s.trys).length>0&&o[o.length-1])&&(6===i[0]||2===i[0])){s=0;continue}if(3===i[0]&&(!o||i[1]>o[0]&&i[1]<o[3])){s.label=i[1];break}if(6===i[0]&&s.label<o[1]){s.label=o[1],o=i;break}if(o&&s.label<o[2]){s.label=o[2],s.ops.push(i);break}o[2]&&s.ops.pop(),s.trys.pop();continue}i=t.call(e,s)}catch(e){i=[6,e],r=0}finally{n=o=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,u])}}}function p(e,t){for(var n in e)t.hasOwnProperty(n)||(t[n]=e[n])}function f(e){var t="function"==typeof Symbol&&e[Symbol.iterator],n=0;return t?t.call(e):{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}}}function h(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,o,i=n.call(e),s=[];try{for(;(void 0===t||t-- >0)&&!(r=i.next()).done;)s.push(r.value)}catch(e){o={error:e}}finally{try{r&&!r.done&&(n=i.return)&&n.call(i)}finally{if(o)throw o.error}}return s}function y(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(h(arguments[t]));return e}function v(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;var r=Array(e),o=0;for(t=0;t<n;t++)for(var i=arguments[t],s=0,u=i.length;s<u;s++,o++)r[o]=i[s];return r}function _(e){return this instanceof _?(this.v=e,this):new _(e)}function g(e,t,n){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var r,o=n.apply(e,t||[]),i=[];return r={},s("next"),s("throw"),s("return"),r[Symbol.asyncIterator]=function(){return this},r;function s(e){o[e]&&(r[e]=function(t){return new Promise((function(n,r){i.push([e,t,n,r])>1||u(e,t)}))})}function u(e,t){try{(n=o[e](t)).value instanceof _?Promise.resolve(n.value.v).then(a,c):l(i[0][2],n)}catch(e){l(i[0][3],e)}var n}function a(e){u("next",e)}function c(e){u("throw",e)}function l(e,t){e(t),i.shift(),i.length&&u(i[0][0],i[0][1])}}function m(e){var t,n;return t={},r("next"),r("throw",(function(e){throw e})),r("return"),t[Symbol.iterator]=function(){return this},t;function r(r,o){t[r]=e[r]?function(t){return(n=!n)?{value:_(e[r](t)),done:"return"===r}:o?o(t):t}:o}}function b(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,n=e[Symbol.asyncIterator];return n?n.call(e):(e=f(e),t={},r("next"),r("throw"),r("return"),t[Symbol.asyncIterator]=function(){return this},t);function r(n){t[n]=e[n]&&function(t){return new Promise((function(r,o){(function(e,t,n,r){Promise.resolve(r).then((function(t){e({value:t,done:n})}),t)})(r,o,(t=e[n](t)).done,t.value)}))}}}function O(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}function w(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t.default=e,t}function D(e){return e&&e.__esModule?e:{default:e}}},function(t,n){t.exports=e},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0),o=n(1),i=n(8),s=function(){function e(e){this.ngZone=e,this.scheduled=[],this.resolvedPromise=Promise.resolve(null),this.flush=this.flush.bind(this)}return e.prototype.schedule=function(e,t){var n=this;this.scheduled.push({instance:e,method:t}),this.subscription||this.ngZone.runOutsideAngular((function(){n.subscription=i.from(n.resolvedPromise).subscribe(n.flush)}))},e.prototype.isScheduled=function(e){return Boolean(this.scheduled.find((function(t){return t.instance===e})))},e.prototype.cancel=function(e){for(var t=this.scheduled,n=t.length,r=0;r<n;r++)if(t[r].instance===e)return t.splice(r,1),void(t.length||this.unsubscribe())},e.prototype.ngOnDestroy=function(){this.unsubscribe()},e.prototype.unsubscribe=function(){this.subscription&&(this.subscription.unsubscribe(),this.subscription=null)},e.prototype.flush=function(){this.scheduled.forEach((function(e){e.method.call(e.instance)})),this.scheduled=[],this.unsubscribe()},e=r.__decorate([o.Injectable(),r.__metadata("design:paramtypes",[o.NgZone])],e)}();t.ResizeBatchService=s},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0),o=n(1),i=n(4),s=n(15),u=function(){function e(e,t){this.element=e,this.ngZone=t,this.enableDrag=!0,this.kendoPress=new o.EventEmitter,this.kendoDrag=new o.EventEmitter,this.kendoRelease=new o.EventEmitter}return e.prototype.ngOnInit=function(){this.toggleDraggable()},e.prototype.ngOnChanges=function(e){i.isChanged("enableDrag",e)&&this.toggleDraggable()},e.prototype.ngOnDestroy=function(){this.destroyDraggable()},e.prototype.toggleDraggable=function(){var e=this;i.isDocumentAvailable()&&(this.destroyDraggable(),this.enableDrag&&(this.draggable=new s.default({drag:function(t){return e.kendoDrag.next(t)},press:function(t){return e.kendoPress.next(t)},release:function(t){return e.kendoRelease.next(t)}}),this.ngZone.runOutsideAngular((function(){return e.draggable.bindTo(e.element.nativeElement)}))))},e.prototype.destroyDraggable=function(){this.draggable&&(this.draggable.destroy(),this.draggable=null)},r.__decorate([o.Input(),r.__metadata("design:type",Boolean)],e.prototype,"enableDrag",void 0),r.__decorate([o.Output(),r.__metadata("design:type",o.EventEmitter)],e.prototype,"kendoPress",void 0),r.__decorate([o.Output(),r.__metadata("design:type",o.EventEmitter)],e.prototype,"kendoDrag",void 0),r.__decorate([o.Output(),r.__metadata("design:type",o.EventEmitter)],e.prototype,"kendoRelease",void 0),e=r.__decorate([o.Directive({selector:"[kendoDraggable]"}),r.__metadata("design:paramtypes",[o.ElementRef,o.NgZone])],e)}();t.DraggableDirective=u},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(11);t.isDocumentAvailable=r.isDocumentAvailable;var o=n(5);t.isChanged=o.isChanged;var i=n(12);t.anyChanged=i.anyChanged;var s=n(13);t.hasObservers=s.hasObservers;var u=n(14);t.guid=u.guid},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.isChanged=function(e,t,n){return void 0===n&&(n=!0),!(void 0===t[e]||t[e].isFirstChange()&&n||t[e].previousValue===t[e].currentValue)}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0),o=n(1),i=function(){function e(e,t,n){this.element=e,this.ngZone=t,this.renderer=n,this.events={}}return e.prototype.ngOnInit=function(){var e=this;if(this.element&&this.element.nativeElement){var t=this.events;this.subscriptions=[],this.ngZone.runOutsideAngular((function(){for(var n in t)t.hasOwnProperty(n)&&e.subscriptions.push(e.renderer.listen(e.element.nativeElement,n,e.scope?t[n].bind(e.scope):t[n]))}))}},e.prototype.ngOnDestroy=function(){if(this.subscriptions){for(var e=0;e<this.subscriptions.length;e++)this.subscriptions[e]();this.subscriptions=null}},r.__decorate([o.Input("kendoEventsOutsideAngular"),r.__metadata("design:type",Object)],e.prototype,"events",void 0),r.__decorate([o.Input(),r.__metadata("design:type",Object)],e.prototype,"scope",void 0),e=r.__decorate([o.Directive({selector:"[kendoEventsOutsideAngular]"}),r.__metadata("design:paramtypes",[o.ElementRef,o.NgZone,o.Renderer2])],e)}();t.EventsOutsideAngularDirective=i},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0),o=n(1),i=n(8),s=n(21),u=n(2),a=10,c="position: absolute; display: block; left: 0; top: 0; right: 0; bottom: 0; z-index: -1;overflow: hidden; visibility: hidden;",l=function(){function e(e,t,n,r){this.resizeBatchService=e,this.element=t,this.zone=n,this.renderer=r,this.rateLimit=a,this.resize=new o.EventEmitter,this.dir="ltr",this.source=new i.Subject,this.state=0,this.acceptedSize=!1}return e.prototype.ngAfterViewInit=function(){var e=this;this.zone.runOutsideAngular((function(){var t=e.scroll.bind(e),n=e.renderer.listen(e.expand.nativeElement,"scroll",t),r=e.renderer.listen(e.shrink.nativeElement,"scroll",t);e.detachScrollHandlers=function(){n(),r()}}))},e.prototype.ngAfterViewChecked=function(){"undefined"!=typeof document&&(2!==this.state?0===this.state&&(this.state=1,this.resizeBatchService.schedule(this,this.init)):this.resizeBatchService.isScheduled(this)||this.resizeBatchService.schedule(this,this.scroll))},e.prototype.ngOnDestroy=function(){this.subscription&&this.subscription.unsubscribe(),this.detachScrollHandlers&&this.detachScrollHandlers(),this.resizeBatchService.cancel(this)},e.prototype.acceptSize=function(e){void 0===e&&(e=this.measure()),this.lastWidth=e.width,this.lastHeight=e.height,this.acceptedSize=!0},e.prototype.scroll=function(e){var t=this;if(this.parentElement){var n=this.measure(),r=n.width,o=n.height;r===this.lastWidth&&o===this.lastHeight||(this.lastWidth=r,this.lastHeight=o,this.acceptedSize=!1,this.zone.runOutsideAngular((function(){t.source.next()})),this.reset())}},e.prototype.init=function(){var e,t,n=this,r=1e3/(this.rateLimit||a);this.subscription=this.source.asObservable().pipe(s.auditTime(r)).subscribe((function(){n.acceptedSize||n.resize.emit()})),this.parentElement=this.element.nativeElement.parentElement,"static"===(e=this.parentElement,t="position",getComputedStyle(e,null).getPropertyValue(t))&&(this.parentElement.style.position="relative"),this.reset(),this.lastWidth=this.parentElement.offsetWidth,this.lastHeight=this.parentElement.offsetHeight,this.state=2},e.prototype.reset=function(){var e=this.expandChild.nativeElement;e.style.width=1e5+"px",e.style.height=1e5+"px";var t=this.expand.nativeElement;t.scrollLeft=1e5,t.scrollTop=1e5;var n=this.shrink.nativeElement;n.scrollLeft=1e5,n.scrollTop=1e5},e.prototype.measure=function(){var e=0,t=0;return this.parentElement&&(t=this.parentElement.offsetHeight,e=this.parentElement.offsetWidth),{height:t,width:e}},r.__decorate([o.Input(),r.__metadata("design:type",Number)],e.prototype,"rateLimit",void 0),r.__decorate([o.Output(),r.__metadata("design:type",o.EventEmitter)],e.prototype,"resize",void 0),r.__decorate([o.HostBinding("attr.dir"),r.__metadata("design:type",String)],e.prototype,"dir",void 0),r.__decorate([o.ViewChild("expand"),r.__metadata("design:type",o.ElementRef)],e.prototype,"expand",void 0),r.__decorate([o.ViewChild("expandChild"),r.__metadata("design:type",o.ElementRef)],e.prototype,"expandChild",void 0),r.__decorate([o.ViewChild("shrink"),r.__metadata("design:type",o.ElementRef)],e.prototype,"shrink",void 0),e=r.__decorate([o.Component({selector:"kendo-resize-sensor",styles:[":host { "+c+" }"],template:'<div #expand style="'+c+'">  <div #expandChild style="position: absolute; left: 0; top: 0; transition: 0s;"></div></div><div #shrink style="'+c+'">  <div style="position: absolute; left: 0; top: 0; transition: 0s;width: 200%; height: 200%;"></div></div>'}),r.__metadata("design:paramtypes",[u.ResizeBatchService,o.ElementRef,o.NgZone,o.Renderer2])],e)}();t.ResizeSensorComponent=l},function(e,n){e.exports=t},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0);r.__exportStar(n(10),t),r.__exportStar(n(18),t),r.__exportStar(n(20),t),r.__exportStar(n(23),t),r.__exportStar(n(4),t),r.__exportStar(n(24),t)},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(3);t.DraggableDirective=r.DraggableDirective;var o=n(16);t.DraggableModule=o.DraggableModule},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.isDocumentAvailable=function(){return"undefined"!=typeof document}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(5);t.anyChanged=function(e,t,n){return void 0===n&&(n=!0),e.some((function(e){return r.isChanged(e,t,n)}))}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.hasObservers=function(e){return e&&e.observers.length>0}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.guid=function(){for(var e="",t=0;t<32;t++){var n=16*Math.random()|0;8!==t&&12!==t&&16!==t&&20!==t||(e+="-"),e+=(12===t?4:16===t?3&n|8:n).toString(16)}return e}},function(e,t,n){"use strict";n.r(t),n.d(t,"Draggable",(function(){return l}));var r=function(e,t){return function(n){return t(e(n))}},o=function(e,t,n){return e.addEventListener&&e.addEventListener(t,n)},i=function(e,t,n){return e&&e.removeEventListener&&e.removeEventListener(t,n)},s=function(){},u=function(e){return e.preventDefault()},a=/touch/;function c(e){return e.type.match(a)?{pageX:e.changedTouches[0].pageX,pageY:e.changedTouches[0].pageY,clientX:e.changedTouches[0].clientX,clientY:e.changedTouches[0].clientY,type:e.type,originalEvent:e,isTouch:!0}:{pageX:e.pageX,pageY:e.pageY,clientX:e.clientX,clientY:e.clientY,offsetX:e.offsetX,offsetY:e.offsetY,type:e.type,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,originalEvent:e}}var l=function(e){var t=this,n=e.press;void 0===n&&(n=s);var a=e.drag;void 0===a&&(a=s);var l=e.release;void 0===l&&(l=s);var d=e.mouseOnly;void 0===d&&(d=!1),this._pressHandler=r(c,n),this._dragHandler=r(c,a),this._releaseHandler=r(c,l),this._ignoreMouse=!1,this._mouseOnly=d,this._touchstart=function(e){1===e.touches.length&&t._pressHandler(e)},this._touchmove=function(e){1===e.touches.length&&t._dragHandler(e)},this._touchend=function(e){0===e.touches.length&&1===e.changedTouches.length&&(t._releaseHandler(e),t._ignoreMouse=!0,setTimeout(t._restoreMouse,2e3))},this._restoreMouse=function(){t._ignoreMouse=!1},this._mousedown=function(e){var n=e.which;n&&n>1||t._ignoreMouse||(o(document,"mousemove",t._mousemove),o(document,"mouseup",t._mouseup),t._pressHandler(e))},this._mousemove=function(e){t._dragHandler(e)},this._mouseup=function(e){i(document,"mousemove",t._mousemove),i(document,"mouseup",t._mouseup),t._releaseHandler(e)},this._pointerdown=function(e){e.isPrimary&&0===e.button&&(o(document,"pointermove",t._pointermove),o(document,"pointerup",t._pointerup),o(document,"pointercancel",t._pointerup),o(document,"contextmenu",u),t._pressHandler(e))},this._pointermove=function(e){e.isPrimary&&t._dragHandler(e)},this._pointerup=function(e){e.isPrimary&&(i(document,"pointermove",t._pointermove),i(document,"pointerup",t._pointerup),i(document,"pointercancel",t._pointerup),i(document,"contextmenu",u),t._releaseHandler(e))}};l.supportPointerEvent=function(){return"undefined"!=typeof window&&window.PointerEvent},l.prototype.bindTo=function(e){e!==this._element&&(this._element&&this._unbindFromCurrent(),this._element=e,this._bindToCurrent())},l.prototype._bindToCurrent=function(){var e=this._element;this._usePointers()?o(e,"pointerdown",this._pointerdown):(o(e,"mousedown",this._mousedown),this._mouseOnly||(o(e,"touchstart",this._touchstart),o(e,"touchmove",this._touchmove),o(e,"touchend",this._touchend)))},l.prototype._unbindFromCurrent=function(){var e=this._element;if(this._usePointers())return i(e,"pointerdown",this._pointerdown),i(document,"pointermove",this._pointermove),i(document,"pointerup",this._pointerup),i(document,"contextmenu",u),void i(document,"pointercancel",this._pointerup);i(e,"mousedown",this._mousedown),this._mouseOnly||(i(e,"touchstart",this._touchstart),i(e,"touchmove",this._touchmove),i(e,"touchend",this._touchend))},l.prototype._usePointers=function(){return!this._mouseOnly&&l.supportPointerEvent()},l.prototype.destroy=function(){this._unbindFromCurrent(),this._element=null},l.default=l,t.default=l},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0),o=n(1),i=n(3),s=n(17),u=function(){function e(){}return e=r.__decorate([o.NgModule({declarations:[i.DraggableDirective],exports:[i.DraggableDirective],imports:[s.CommonModule]})],e)}();t.DraggableModule=u},function(e,t){e.exports=n},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(6);t.EventsOutsideAngularDirective=r.EventsOutsideAngularDirective;var o=n(19);t.EventsModule=o.EventsModule},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0),o=n(1),i=n(6),s=function(){function e(){}return e=r.__decorate([o.NgModule({declarations:[i.EventsOutsideAngularDirective],exports:[i.EventsOutsideAngularDirective]})],e)}();t.EventsModule=s},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(7);t.ResizeSensorComponent=r.ResizeSensorComponent;var o=n(2);t.ResizeBatchService=o.ResizeBatchService;var i=n(22);t.ResizeSensorModule=i.ResizeSensorModule},function(e,t){e.exports=r},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0),o=n(1),i=n(7),s=n(2),u=[i.ResizeSensorComponent],a=function(){function e(){}return e=r.__decorate([o.NgModule({declarations:[u],exports:[u],providers:[s.ResizeBatchService]})],e)}();t.ResizeSensorModule=a},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(){};t.KendoInput=r},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(25);t.Keys=r.Keys},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e){e[e.Alt=18]="Alt",e[e.ArrowDown=40]="ArrowDown",e[e.ArrowLeft=37]="ArrowLeft",e[e.ArrowRight=39]="ArrowRight",e[e.ArrowUp=38]="ArrowUp",e[e.Backspace=8]="Backspace",e[e.Control=17]="Control",e[e.Delete=46]="Delete",e[e.Digit0=48]="Digit0",e[e.Digit1=49]="Digit1",e[e.Digit2=50]="Digit2",e[e.Digit3=51]="Digit3",e[e.Digit4=52]="Digit4",e[e.Digit5=53]="Digit5",e[e.Digit6=54]="Digit6",e[e.Digit7=55]="Digit7",e[e.Digit8=56]="Digit8",e[e.Digit9=57]="Digit9",e[e.End=35]="End",e[e.Enter=13]="Enter",e[e.Escape=27]="Escape",e[e.F1=112]="F1",e[e.F2=113]="F2",e[e.F10=121]="F10",e[e.Home=36]="Home",e[e.Insert=45]="Insert",e[e.KeyA=65]="KeyA",e[e.KeyB=66]="KeyB",e[e.KeyC=67]="KeyC",e[e.KeyD=68]="KeyD",e[e.KeyE=69]="KeyE",e[e.KeyF=70]="KeyF",e[e.KeyG=71]="KeyG",e[e.KeyH=72]="KeyH",e[e.KeyI=73]="KeyI",e[e.KeyJ=74]="KeyJ",e[e.KeyK=75]="KeyK",e[e.KeyL=76]="KeyL",e[e.KeyM=77]="KeyM",e[e.KeyN=78]="KeyN",e[e.KeyO=79]="KeyO",e[e.KeyP=80]="KeyP",e[e.KeyQ=81]="KeyQ",e[e.KeyR=82]="KeyR",e[e.KeyS=83]="KeyS",e[e.KeyT=84]="KeyT",e[e.KeyU=85]="KeyU",e[e.KeyV=86]="KeyV",e[e.KeyW=87]="KeyW",e[e.KeyX=88]="KeyX",e[e.KeyY=89]="KeyY",e[e.KeyZ=90]="KeyZ",e[e.NumpadDecimal=110]="NumpadDecimal",e[e.PageDown=34]="PageDown",e[e.PageUp=33]="PageUp",e[e.Shift=16]="Shift",e[e.Space=32]="Space",e[e.Tab=9]="Tab"}(t.Keys||(t.Keys={}))}])}));
+var r=function(e,t){return(r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)};function i(e,t){function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}var o=function(){return(o=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var i in t=arguments[n])Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i]);return e}).apply(this,arguments)};function s(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(r=Object.getOwnPropertySymbols(e);i<r.length;i++)t.indexOf(r[i])<0&&Object.prototype.propertyIsEnumerable.call(e,r[i])&&(n[r[i]]=e[r[i]])}return n}function u(e,t,n,r){var i,o=arguments.length,s=o<3?t:null===r?r=Object.getOwnPropertyDescriptor(t,n):r;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,n,r);else for(var u=e.length-1;u>=0;u--)(i=e[u])&&(s=(o<3?i(s):o>3?i(t,n,s):i(t,n))||s);return o>3&&s&&Object.defineProperty(t,n,s),s}function a(e,t){return function(n,r){t(n,r,e)}}function c(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function l(e,t,n,r){return new(n||(n=Promise))((function(i,o){function s(e){try{a(r.next(e))}catch(e){o(e)}}function u(e){try{a(r.throw(e))}catch(e){o(e)}}function a(e){e.done?i(e.value):new n((function(t){t(e.value)})).then(s,u)}a((r=r.apply(e,t||[])).next())}))}function d(e,t){var n,r,i,o,s={label:0,sent:function(){if(1&i[0])throw i[1];return i[1]},trys:[],ops:[]};return o={next:u(0),throw:u(1),return:u(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function u(o){return function(u){return function(o){if(n)throw new TypeError("Generator is already executing.");for(;s;)try{if(n=1,r&&(i=2&o[0]?r.return:o[0]?r.throw||((i=r.return)&&i.call(r),0):r.next)&&!(i=i.call(r,o[1])).done)return i;switch(r=0,i&&(o=[2&o[0],i.value]),o[0]){case 0:case 1:i=o;break;case 4:return s.label++,{value:o[1],done:!1};case 5:s.label++,r=o[1],o=[0];continue;case 7:o=s.ops.pop(),s.trys.pop();continue;default:if(!(i=(i=s.trys).length>0&&i[i.length-1])&&(6===o[0]||2===o[0])){s=0;continue}if(3===o[0]&&(!i||o[1]>i[0]&&o[1]<i[3])){s.label=o[1];break}if(6===o[0]&&s.label<i[1]){s.label=i[1],i=o;break}if(i&&s.label<i[2]){s.label=i[2],s.ops.push(o);break}i[2]&&s.ops.pop(),s.trys.pop();continue}o=t.call(e,s)}catch(e){o=[6,e],r=0}finally{n=i=0}if(5&o[0])throw o[1];return{value:o[0]?o[1]:void 0,done:!0}}([o,u])}}}function p(e,t){for(var n in e)t.hasOwnProperty(n)||(t[n]=e[n])}function h(e){var t="function"==typeof Symbol&&e[Symbol.iterator],n=0;return t?t.call(e):{next:function(){return e&&n>=e.length&&(e=void 0),{value:e&&e[n++],done:!e}}}}function f(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,i,o=n.call(e),s=[];try{for(;(void 0===t||t-- >0)&&!(r=o.next()).done;)s.push(r.value)}catch(e){i={error:e}}finally{try{r&&!r.done&&(n=o.return)&&n.call(o)}finally{if(i)throw i.error}}return s}function v(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(f(arguments[t]));return e}function y(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;var r=Array(e),i=0;for(t=0;t<n;t++)for(var o=arguments[t],s=0,u=o.length;s<u;s++,i++)r[i]=o[s];return r}function _(e){return this instanceof _?(this.v=e,this):new _(e)}function m(e,t,n){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var r,i=n.apply(e,t||[]),o=[];return r={},s("next"),s("throw"),s("return"),r[Symbol.asyncIterator]=function(){return this},r;function s(e){i[e]&&(r[e]=function(t){return new Promise((function(n,r){o.push([e,t,n,r])>1||u(e,t)}))})}function u(e,t){try{(n=i[e](t)).value instanceof _?Promise.resolve(n.value.v).then(a,c):l(o[0][2],n)}catch(e){l(o[0][3],e)}var n}function a(e){u("next",e)}function c(e){u("throw",e)}function l(e,t){e(t),o.shift(),o.length&&u(o[0][0],o[0][1])}}function g(e){var t,n;return t={},r("next"),r("throw",(function(e){throw e})),r("return"),t[Symbol.iterator]=function(){return this},t;function r(r,i){t[r]=e[r]?function(t){return(n=!n)?{value:_(e[r](t)),done:"return"===r}:i?i(t):t}:i}}function b(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,n=e[Symbol.asyncIterator];return n?n.call(e):(e=h(e),t={},r("next"),r("throw"),r("return"),t[Symbol.asyncIterator]=function(){return this},t);function r(n){t[n]=e[n]&&function(t){return new Promise((function(r,i){(function(e,t,n,r){Promise.resolve(r).then((function(t){e({value:t,done:n})}),t)})(r,i,(t=e[n](t)).done,t.value)}))}}}function O(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}function S(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t.default=e,t}function w(e){return e&&e.__esModule?e:{default:e}}},function(t,n){t.exports=e},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(14);t.isDocumentAvailable=r.isDocumentAvailable;var i=n(5);t.isChanged=i.isChanged;var o=n(15);t.anyChanged=o.anyChanged;var s=n(16);t.hasObservers=s.hasObservers;var u=n(17);t.guid=u.guid},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0),i=n(1),o=n(10),s=function(){function e(e){this.ngZone=e,this.scheduled=[],this.resolvedPromise=Promise.resolve(null),this.flush=this.flush.bind(this)}return e.prototype.schedule=function(e,t){var n=this;this.scheduled.push({instance:e,method:t}),this.subscription||this.ngZone.runOutsideAngular((function(){n.subscription=o.from(n.resolvedPromise).subscribe(n.flush)}))},e.prototype.isScheduled=function(e){return Boolean(this.scheduled.find((function(t){return t.instance===e})))},e.prototype.cancel=function(e){for(var t=this.scheduled,n=t.length,r=0;r<n;r++)if(t[r].instance===e)return t.splice(r,1),void(t.length||this.unsubscribe())},e.prototype.ngOnDestroy=function(){this.unsubscribe()},e.prototype.unsubscribe=function(){this.subscription&&(this.subscription.unsubscribe(),this.subscription=null)},e.prototype.flush=function(){this.scheduled.forEach((function(e){e.method.call(e.instance)})),this.scheduled=[],this.unsubscribe()},e=r.__decorate([i.Injectable(),r.__metadata("design:paramtypes",[i.NgZone])],e)}();t.ResizeBatchService=s},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0),i=n(1),o=n(2),s=n(18),u=function(){function e(e,t){this.element=e,this.ngZone=t,this.enableDrag=!0,this.kendoPress=new i.EventEmitter,this.kendoDrag=new i.EventEmitter,this.kendoRelease=new i.EventEmitter}return e.prototype.ngOnInit=function(){this.toggleDraggable()},e.prototype.ngOnChanges=function(e){o.isChanged("enableDrag",e)&&this.toggleDraggable()},e.prototype.ngOnDestroy=function(){this.destroyDraggable()},e.prototype.toggleDraggable=function(){var e=this;o.isDocumentAvailable()&&(this.destroyDraggable(),this.enableDrag&&(this.draggable=new s.default({drag:function(t){return e.kendoDrag.next(t)},press:function(t){return e.kendoPress.next(t)},release:function(t){return e.kendoRelease.next(t)}}),this.ngZone.runOutsideAngular((function(){return e.draggable.bindTo(e.element.nativeElement)}))))},e.prototype.destroyDraggable=function(){this.draggable&&(this.draggable.destroy(),this.draggable=null)},r.__decorate([i.Input(),r.__metadata("design:type",Boolean)],e.prototype,"enableDrag",void 0),r.__decorate([i.Output(),r.__metadata("design:type",i.EventEmitter)],e.prototype,"kendoPress",void 0),r.__decorate([i.Output(),r.__metadata("design:type",i.EventEmitter)],e.prototype,"kendoDrag",void 0),r.__decorate([i.Output(),r.__metadata("design:type",i.EventEmitter)],e.prototype,"kendoRelease",void 0),e=r.__decorate([i.Directive({selector:"[kendoDraggable]"}),r.__metadata("design:paramtypes",[i.ElementRef,i.NgZone])],e)}();t.DraggableDirective=u},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.isChanged=function(e,t,n){return void 0===n&&(n=!0),!(void 0===t[e]||t[e].isFirstChange()&&n||t[e].previousValue===t[e].currentValue)}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0),i=n(1),o=function(){function e(e,t,n){this.element=e,this.ngZone=t,this.renderer=n,this.events={}}return e.prototype.ngOnInit=function(){var e=this;if(this.element&&this.element.nativeElement){var t=this.events;this.subscriptions=[],this.ngZone.runOutsideAngular((function(){for(var n in t)t.hasOwnProperty(n)&&e.subscriptions.push(e.renderer.listen(e.element.nativeElement,n,e.scope?t[n].bind(e.scope):t[n]))}))}},e.prototype.ngOnDestroy=function(){if(this.subscriptions){for(var e=0;e<this.subscriptions.length;e++)this.subscriptions[e]();this.subscriptions=null}},r.__decorate([i.Input("kendoEventsOutsideAngular"),r.__metadata("design:type",Object)],e.prototype,"events",void 0),r.__decorate([i.Input(),r.__metadata("design:type",Object)],e.prototype,"scope",void 0),e=r.__decorate([i.Directive({selector:"[kendoEventsOutsideAngular]"}),r.__metadata("design:paramtypes",[i.ElementRef,i.NgZone,i.Renderer2])],e)}();t.EventsOutsideAngularDirective=o},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0),i=n(1),o=n(24),s=n(8),u=n(11),a=n(3),c=10,l=function(){function e(e,t,n){var r=this;this.rateLimit=c,this.resize=new i.EventEmitter;var a=u.ResizeObserverService.supported()?u.ResizeObserverService:s.ResizeCompatService;this.resizeService=new a(e,t,n);var l=1e3/(this.rateLimit||c);this.subscription=this.resizeService.resize.pipe(o.auditTime(l)).subscribe((function(){r.resizeService.acceptedSize||r.resize.emit()}))}return e.prototype.ngAfterViewChecked=function(){this.resizeService.checkChanges()},e.prototype.ngOnDestroy=function(){this.subscription.unsubscribe(),this.resizeService.destroy()},e.prototype.acceptSize=function(e){this.resizeService.acceptSize(e)},r.__decorate([i.Input(),r.__metadata("design:type",Number)],e.prototype,"rateLimit",void 0),r.__decorate([i.Output(),r.__metadata("design:type",i.EventEmitter)],e.prototype,"resize",void 0),e=r.__decorate([i.Component({selector:"kendo-resize-sensor",template:""}),r.__metadata("design:paramtypes",[a.ResizeBatchService,i.ElementRef,i.NgZone])],e)}();t.ResizeSensorComponent=l},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0),i=n(9),o=n(10),s=function(e){var t=document.createElement("div");return t.style.cssText=e,t},u="position: absolute; display: block; left: 0; top: 0; right: 0; bottom: 0; z-index: -1;overflow: hidden; visibility: hidden;",a=function(e){function t(t,n,r){var i=e.call(this,t)||this;return i.element=n,i.ngZone=r,i}return r.__extends(t,e),t.prototype.checkChanges=function(){2!==this.state?e.prototype.checkChanges.call(this):this.resizeBatchService.isScheduled(this)||this.resizeBatchService.schedule(this,this.checkSize)},t.prototype.destroy=function(){if(e.prototype.destroy.call(this),this.subscription&&this.subscription.unsubscribe(),this.expand){var t=this.element.nativeElement;t.removeChild(this.expand),t.removeChild(this.shrink),this.expand.removeChild(this.expandChild),this.expand=this.expandChild=this.shrink=this.element=null}},t.prototype.checkSize=function(){if(e.prototype.checkSize.call(this))return this.reset(),!0},t.prototype.init=function(){var e,t=this.parentElement=this.element.nativeElement.parentElement;"static"===(e="position",getComputedStyle(t,null).getPropertyValue(e))&&(t.style.position="relative"),this.state=2,this.render(),this.reset(),this.initSize(),this.subscribe()},t.prototype.render=function(){var e=this.element.nativeElement;e.style.cssText=u,e.setAttribute("dir","ltr"),this.expand=s(u),this.expandChild=s("position: absolute; left: 0; top: 0; transition: 0s;"),this.expand.appendChild(this.expandChild),e.appendChild(this.expand),this.shrink=s(u);var t=s("position: absolute; left: 0; top: 0; transition: 0s;width: 200%; height: 200%;");this.shrink.appendChild(t),e.appendChild(this.shrink)},t.prototype.reset=function(){var e=this.expandChild;e.style.width=1e5+"px",e.style.height=1e5+"px";var t=this.expand;t.scrollLeft=1e5,t.scrollTop=1e5;var n=this.shrink;n.scrollLeft=1e5,n.scrollTop=1e5},t.prototype.subscribe=function(){var e=this;this.ngZone.runOutsideAngular((function(){e.subscription=o.merge(o.fromEvent(e.shrink,"scroll"),o.fromEvent(e.expand,"scroll")).subscribe((function(){e.checkSize()}))}))},t}(i.ResizeService);t.ResizeCompatService=a},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(1),i=n(2),o=function(){function e(e){this.resizeBatchService=e,this.resize=new r.EventEmitter,this.acceptedSize=!1,this.state=0}return e.prototype.acceptSize=function(e){void 0===e&&(e=this.measure()),this.lastWidth=e.width,this.lastHeight=e.height,this.acceptedSize=!0},e.prototype.checkChanges=function(){i.isDocumentAvailable()&&0===this.state&&(this.state=1,this.resizeBatchService.schedule(this,this.init))},e.prototype.destroy=function(){this.resizeBatchService.cancel(this)},e.prototype.checkSize=function(){if(this.parentElement){var e=this.measure(),t=e.width,n=e.height;if(!(t===this.lastWidth&&n===this.lastHeight))return this.lastWidth=t,this.lastHeight=n,this.acceptedSize=!1,this.resize.emit(),!0}},e.prototype.initSize=function(){var e=this.measure();this.lastWidth=e.width,this.lastHeight=e.height},e.prototype.measure=function(){var e=0,t=0;return this.parentElement&&(t=this.parentElement.offsetHeight,e=this.parentElement.offsetWidth),{height:t,width:e}},e}();t.ResizeService=o},function(e,n){e.exports=t},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0),i=n(9),o="undefined"!=typeof ResizeObserver,s=function(e){function t(t,n,r){var i=e.call(this,t)||this;return i.element=n,i.ngZone=r,i}return r.__extends(t,e),t.supported=function(){return o},t.prototype.destroy=function(){e.prototype.destroy.call(this),this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=null),this.parentElement=null},t.prototype.init=function(){var e=this;this.parentElement=this.element.nativeElement.parentElement,this.initSize(),this.state=2,this.ngZone.runOutsideAngular((function(){e.resizeObserver=new ResizeObserver((function(){e.checkSize()})),e.resizeObserver.observe(e.parentElement)}))},t}(i.ResizeService);t.ResizeObserverService=s},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0);r.__exportStar(n(13),t),r.__exportStar(n(21),t),r.__exportStar(n(23),t),r.__exportStar(n(26),t),r.__exportStar(n(2),t),r.__exportStar(n(27),t)},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(4);t.DraggableDirective=r.DraggableDirective;var i=n(19);t.DraggableModule=i.DraggableModule},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.isDocumentAvailable=function(){return"undefined"!=typeof document}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(5);t.anyChanged=function(e,t,n){return void 0===n&&(n=!0),e.some((function(e){return r.isChanged(e,t,n)}))}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.hasObservers=function(e){return e&&e.observers.length>0}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.guid=function(){for(var e="",t=0;t<32;t++){var n=16*Math.random()|0;8!==t&&12!==t&&16!==t&&20!==t||(e+="-"),e+=(12===t?4:16===t?3&n|8:n).toString(16)}return e}},function(e,t,n){"use strict";n.r(t),n.d(t,"Draggable",(function(){return l}));var r=function(e,t){return function(n){return t(e(n))}},i=function(e,t,n){return e.addEventListener&&e.addEventListener(t,n)},o=function(e,t,n){return e&&e.removeEventListener&&e.removeEventListener(t,n)},s=function(){},u=function(e){return e.preventDefault()},a=/touch/;function c(e){return e.type.match(a)?{pageX:e.changedTouches[0].pageX,pageY:e.changedTouches[0].pageY,clientX:e.changedTouches[0].clientX,clientY:e.changedTouches[0].clientY,type:e.type,originalEvent:e,isTouch:!0}:{pageX:e.pageX,pageY:e.pageY,clientX:e.clientX,clientY:e.clientY,offsetX:e.offsetX,offsetY:e.offsetY,type:e.type,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,originalEvent:e}}var l=function(e){var t=this,n=e.press;void 0===n&&(n=s);var a=e.drag;void 0===a&&(a=s);var l=e.release;void 0===l&&(l=s);var d=e.mouseOnly;void 0===d&&(d=!1),this._pressHandler=r(c,n),this._dragHandler=r(c,a),this._releaseHandler=r(c,l),this._ignoreMouse=!1,this._mouseOnly=d,this._touchstart=function(e){1===e.touches.length&&t._pressHandler(e)},this._touchmove=function(e){1===e.touches.length&&t._dragHandler(e)},this._touchend=function(e){0===e.touches.length&&1===e.changedTouches.length&&(t._releaseHandler(e),t._ignoreMouse=!0,setTimeout(t._restoreMouse,2e3))},this._restoreMouse=function(){t._ignoreMouse=!1},this._mousedown=function(e){var n=e.which;n&&n>1||t._ignoreMouse||(i(document,"mousemove",t._mousemove),i(document,"mouseup",t._mouseup),t._pressHandler(e))},this._mousemove=function(e){t._dragHandler(e)},this._mouseup=function(e){o(document,"mousemove",t._mousemove),o(document,"mouseup",t._mouseup),t._releaseHandler(e)},this._pointerdown=function(e){e.isPrimary&&0===e.button&&(i(document,"pointermove",t._pointermove),i(document,"pointerup",t._pointerup),i(document,"pointercancel",t._pointerup),i(document,"contextmenu",u),t._pressHandler(e))},this._pointermove=function(e){e.isPrimary&&t._dragHandler(e)},this._pointerup=function(e){e.isPrimary&&(o(document,"pointermove",t._pointermove),o(document,"pointerup",t._pointerup),o(document,"pointercancel",t._pointerup),o(document,"contextmenu",u),t._releaseHandler(e))}};l.supportPointerEvent=function(){return"undefined"!=typeof window&&window.PointerEvent},l.prototype.bindTo=function(e){e!==this._element&&(this._element&&this._unbindFromCurrent(),this._element=e,this._bindToCurrent())},l.prototype._bindToCurrent=function(){var e=this._element;this._usePointers()?i(e,"pointerdown",this._pointerdown):(i(e,"mousedown",this._mousedown),this._mouseOnly||(i(e,"touchstart",this._touchstart),i(e,"touchmove",this._touchmove),i(e,"touchend",this._touchend)))},l.prototype._unbindFromCurrent=function(){var e=this._element;if(this._usePointers())return o(e,"pointerdown",this._pointerdown),o(document,"pointermove",this._pointermove),o(document,"pointerup",this._pointerup),o(document,"contextmenu",u),void o(document,"pointercancel",this._pointerup);o(e,"mousedown",this._mousedown),this._mouseOnly||(o(e,"touchstart",this._touchstart),o(e,"touchmove",this._touchmove),o(e,"touchend",this._touchend))},l.prototype._usePointers=function(){return!this._mouseOnly&&l.supportPointerEvent()},l.prototype.destroy=function(){this._unbindFromCurrent(),this._element=null},l.default=l,t.default=l},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0),i=n(1),o=n(4),s=n(20),u=function(){function e(){}return e=r.__decorate([i.NgModule({declarations:[o.DraggableDirective],exports:[o.DraggableDirective],imports:[s.CommonModule]})],e)}();t.DraggableModule=u},function(e,t){e.exports=n},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(6);t.EventsOutsideAngularDirective=r.EventsOutsideAngularDirective;var i=n(22);t.EventsModule=i.EventsModule},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0),i=n(1),o=n(6),s=function(){function e(){}return e=r.__decorate([i.NgModule({declarations:[o.EventsOutsideAngularDirective],exports:[o.EventsOutsideAngularDirective]})],e)}();t.EventsModule=s},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(7);t.ResizeSensorComponent=r.ResizeSensorComponent;var i=n(3);t.ResizeBatchService=i.ResizeBatchService;var o=n(8);t.ResizeCompatService=o.ResizeCompatService;var s=n(11);t.ResizeObserverService=s.ResizeObserverService;var u=n(25);t.ResizeSensorModule=u.ResizeSensorModule},function(e,t){e.exports=r},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(0),i=n(1),o=n(7),s=n(3),u=[o.ResizeSensorComponent],a=function(){function e(){}return e=r.__decorate([i.NgModule({declarations:[u],exports:[u],providers:[s.ResizeBatchService]})],e)}();t.ResizeSensorModule=a},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(){};t.KendoInput=r},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=n(28);t.Keys=r.Keys},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e){e[e.Alt=18]="Alt",e[e.ArrowDown=40]="ArrowDown",e[e.ArrowLeft=37]="ArrowLeft",e[e.ArrowRight=39]="ArrowRight",e[e.ArrowUp=38]="ArrowUp",e[e.Backspace=8]="Backspace",e[e.Control=17]="Control",e[e.Delete=46]="Delete",e[e.Digit0=48]="Digit0",e[e.Digit1=49]="Digit1",e[e.Digit2=50]="Digit2",e[e.Digit3=51]="Digit3",e[e.Digit4=52]="Digit4",e[e.Digit5=53]="Digit5",e[e.Digit6=54]="Digit6",e[e.Digit7=55]="Digit7",e[e.Digit8=56]="Digit8",e[e.Digit9=57]="Digit9",e[e.End=35]="End",e[e.Enter=13]="Enter",e[e.Escape=27]="Escape",e[e.F1=112]="F1",e[e.F2=113]="F2",e[e.F10=121]="F10",e[e.Home=36]="Home",e[e.Insert=45]="Insert",e[e.KeyA=65]="KeyA",e[e.KeyB=66]="KeyB",e[e.KeyC=67]="KeyC",e[e.KeyD=68]="KeyD",e[e.KeyE=69]="KeyE",e[e.KeyF=70]="KeyF",e[e.KeyG=71]="KeyG",e[e.KeyH=72]="KeyH",e[e.KeyI=73]="KeyI",e[e.KeyJ=74]="KeyJ",e[e.KeyK=75]="KeyK",e[e.KeyL=76]="KeyL",e[e.KeyM=77]="KeyM",e[e.KeyN=78]="KeyN",e[e.KeyO=79]="KeyO",e[e.KeyP=80]="KeyP",e[e.KeyQ=81]="KeyQ",e[e.KeyR=82]="KeyR",e[e.KeyS=83]="KeyS",e[e.KeyT=84]="KeyT",e[e.KeyU=85]="KeyU",e[e.KeyV=86]="KeyV",e[e.KeyW=87]="KeyW",e[e.KeyX=88]="KeyX",e[e.KeyY=89]="KeyY",e[e.KeyZ=90]="KeyZ",e[e.NumpadDecimal=110]="NumpadDecimal",e[e.PageDown=34]="PageDown",e[e.PageUp=33]="PageUp",e[e.Shift=16]="Shift",e[e.Space=32]="Space",e[e.Tab=9]="Tab"}(t.Keys||(t.Keys={}))}])}));

dist/cdn/main.js

@@ -5,2 +5,2 @@ /**-----------------------------------------------------------------------------------------
 *-------------------------------------------------------------------------------------------*/
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("tslib"),require("@angular/core"),require("rxjs"),require("@telerik/kendo-draggable"),require("@angular/common"),require("rxjs/operators")):"function"==typeof define&&define.amd?define(["tslib","@angular/core","rxjs","@telerik/kendo-draggable","@angular/common","rxjs/operators"],t):"object"==typeof exports?exports.KendoAngularCommon=t(require("tslib"),require("@angular/core"),require("rxjs"),require("@telerik/kendo-draggable"),require("@angular/common"),require("rxjs/operators")):e.KendoAngularCommon=t(e.tslib,e["@angular/core"],e.rxjs,e["@telerik/kendo-draggable"],e["@angular/common"],e["rxjs/operators"])}(window,(function(e,t,i,n,r,o){return function(e){var t={};function i(n){if(t[n])return t[n].exports;var r=t[n]={i:n,l:!1,exports:{}};return e[n].call(r.exports,r,r.exports,i),r.l=!0,r.exports}return i.m=e,i.c=t,i.d=function(e,t,n){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(i.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)i.d(n,r,function(t){return e[t]}.bind(null,r));return n},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="",i(i.s=9)}([function(t,i){t.exports=e},function(e,i){e.exports=t},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(0),r=i(1),o=i(8),s=function(){function e(e){this.ngZone=e,this.scheduled=[],this.resolvedPromise=Promise.resolve(null),this.flush=this.flush.bind(this)}return e.prototype.schedule=function(e,t){var i=this;this.scheduled.push({instance:e,method:t}),this.subscription||this.ngZone.runOutsideAngular((function(){i.subscription=o.from(i.resolvedPromise).subscribe(i.flush)}))},e.prototype.isScheduled=function(e){return Boolean(this.scheduled.find((function(t){return t.instance===e})))},e.prototype.cancel=function(e){for(var t=this.scheduled,i=t.length,n=0;n<i;n++)if(t[n].instance===e)return t.splice(n,1),void(t.length||this.unsubscribe())},e.prototype.ngOnDestroy=function(){this.unsubscribe()},e.prototype.unsubscribe=function(){this.subscription&&(this.subscription.unsubscribe(),this.subscription=null)},e.prototype.flush=function(){this.scheduled.forEach((function(e){e.method.call(e.instance)})),this.scheduled=[],this.unsubscribe()},e=n.__decorate([r.Injectable(),n.__metadata("design:paramtypes",[r.NgZone])],e)}();t.ResizeBatchService=s},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(0),r=i(1),o=i(4),s=i(15),a=function(){function e(e,t){this.element=e,this.ngZone=t,this.enableDrag=!0,this.kendoPress=new r.EventEmitter,this.kendoDrag=new r.EventEmitter,this.kendoRelease=new r.EventEmitter}return e.prototype.ngOnInit=function(){this.toggleDraggable()},e.prototype.ngOnChanges=function(e){o.isChanged("enableDrag",e)&&this.toggleDraggable()},e.prototype.ngOnDestroy=function(){this.destroyDraggable()},e.prototype.toggleDraggable=function(){var e=this;o.isDocumentAvailable()&&(this.destroyDraggable(),this.enableDrag&&(this.draggable=new s.default({drag:function(t){return e.kendoDrag.next(t)},press:function(t){return e.kendoPress.next(t)},release:function(t){return e.kendoRelease.next(t)}}),this.ngZone.runOutsideAngular((function(){return e.draggable.bindTo(e.element.nativeElement)}))))},e.prototype.destroyDraggable=function(){this.draggable&&(this.draggable.destroy(),this.draggable=null)},n.__decorate([r.Input(),n.__metadata("design:type",Boolean)],e.prototype,"enableDrag",void 0),n.__decorate([r.Output(),n.__metadata("design:type",r.EventEmitter)],e.prototype,"kendoPress",void 0),n.__decorate([r.Output(),n.__metadata("design:type",r.EventEmitter)],e.prototype,"kendoDrag",void 0),n.__decorate([r.Output(),n.__metadata("design:type",r.EventEmitter)],e.prototype,"kendoRelease",void 0),e=n.__decorate([r.Directive({selector:"[kendoDraggable]"}),n.__metadata("design:paramtypes",[r.ElementRef,r.NgZone])],e)}();t.DraggableDirective=a},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(11);t.isDocumentAvailable=n.isDocumentAvailable;var r=i(5);t.isChanged=r.isChanged;var o=i(12);t.anyChanged=o.anyChanged;var s=i(13);t.hasObservers=s.hasObservers;var a=i(14);t.guid=a.guid},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.isChanged=function(e,t,i){return void 0===i&&(i=!0),!(void 0===t[e]||t[e].isFirstChange()&&i||t[e].previousValue===t[e].currentValue)}},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(0),r=i(1),o=function(){function e(e,t,i){this.element=e,this.ngZone=t,this.renderer=i,this.events={}}return e.prototype.ngOnInit=function(){var e=this;if(this.element&&this.element.nativeElement){var t=this.events;this.subscriptions=[],this.ngZone.runOutsideAngular((function(){for(var i in t)t.hasOwnProperty(i)&&e.subscriptions.push(e.renderer.listen(e.element.nativeElement,i,e.scope?t[i].bind(e.scope):t[i]))}))}},e.prototype.ngOnDestroy=function(){if(this.subscriptions){for(var e=0;e<this.subscriptions.length;e++)this.subscriptions[e]();this.subscriptions=null}},n.__decorate([r.Input("kendoEventsOutsideAngular"),n.__metadata("design:type",Object)],e.prototype,"events",void 0),n.__decorate([r.Input(),n.__metadata("design:type",Object)],e.prototype,"scope",void 0),e=n.__decorate([r.Directive({selector:"[kendoEventsOutsideAngular]"}),n.__metadata("design:paramtypes",[r.ElementRef,r.NgZone,r.Renderer2])],e)}();t.EventsOutsideAngularDirective=o},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(0),r=i(1),o=i(8),s=i(21),a=i(2),u=10,c="position: absolute; display: block; left: 0; top: 0; right: 0; bottom: 0; z-index: -1;overflow: hidden; visibility: hidden;",l=function(){function e(e,t,i,n){this.resizeBatchService=e,this.element=t,this.zone=i,this.renderer=n,this.rateLimit=u,this.resize=new r.EventEmitter,this.dir="ltr",this.source=new o.Subject,this.state=0,this.acceptedSize=!1}return e.prototype.ngAfterViewInit=function(){var e=this;this.zone.runOutsideAngular((function(){var t=e.scroll.bind(e),i=e.renderer.listen(e.expand.nativeElement,"scroll",t),n=e.renderer.listen(e.shrink.nativeElement,"scroll",t);e.detachScrollHandlers=function(){i(),n()}}))},e.prototype.ngAfterViewChecked=function(){"undefined"!=typeof document&&(2!==this.state?0===this.state&&(this.state=1,this.resizeBatchService.schedule(this,this.init)):this.resizeBatchService.isScheduled(this)||this.resizeBatchService.schedule(this,this.scroll))},e.prototype.ngOnDestroy=function(){this.subscription&&this.subscription.unsubscribe(),this.detachScrollHandlers&&this.detachScrollHandlers(),this.resizeBatchService.cancel(this)},e.prototype.acceptSize=function(e){void 0===e&&(e=this.measure()),this.lastWidth=e.width,this.lastHeight=e.height,this.acceptedSize=!0},e.prototype.scroll=function(e){var t=this;if(this.parentElement){var i=this.measure(),n=i.width,r=i.height;n===this.lastWidth&&r===this.lastHeight||(this.lastWidth=n,this.lastHeight=r,this.acceptedSize=!1,this.zone.runOutsideAngular((function(){t.source.next()})),this.reset())}},e.prototype.init=function(){var e,t,i=this,n=1e3/(this.rateLimit||u);this.subscription=this.source.asObservable().pipe(s.auditTime(n)).subscribe((function(){i.acceptedSize||i.resize.emit()})),this.parentElement=this.element.nativeElement.parentElement,"static"===(e=this.parentElement,t="position",getComputedStyle(e,null).getPropertyValue(t))&&(this.parentElement.style.position="relative"),this.reset(),this.lastWidth=this.parentElement.offsetWidth,this.lastHeight=this.parentElement.offsetHeight,this.state=2},e.prototype.reset=function(){var e=this.expandChild.nativeElement;e.style.width=1e5+"px",e.style.height=1e5+"px";var t=this.expand.nativeElement;t.scrollLeft=1e5,t.scrollTop=1e5;var i=this.shrink.nativeElement;i.scrollLeft=1e5,i.scrollTop=1e5},e.prototype.measure=function(){var e=0,t=0;return this.parentElement&&(t=this.parentElement.offsetHeight,e=this.parentElement.offsetWidth),{height:t,width:e}},n.__decorate([r.Input(),n.__metadata("design:type",Number)],e.prototype,"rateLimit",void 0),n.__decorate([r.Output(),n.__metadata("design:type",r.EventEmitter)],e.prototype,"resize",void 0),n.__decorate([r.HostBinding("attr.dir"),n.__metadata("design:type",String)],e.prototype,"dir",void 0),n.__decorate([r.ViewChild("expand"),n.__metadata("design:type",r.ElementRef)],e.prototype,"expand",void 0),n.__decorate([r.ViewChild("expandChild"),n.__metadata("design:type",r.ElementRef)],e.prototype,"expandChild",void 0),n.__decorate([r.ViewChild("shrink"),n.__metadata("design:type",r.ElementRef)],e.prototype,"shrink",void 0),e=n.__decorate([r.Component({selector:"kendo-resize-sensor",styles:[":host { "+c+" }"],template:'<div #expand style="'+c+'">  <div #expandChild style="position: absolute; left: 0; top: 0; transition: 0s;"></div></div><div #shrink style="'+c+'">  <div style="position: absolute; left: 0; top: 0; transition: 0s;width: 200%; height: 200%;"></div></div>'}),n.__metadata("design:paramtypes",[a.ResizeBatchService,r.ElementRef,r.NgZone,r.Renderer2])],e)}();t.ResizeSensorComponent=l},function(e,t){e.exports=i},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(0);n.__exportStar(i(10),t),n.__exportStar(i(18),t),n.__exportStar(i(20),t),n.__exportStar(i(23),t),n.__exportStar(i(4),t),n.__exportStar(i(24),t)},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(3);t.DraggableDirective=n.DraggableDirective;var r=i(16);t.DraggableModule=r.DraggableModule},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.isDocumentAvailable=function(){return"undefined"!=typeof document}},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(5);t.anyChanged=function(e,t,i){return void 0===i&&(i=!0),e.some((function(e){return n.isChanged(e,t,i)}))}},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.hasObservers=function(e){return e&&e.observers.length>0}},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.guid=function(){for(var e="",t=0;t<32;t++){var i=16*Math.random()|0;8!==t&&12!==t&&16!==t&&20!==t||(e+="-"),e+=(12===t?4:16===t?3&i|8:i).toString(16)}return e}},function(e,t){e.exports=n},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(0),r=i(1),o=i(3),s=i(17),a=function(){function e(){}return e=n.__decorate([r.NgModule({declarations:[o.DraggableDirective],exports:[o.DraggableDirective],imports:[s.CommonModule]})],e)}();t.DraggableModule=a},function(e,t){e.exports=r},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(6);t.EventsOutsideAngularDirective=n.EventsOutsideAngularDirective;var r=i(19);t.EventsModule=r.EventsModule},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(0),r=i(1),o=i(6),s=function(){function e(){}return e=n.__decorate([r.NgModule({declarations:[o.EventsOutsideAngularDirective],exports:[o.EventsOutsideAngularDirective]})],e)}();t.EventsModule=s},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(7);t.ResizeSensorComponent=n.ResizeSensorComponent;var r=i(2);t.ResizeBatchService=r.ResizeBatchService;var o=i(22);t.ResizeSensorModule=o.ResizeSensorModule},function(e,t){e.exports=o},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(0),r=i(1),o=i(7),s=i(2),a=[o.ResizeSensorComponent],u=function(){function e(){}return e=n.__decorate([r.NgModule({declarations:[a],exports:[a],providers:[s.ResizeBatchService]})],e)}();t.ResizeSensorModule=u},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(){};t.KendoInput=n},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(25);t.Keys=n.Keys},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e){e[e.Alt=18]="Alt",e[e.ArrowDown=40]="ArrowDown",e[e.ArrowLeft=37]="ArrowLeft",e[e.ArrowRight=39]="ArrowRight",e[e.ArrowUp=38]="ArrowUp",e[e.Backspace=8]="Backspace",e[e.Control=17]="Control",e[e.Delete=46]="Delete",e[e.Digit0=48]="Digit0",e[e.Digit1=49]="Digit1",e[e.Digit2=50]="Digit2",e[e.Digit3=51]="Digit3",e[e.Digit4=52]="Digit4",e[e.Digit5=53]="Digit5",e[e.Digit6=54]="Digit6",e[e.Digit7=55]="Digit7",e[e.Digit8=56]="Digit8",e[e.Digit9=57]="Digit9",e[e.End=35]="End",e[e.Enter=13]="Enter",e[e.Escape=27]="Escape",e[e.F1=112]="F1",e[e.F2=113]="F2",e[e.F10=121]="F10",e[e.Home=36]="Home",e[e.Insert=45]="Insert",e[e.KeyA=65]="KeyA",e[e.KeyB=66]="KeyB",e[e.KeyC=67]="KeyC",e[e.KeyD=68]="KeyD",e[e.KeyE=69]="KeyE",e[e.KeyF=70]="KeyF",e[e.KeyG=71]="KeyG",e[e.KeyH=72]="KeyH",e[e.KeyI=73]="KeyI",e[e.KeyJ=74]="KeyJ",e[e.KeyK=75]="KeyK",e[e.KeyL=76]="KeyL",e[e.KeyM=77]="KeyM",e[e.KeyN=78]="KeyN",e[e.KeyO=79]="KeyO",e[e.KeyP=80]="KeyP",e[e.KeyQ=81]="KeyQ",e[e.KeyR=82]="KeyR",e[e.KeyS=83]="KeyS",e[e.KeyT=84]="KeyT",e[e.KeyU=85]="KeyU",e[e.KeyV=86]="KeyV",e[e.KeyW=87]="KeyW",e[e.KeyX=88]="KeyX",e[e.KeyY=89]="KeyY",e[e.KeyZ=90]="KeyZ",e[e.NumpadDecimal=110]="NumpadDecimal",e[e.PageDown=34]="PageDown",e[e.PageUp=33]="PageUp",e[e.Shift=16]="Shift",e[e.Space=32]="Space",e[e.Tab=9]="Tab"}(t.Keys||(t.Keys={}))}])}));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("tslib"),require("@angular/core"),require("rxjs"),require("@telerik/kendo-draggable"),require("@angular/common"),require("rxjs/operators")):"function"==typeof define&&define.amd?define(["tslib","@angular/core","rxjs","@telerik/kendo-draggable","@angular/common","rxjs/operators"],t):"object"==typeof exports?exports.KendoAngularCommon=t(require("tslib"),require("@angular/core"),require("rxjs"),require("@telerik/kendo-draggable"),require("@angular/common"),require("rxjs/operators")):e.KendoAngularCommon=t(e.tslib,e["@angular/core"],e.rxjs,e["@telerik/kendo-draggable"],e["@angular/common"],e["rxjs/operators"])}(window,(function(e,t,i,r,n,s){return function(e){var t={};function i(r){if(t[r])return t[r].exports;var n=t[r]={i:r,l:!1,exports:{}};return e[r].call(n.exports,n,n.exports,i),n.l=!0,n.exports}return i.m=e,i.c=t,i.d=function(e,t,r){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(i.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)i.d(r,n,function(t){return e[t]}.bind(null,n));return r},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="",i(i.s=12)}([function(t,i){t.exports=e},function(e,i){e.exports=t},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=i(14);t.isDocumentAvailable=r.isDocumentAvailable;var n=i(5);t.isChanged=n.isChanged;var s=i(15);t.anyChanged=s.anyChanged;var o=i(16);t.hasObservers=o.hasObservers;var a=i(17);t.guid=a.guid},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=i(0),n=i(1),s=i(10),o=function(){function e(e){this.ngZone=e,this.scheduled=[],this.resolvedPromise=Promise.resolve(null),this.flush=this.flush.bind(this)}return e.prototype.schedule=function(e,t){var i=this;this.scheduled.push({instance:e,method:t}),this.subscription||this.ngZone.runOutsideAngular((function(){i.subscription=s.from(i.resolvedPromise).subscribe(i.flush)}))},e.prototype.isScheduled=function(e){return Boolean(this.scheduled.find((function(t){return t.instance===e})))},e.prototype.cancel=function(e){for(var t=this.scheduled,i=t.length,r=0;r<i;r++)if(t[r].instance===e)return t.splice(r,1),void(t.length||this.unsubscribe())},e.prototype.ngOnDestroy=function(){this.unsubscribe()},e.prototype.unsubscribe=function(){this.subscription&&(this.subscription.unsubscribe(),this.subscription=null)},e.prototype.flush=function(){this.scheduled.forEach((function(e){e.method.call(e.instance)})),this.scheduled=[],this.unsubscribe()},e=r.__decorate([n.Injectable(),r.__metadata("design:paramtypes",[n.NgZone])],e)}();t.ResizeBatchService=o},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=i(0),n=i(1),s=i(2),o=i(18),a=function(){function e(e,t){this.element=e,this.ngZone=t,this.enableDrag=!0,this.kendoPress=new n.EventEmitter,this.kendoDrag=new n.EventEmitter,this.kendoRelease=new n.EventEmitter}return e.prototype.ngOnInit=function(){this.toggleDraggable()},e.prototype.ngOnChanges=function(e){s.isChanged("enableDrag",e)&&this.toggleDraggable()},e.prototype.ngOnDestroy=function(){this.destroyDraggable()},e.prototype.toggleDraggable=function(){var e=this;s.isDocumentAvailable()&&(this.destroyDraggable(),this.enableDrag&&(this.draggable=new o.default({drag:function(t){return e.kendoDrag.next(t)},press:function(t){return e.kendoPress.next(t)},release:function(t){return e.kendoRelease.next(t)}}),this.ngZone.runOutsideAngular((function(){return e.draggable.bindTo(e.element.nativeElement)}))))},e.prototype.destroyDraggable=function(){this.draggable&&(this.draggable.destroy(),this.draggable=null)},r.__decorate([n.Input(),r.__metadata("design:type",Boolean)],e.prototype,"enableDrag",void 0),r.__decorate([n.Output(),r.__metadata("design:type",n.EventEmitter)],e.prototype,"kendoPress",void 0),r.__decorate([n.Output(),r.__metadata("design:type",n.EventEmitter)],e.prototype,"kendoDrag",void 0),r.__decorate([n.Output(),r.__metadata("design:type",n.EventEmitter)],e.prototype,"kendoRelease",void 0),e=r.__decorate([n.Directive({selector:"[kendoDraggable]"}),r.__metadata("design:paramtypes",[n.ElementRef,n.NgZone])],e)}();t.DraggableDirective=a},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.isChanged=function(e,t,i){return void 0===i&&(i=!0),!(void 0===t[e]||t[e].isFirstChange()&&i||t[e].previousValue===t[e].currentValue)}},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=i(0),n=i(1),s=function(){function e(e,t,i){this.element=e,this.ngZone=t,this.renderer=i,this.events={}}return e.prototype.ngOnInit=function(){var e=this;if(this.element&&this.element.nativeElement){var t=this.events;this.subscriptions=[],this.ngZone.runOutsideAngular((function(){for(var i in t)t.hasOwnProperty(i)&&e.subscriptions.push(e.renderer.listen(e.element.nativeElement,i,e.scope?t[i].bind(e.scope):t[i]))}))}},e.prototype.ngOnDestroy=function(){if(this.subscriptions){for(var e=0;e<this.subscriptions.length;e++)this.subscriptions[e]();this.subscriptions=null}},r.__decorate([n.Input("kendoEventsOutsideAngular"),r.__metadata("design:type",Object)],e.prototype,"events",void 0),r.__decorate([n.Input(),r.__metadata("design:type",Object)],e.prototype,"scope",void 0),e=r.__decorate([n.Directive({selector:"[kendoEventsOutsideAngular]"}),r.__metadata("design:paramtypes",[n.ElementRef,n.NgZone,n.Renderer2])],e)}();t.EventsOutsideAngularDirective=s},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=i(0),n=i(1),s=i(24),o=i(8),a=i(11),u=i(3),c=10,l=function(){function e(e,t,i){var r=this;this.rateLimit=c,this.resize=new n.EventEmitter;var u=a.ResizeObserverService.supported()?a.ResizeObserverService:o.ResizeCompatService;this.resizeService=new u(e,t,i);var l=1e3/(this.rateLimit||c);this.subscription=this.resizeService.resize.pipe(s.auditTime(l)).subscribe((function(){r.resizeService.acceptedSize||r.resize.emit()}))}return e.prototype.ngAfterViewChecked=function(){this.resizeService.checkChanges()},e.prototype.ngOnDestroy=function(){this.subscription.unsubscribe(),this.resizeService.destroy()},e.prototype.acceptSize=function(e){this.resizeService.acceptSize(e)},r.__decorate([n.Input(),r.__metadata("design:type",Number)],e.prototype,"rateLimit",void 0),r.__decorate([n.Output(),r.__metadata("design:type",n.EventEmitter)],e.prototype,"resize",void 0),e=r.__decorate([n.Component({selector:"kendo-resize-sensor",template:""}),r.__metadata("design:paramtypes",[u.ResizeBatchService,n.ElementRef,n.NgZone])],e)}();t.ResizeSensorComponent=l},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=i(0),n=i(9),s=i(10),o=function(e){var t=document.createElement("div");return t.style.cssText=e,t},a="position: absolute; display: block; left: 0; top: 0; right: 0; bottom: 0; z-index: -1;overflow: hidden; visibility: hidden;",u=function(e){function t(t,i,r){var n=e.call(this,t)||this;return n.element=i,n.ngZone=r,n}return r.__extends(t,e),t.prototype.checkChanges=function(){2!==this.state?e.prototype.checkChanges.call(this):this.resizeBatchService.isScheduled(this)||this.resizeBatchService.schedule(this,this.checkSize)},t.prototype.destroy=function(){if(e.prototype.destroy.call(this),this.subscription&&this.subscription.unsubscribe(),this.expand){var t=this.element.nativeElement;t.removeChild(this.expand),t.removeChild(this.shrink),this.expand.removeChild(this.expandChild),this.expand=this.expandChild=this.shrink=this.element=null}},t.prototype.checkSize=function(){if(e.prototype.checkSize.call(this))return this.reset(),!0},t.prototype.init=function(){var e,t=this.parentElement=this.element.nativeElement.parentElement;"static"===(e="position",getComputedStyle(t,null).getPropertyValue(e))&&(t.style.position="relative"),this.state=2,this.render(),this.reset(),this.initSize(),this.subscribe()},t.prototype.render=function(){var e=this.element.nativeElement;e.style.cssText=a,e.setAttribute("dir","ltr"),this.expand=o(a),this.expandChild=o("position: absolute; left: 0; top: 0; transition: 0s;"),this.expand.appendChild(this.expandChild),e.appendChild(this.expand),this.shrink=o(a);var t=o("position: absolute; left: 0; top: 0; transition: 0s;width: 200%; height: 200%;");this.shrink.appendChild(t),e.appendChild(this.shrink)},t.prototype.reset=function(){var e=this.expandChild;e.style.width=1e5+"px",e.style.height=1e5+"px";var t=this.expand;t.scrollLeft=1e5,t.scrollTop=1e5;var i=this.shrink;i.scrollLeft=1e5,i.scrollTop=1e5},t.prototype.subscribe=function(){var e=this;this.ngZone.runOutsideAngular((function(){e.subscription=s.merge(s.fromEvent(e.shrink,"scroll"),s.fromEvent(e.expand,"scroll")).subscribe((function(){e.checkSize()}))}))},t}(n.ResizeService);t.ResizeCompatService=u},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=i(1),n=i(2),s=function(){function e(e){this.resizeBatchService=e,this.resize=new r.EventEmitter,this.acceptedSize=!1,this.state=0}return e.prototype.acceptSize=function(e){void 0===e&&(e=this.measure()),this.lastWidth=e.width,this.lastHeight=e.height,this.acceptedSize=!0},e.prototype.checkChanges=function(){n.isDocumentAvailable()&&0===this.state&&(this.state=1,this.resizeBatchService.schedule(this,this.init))},e.prototype.destroy=function(){this.resizeBatchService.cancel(this)},e.prototype.checkSize=function(){if(this.parentElement){var e=this.measure(),t=e.width,i=e.height;if(!(t===this.lastWidth&&i===this.lastHeight))return this.lastWidth=t,this.lastHeight=i,this.acceptedSize=!1,this.resize.emit(),!0}},e.prototype.initSize=function(){var e=this.measure();this.lastWidth=e.width,this.lastHeight=e.height},e.prototype.measure=function(){var e=0,t=0;return this.parentElement&&(t=this.parentElement.offsetHeight,e=this.parentElement.offsetWidth),{height:t,width:e}},e}();t.ResizeService=s},function(e,t){e.exports=i},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=i(0),n=i(9),s="undefined"!=typeof ResizeObserver,o=function(e){function t(t,i,r){var n=e.call(this,t)||this;return n.element=i,n.ngZone=r,n}return r.__extends(t,e),t.supported=function(){return s},t.prototype.destroy=function(){e.prototype.destroy.call(this),this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=null),this.parentElement=null},t.prototype.init=function(){var e=this;this.parentElement=this.element.nativeElement.parentElement,this.initSize(),this.state=2,this.ngZone.runOutsideAngular((function(){e.resizeObserver=new ResizeObserver((function(){e.checkSize()})),e.resizeObserver.observe(e.parentElement)}))},t}(n.ResizeService);t.ResizeObserverService=o},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=i(0);r.__exportStar(i(13),t),r.__exportStar(i(21),t),r.__exportStar(i(23),t),r.__exportStar(i(26),t),r.__exportStar(i(2),t),r.__exportStar(i(27),t)},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=i(4);t.DraggableDirective=r.DraggableDirective;var n=i(19);t.DraggableModule=n.DraggableModule},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.isDocumentAvailable=function(){return"undefined"!=typeof document}},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=i(5);t.anyChanged=function(e,t,i){return void 0===i&&(i=!0),e.some((function(e){return r.isChanged(e,t,i)}))}},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.hasObservers=function(e){return e&&e.observers.length>0}},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.guid=function(){for(var e="",t=0;t<32;t++){var i=16*Math.random()|0;8!==t&&12!==t&&16!==t&&20!==t||(e+="-"),e+=(12===t?4:16===t?3&i|8:i).toString(16)}return e}},function(e,t){e.exports=r},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=i(0),n=i(1),s=i(4),o=i(20),a=function(){function e(){}return e=r.__decorate([n.NgModule({declarations:[s.DraggableDirective],exports:[s.DraggableDirective],imports:[o.CommonModule]})],e)}();t.DraggableModule=a},function(e,t){e.exports=n},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=i(6);t.EventsOutsideAngularDirective=r.EventsOutsideAngularDirective;var n=i(22);t.EventsModule=n.EventsModule},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=i(0),n=i(1),s=i(6),o=function(){function e(){}return e=r.__decorate([n.NgModule({declarations:[s.EventsOutsideAngularDirective],exports:[s.EventsOutsideAngularDirective]})],e)}();t.EventsModule=o},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=i(7);t.ResizeSensorComponent=r.ResizeSensorComponent;var n=i(3);t.ResizeBatchService=n.ResizeBatchService;var s=i(8);t.ResizeCompatService=s.ResizeCompatService;var o=i(11);t.ResizeObserverService=o.ResizeObserverService;var a=i(25);t.ResizeSensorModule=a.ResizeSensorModule},function(e,t){e.exports=s},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=i(0),n=i(1),s=i(7),o=i(3),a=[s.ResizeSensorComponent],u=function(){function e(){}return e=r.__decorate([n.NgModule({declarations:[a],exports:[a],providers:[o.ResizeBatchService]})],e)}();t.ResizeSensorModule=u},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(){};t.KendoInput=r},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=i(28);t.Keys=r.Keys},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e){e[e.Alt=18]="Alt",e[e.ArrowDown=40]="ArrowDown",e[e.ArrowLeft=37]="ArrowLeft",e[e.ArrowRight=39]="ArrowRight",e[e.ArrowUp=38]="ArrowUp",e[e.Backspace=8]="Backspace",e[e.Control=17]="Control",e[e.Delete=46]="Delete",e[e.Digit0=48]="Digit0",e[e.Digit1=49]="Digit1",e[e.Digit2=50]="Digit2",e[e.Digit3=51]="Digit3",e[e.Digit4=52]="Digit4",e[e.Digit5=53]="Digit5",e[e.Digit6=54]="Digit6",e[e.Digit7=55]="Digit7",e[e.Digit8=56]="Digit8",e[e.Digit9=57]="Digit9",e[e.End=35]="End",e[e.Enter=13]="Enter",e[e.Escape=27]="Escape",e[e.F1=112]="F1",e[e.F2=113]="F2",e[e.F10=121]="F10",e[e.Home=36]="Home",e[e.Insert=45]="Insert",e[e.KeyA=65]="KeyA",e[e.KeyB=66]="KeyB",e[e.KeyC=67]="KeyC",e[e.KeyD=68]="KeyD",e[e.KeyE=69]="KeyE",e[e.KeyF=70]="KeyF",e[e.KeyG=71]="KeyG",e[e.KeyH=72]="KeyH",e[e.KeyI=73]="KeyI",e[e.KeyJ=74]="KeyJ",e[e.KeyK=75]="KeyK",e[e.KeyL=76]="KeyL",e[e.KeyM=77]="KeyM",e[e.KeyN=78]="KeyN",e[e.KeyO=79]="KeyO",e[e.KeyP=80]="KeyP",e[e.KeyQ=81]="KeyQ",e[e.KeyR=82]="KeyR",e[e.KeyS=83]="KeyS",e[e.KeyT=84]="KeyT",e[e.KeyU=85]="KeyU",e[e.KeyV=86]="KeyV",e[e.KeyW=87]="KeyW",e[e.KeyX=88]="KeyX",e[e.KeyY=89]="KeyY",e[e.KeyZ=90]="KeyZ",e[e.NumpadDecimal=110]="NumpadDecimal",e[e.PageDown=34]="PageDown",e[e.PageUp=33]="PageUp",e[e.Shift=16]="Shift",e[e.Space=32]="Space",e[e.Tab=9]="Tab"}(t.Keys||(t.Keys={}))}])}));

dist/es/index.js

@@ -9,1 +9,2 @@ /**-----------------------------------------------------------------------------------------
 export * from './main';
+export { ResizeService } from './resize-sensor/resize.service';

dist/es/resize-sensor.js

@@ -7,2 +7,4 @@ /**-----------------------------------------------------------------------------------------
 export { ResizeBatchService } from './resize-sensor/resize-batch.service';
+export { ResizeCompatService } from './resize-sensor/compat.service';
+export { ResizeObserverService } from './resize-sensor/observer.service';
 export { ResizeSensorModule } from './resize-sensor/resize-sensor.module';

dist/es/resize-sensor/resize-sensor.component.js

@@ -5,5 +5,6 @@ /**-----------------------------------------------------------------------------------------
 *-------------------------------------------------------------------------------------------*/
-import { Component, ElementRef, EventEmitter, Input, Output, ViewChild, NgZone, Renderer2, HostBinding } from '@angular/core';
-import { Subject } from 'rxjs';
+import { Component, EventEmitter, Input, Output, ElementRef, NgZone } from '@angular/core';
 import { auditTime } from 'rxjs/operators';
+import { ResizeCompatService } from './compat.service';
+import { ResizeObserverService } from './observer.service';
 import { ResizeBatchService } from './resize-batch.service';
@@ -15,10 +16,2 @@ /**
 var DEFAULT_RATE_LIMIT = 10;
-var computedProp = function (elem, prop) {
-    return getComputedStyle(elem, null).getPropertyValue(prop);
-};
-var ɵ0 = computedProp;
-var WRAP_STYLE = 'position: absolute; display: block; left: 0; top: 0; right: 0; bottom: 0; z-index: -1;' +
-    'overflow: hidden; visibility: hidden;';
-var EXPAND_CHILD_STYLE = 'position: absolute; left: 0; top: 0; transition: 0s;';
-var SHRINK_CHILD_STYLE = EXPAND_CHILD_STYLE + 'width: 200%; height: 200%;';
 /**
@@ -30,7 +23,4 @@ * Resize Sensor Component
 var ResizeSensorComponent = /** @class */ (function () {
-    function ResizeSensorComponent(resizeBatchService, element, zone, renderer) {
-        this.resizeBatchService = resizeBatchService;
-        this.element = element;
-        this.zone = zone;
-        this.renderer = renderer;
+    function ResizeSensorComponent(resizeBatchService, element, ngZone) {
+        var _this = this;
         /**
@@ -46,111 +36,22 @@ * The maximum number of resize events to emit per second.
         this.resize = new EventEmitter();
-        this.dir = 'ltr';
-        this.source = new Subject();
-        this.state = 0 /* Initial */;
-        this.acceptedSize = false;
-    }
-    ResizeSensorComponent.prototype.ngAfterViewInit = function () {
-        var _this = this;
-        this.zone.runOutsideAngular(function () {
-            var scrollHandler = _this.scroll.bind(_this);
-            var detachExpand = _this.renderer.listen(_this.expand.nativeElement, 'scroll', scrollHandler);
-            var detachShrink = _this.renderer.listen(_this.shrink.nativeElement, 'scroll', scrollHandler);
-            _this.detachScrollHandlers = function () {
-                detachExpand();
-                detachShrink();
-            };
-        });
-    };
-    ResizeSensorComponent.prototype.ngAfterViewChecked = function () {
-        if (typeof document === 'undefined') {
-            return;
-        }
-        if (this.state === 2 /* Initialized */) {
-            if (!this.resizeBatchService.isScheduled(this)) {
-                this.resizeBatchService.schedule(this, this.scroll);
-            }
-            return;
-        }
-        if (this.state === 0 /* Initial */) {
-            this.state = 1 /* Initializing */;
-            this.resizeBatchService.schedule(this, this.init);
-        }
-    };
-    ResizeSensorComponent.prototype.ngOnDestroy = function () {
-        if (this.subscription) {
-            this.subscription.unsubscribe();
-        }
-        if (this.detachScrollHandlers) {
-            this.detachScrollHandlers();
-        }
-        this.resizeBatchService.cancel(this);
-    };
-    /**
-     * Sets the passed size or the element size as current.
-     */
-    ResizeSensorComponent.prototype.acceptSize = function (size) {
-        if (size === void 0) { size = this.measure(); }
-        this.lastWidth = size.width;
-        this.lastHeight = size.height;
-        this.acceptedSize = true;
-    };
-    /**
-     * @hidden
-     */
-    ResizeSensorComponent.prototype.scroll = function (_event) {
-        var _this = this;
-        if (!this.parentElement) {
-            return;
-        }
-        var _a = this.measure(), width = _a.width, height = _a.height;
-        var sameSize = width === this.lastWidth && height === this.lastHeight;
-        if (sameSize) {
-            return;
-        }
-        this.lastWidth = width;
-        this.lastHeight = height;
-        this.acceptedSize = false;
-        this.zone.runOutsideAngular(function () {
-            _this.source.next();
-        });
-        this.reset();
-    };
-    ResizeSensorComponent.prototype.init = function () {
-        var _this = this;
+        var serviceType = ResizeObserverService.supported() ? ResizeObserverService : ResizeCompatService;
+        this.resizeService = new serviceType(resizeBatchService, element, ngZone);
         var throttleTime = 1000 / (this.rateLimit || DEFAULT_RATE_LIMIT);
-        this.subscription = this.source.asObservable()
+        this.subscription = this.resizeService.resize
             .pipe(auditTime(throttleTime))
             .subscribe(function () {
-            if (!_this.acceptedSize) {
+            if (!_this.resizeService.acceptedSize) {
                 _this.resize.emit();
             }
         });
-        this.parentElement = this.element.nativeElement.parentElement;
-        if (computedProp(this.parentElement, 'position') === 'static') {
-            this.parentElement.style.position = 'relative';
-        }
-        this.reset();
-        this.lastWidth = this.parentElement.offsetWidth;
-        this.lastHeight = this.parentElement.offsetHeight;
-        this.state = 2 /* Initialized */;
+    }
+    ResizeSensorComponent.prototype.ngAfterViewChecked = function () {
+        this.resizeService.checkChanges();
     };
-    ResizeSensorComponent.prototype.reset = function () {
-        var expandChild = this.expandChild.nativeElement;
-        expandChild.style.width = 100000 + 'px';
-        expandChild.style.height = 100000 + 'px';
-        var expand = this.expand.nativeElement;
-        expand.scrollLeft = 100000;
-        expand.scrollTop = 100000;
-        var shrink = this.shrink.nativeElement;
-        shrink.scrollLeft = 100000;
-        shrink.scrollTop = 100000;
+    ResizeSensorComponent.prototype.ngOnDestroy = function () {
+        this.subscription.unsubscribe();
+        this.resizeService.destroy();
     };
-    ResizeSensorComponent.prototype.measure = function () {
-        var width = 0;
-        var height = 0;
-        if (this.parentElement) {
-            height = this.parentElement.offsetHeight;
-            width = this.parentElement.offsetWidth;
-        }
-        return { height: height, width: width };
+    ResizeSensorComponent.prototype.acceptSize = function (size) {
+        this.resizeService.acceptSize(size);
     };
@@ -160,9 +61,3 @@ ResizeSensorComponent.decorators = [
                     selector: 'kendo-resize-sensor',
-                    styles: [':host { ' + WRAP_STYLE + ' }'],
-                    template: '<div #expand style="' + WRAP_STYLE + '">' +
-                        '  <div #expandChild style="' + EXPAND_CHILD_STYLE + '"></div>' +
-                        '</div>' +
-                        '<div #shrink style="' + WRAP_STYLE + '">' +
-                        '  <div style="' + SHRINK_CHILD_STYLE + '"></div>' +
-                        '</div>'
+                    template: ''
                 },] },
@@ -174,12 +69,7 @@ ];
         { type: ElementRef },
-        { type: NgZone },
-        { type: Renderer2 }
+        { type: NgZone }
     ]; };
     ResizeSensorComponent.propDecorators = {
         rateLimit: [{ type: Input }],
-        resize: [{ type: Output }],
-        dir: [{ type: HostBinding, args: ['attr.dir',] }],
-        expand: [{ type: ViewChild, args: ['expand',] }],
-        expandChild: [{ type: ViewChild, args: ['expandChild',] }],
-        shrink: [{ type: ViewChild, args: ['shrink',] }]
+        resize: [{ type: Output }]
     };
@@ -189,2 +79,1 @@ return ResizeSensorComponent;
 export { ResizeSensorComponent };
-export { ɵ0 };

dist/es2015/index.d.ts

@@ -9,1 +9,2 @@ /**-----------------------------------------------------------------------------------------
 export * from './main';
+export { ResizeService } from './resize-sensor/resize.service';

dist/es2015/index.js

@@ -9,1 +9,2 @@ /**-----------------------------------------------------------------------------------------
 export * from './main';
+export { ResizeService } from './resize-sensor/resize.service';

dist/es2015/index.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":4,"metadata":{"DraggableDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"[kendoDraggable]"}]}],"members":{"enableDrag":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":5}}]}],"kendoPress":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":11,"character":5}}]}],"kendoDrag":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":12,"character":5}}]}],"kendoRelease":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":13,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":17,"character":33},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":17,"character":61}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"toggleDraggable":[{"__symbolic":"method"}],"destroyDraggable":[{"__symbolic":"method"}]}},"DraggableModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"DraggableDirective"}],"exports":[{"__symbolic":"reference","name":"DraggableDirective"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":14}]}]}],"members":{}},"EventsOutsideAngularDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":7,"character":1},"arguments":[{"selector":"[kendoEventsOutsideAngular]"}]}],"members":{"events":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5},"arguments":["kendoEventsOutsideAngular"]}]}],"scope":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":19,"character":33},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":20,"character":32},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":21,"character":34}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"EventsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"EventsOutsideAngularDirective"}],"exports":[{"__symbolic":"reference","name":"EventsOutsideAngularDirective"}]}]}],"members":{}},"ResizeSensorComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":44,"character":1},"arguments":[{"selector":"kendo-resize-sensor","styles":[":host { position: absolute; display: block; left: 0; top: 0; right: 0; bottom: 0; z-index: -1;overflow: hidden; visibility: hidden; }"],"template":"<div #expand style=\"position: absolute; display: block; left: 0; top: 0; right: 0; bottom: 0; z-index: -1;overflow: hidden; visibility: hidden;\">  <div #expandChild style=\"position: absolute; left: 0; top: 0; transition: 0s;\"></div></div><div #shrink style=\"position: absolute; display: block; left: 0; top: 0; right: 0; bottom: 0; z-index: -1;overflow: hidden; visibility: hidden;\">  <div style=\"position: absolute; left: 0; top: 0; transition: 0s;width: 200%; height: 200%;\"></div></div>"}]}],"members":{"rateLimit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":5}}]}],"resize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":67,"character":5}}]}],"dir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":70,"character":5},"arguments":["attr.dir"]}]}],"expand":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":76,"character":5},"arguments":["expand"]}]}],"expandChild":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":82,"character":5},"arguments":["expandChild"]}]}],"shrink":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":88,"character":5},"arguments":["shrink"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ResizeBatchService"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":102,"character":33},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":103,"character":30},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":104,"character":34}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"acceptSize":[{"__symbolic":"method"}],"scroll":[{"__symbolic":"method"}],"init":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"measure":[{"__symbolic":"method"}]}},"ResizeBatchService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":8,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":14,"character":32}]}],"schedule":[{"__symbolic":"method"}],"isScheduled":[{"__symbolic":"method"}],"cancel":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"unsubscribe":[{"__symbolic":"method"}],"flush":[{"__symbolic":"method"}]}},"ResizeSensorModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[[{"__symbolic":"reference","name":"ResizeSensorComponent"}]],"exports":[[{"__symbolic":"reference","name":"ResizeSensorComponent"}]],"providers":[{"__symbolic":"reference","name":"ResizeBatchService"}]}]}],"members":{}},"KendoInput":{"__symbolic":"class","members":{}},"isDocumentAvailable":{"__symbolic":"error","message":"Lambda not supported","line":0,"character":35,"module":"./utils/is-document-available"},"isChanged":{"__symbolic":"error","message":"Lambda not supported","line":2,"character":25,"module":"./utils/is-changed"},"anyChanged":{"__symbolic":"error","message":"Lambda not supported","line":3,"character":26,"module":"./utils/any-changed"},"hasObservers":{"__symbolic":"error","message":"Lambda not supported","line":2,"character":28,"module":"./utils/has-observers"},"guid":{"__symbolic":"error","message":"Lambda not supported","line":0,"character":20,"module":"./utils/guid"},"Keys":{"Alt":18,"ArrowDown":40,"ArrowLeft":37,"ArrowRight":39,"ArrowUp":38,"Backspace":8,"Control":17,"Delete":46,"Digit0":48,"Digit1":49,"Digit2":50,"Digit3":51,"Digit4":52,"Digit5":53,"Digit6":54,"Digit7":55,"Digit8":56,"Digit9":57,"End":35,"Enter":13,"Escape":27,"F1":112,"F2":113,"F10":121,"Home":36,"Insert":45,"KeyA":65,"KeyB":66,"KeyC":67,"KeyD":68,"KeyE":69,"KeyF":70,"KeyG":71,"KeyH":72,"KeyI":73,"KeyJ":74,"KeyK":75,"KeyL":76,"KeyM":77,"KeyN":78,"KeyO":79,"KeyP":80,"KeyQ":81,"KeyR":82,"KeyS":83,"KeyT":84,"KeyU":85,"KeyV":86,"KeyW":87,"KeyX":88,"KeyY":89,"KeyZ":90,"NumpadDecimal":110,"PageDown":34,"PageUp":33,"Shift":16,"Space":32,"Tab":9}},"origins":{"DraggableDirective":"./draggable/draggable.directive","DraggableModule":"./draggable/draggable.module","EventsOutsideAngularDirective":"./events/events-outside-angular.directive","EventsModule":"./events/events.module","ResizeSensorComponent":"./resize-sensor/resize-sensor.component","ResizeBatchService":"./resize-sensor/resize-batch.service","ResizeSensorModule":"./resize-sensor/resize-sensor.module","KendoInput":"./tokens","isDocumentAvailable":"./utils/is-document-available","isChanged":"./utils/is-changed","anyChanged":"./utils/any-changed","hasObservers":"./utils/has-observers","guid":"./utils/guid","Keys":"./enums/keys"},"importAs":"@progress/kendo-angular-common"}
+{"__symbolic":"module","version":4,"metadata":{"DraggableDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"[kendoDraggable]"}]}],"members":{"enableDrag":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":5}}]}],"kendoPress":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":11,"character":5}}]}],"kendoDrag":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":12,"character":5}}]}],"kendoRelease":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":13,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":17,"character":33},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":17,"character":61}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"toggleDraggable":[{"__symbolic":"method"}],"destroyDraggable":[{"__symbolic":"method"}]}},"DraggableModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":7,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"DraggableDirective"}],"exports":[{"__symbolic":"reference","name":"DraggableDirective"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":10,"character":14}]}]}],"members":{}},"EventsOutsideAngularDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":7,"character":1},"arguments":[{"selector":"[kendoEventsOutsideAngular]"}]}],"members":{"events":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5},"arguments":["kendoEventsOutsideAngular"]}]}],"scope":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":19,"character":33},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":20,"character":32},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":21,"character":34}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"EventsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":6,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"EventsOutsideAngularDirective"}],"exports":[{"__symbolic":"reference","name":"EventsOutsideAngularDirective"}]}]}],"members":{}},"ResizeSensorComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":29,"character":1},"arguments":[{"selector":"kendo-resize-sensor","template":""}]}],"members":{"rateLimit":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":5}}]}],"resize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":45,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ResizeBatchService"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":52,"character":65},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":52,"character":85}]}],"ngAfterViewChecked":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"acceptSize":[{"__symbolic":"method"}]}},"ResizeBatchService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":8,"character":1}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":14,"character":32}]}],"schedule":[{"__symbolic":"method"}],"isScheduled":[{"__symbolic":"method"}],"cancel":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"unsubscribe":[{"__symbolic":"method"}],"flush":[{"__symbolic":"method"}]}},"ResizeCompatService":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ResizeService"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ResizeBatchService"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":28,"character":33},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":29,"character":32}]}],"checkChanges":[{"__symbolic":"method"}],"destroy":[{"__symbolic":"method"}],"checkSize":[{"__symbolic":"method"}],"init":[{"__symbolic":"method"}],"render":[{"__symbolic":"method"}],"reset":[{"__symbolic":"method"}],"subscribe":[{"__symbolic":"method"}]}},"ResizeObserverService":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ResizeService"},"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ResizeBatchService"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":18,"character":73},{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":18,"character":101}]}],"destroy":[{"__symbolic":"method"}],"init":[{"__symbolic":"method"}]},"statics":{"supported":{"__symbolic":"function","parameters":[],"value":{"__symbolic":"binop","operator":"!==","left":{"__symbolic":"error","message":"Expression form not supported","line":6,"character":21,"module":"./resize-sensor/observer.service"},"right":"undefined"}}}},"ResizeSensorModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":9,"character":1},"arguments":[{"declarations":[[{"__symbolic":"reference","name":"ResizeSensorComponent"}]],"exports":[[{"__symbolic":"reference","name":"ResizeSensorComponent"}]],"providers":[{"__symbolic":"reference","name":"ResizeBatchService"}]}]}],"members":{}},"KendoInput":{"__symbolic":"class","members":{}},"isDocumentAvailable":{"__symbolic":"error","message":"Lambda not supported","line":0,"character":35,"module":"./utils/is-document-available"},"isChanged":{"__symbolic":"error","message":"Lambda not supported","line":2,"character":25,"module":"./utils/is-changed"},"anyChanged":{"__symbolic":"error","message":"Lambda not supported","line":3,"character":26,"module":"./utils/any-changed"},"hasObservers":{"__symbolic":"error","message":"Lambda not supported","line":2,"character":28,"module":"./utils/has-observers"},"guid":{"__symbolic":"error","message":"Lambda not supported","line":0,"character":20,"module":"./utils/guid"},"Keys":{"Alt":18,"ArrowDown":40,"ArrowLeft":37,"ArrowRight":39,"ArrowUp":38,"Backspace":8,"Control":17,"Delete":46,"Digit0":48,"Digit1":49,"Digit2":50,"Digit3":51,"Digit4":52,"Digit5":53,"Digit6":54,"Digit7":55,"Digit8":56,"Digit9":57,"End":35,"Enter":13,"Escape":27,"F1":112,"F2":113,"F10":121,"Home":36,"Insert":45,"KeyA":65,"KeyB":66,"KeyC":67,"KeyD":68,"KeyE":69,"KeyF":70,"KeyG":71,"KeyH":72,"KeyI":73,"KeyJ":74,"KeyK":75,"KeyL":76,"KeyM":77,"KeyN":78,"KeyO":79,"KeyP":80,"KeyQ":81,"KeyR":82,"KeyS":83,"KeyT":84,"KeyU":85,"KeyV":86,"KeyW":87,"KeyX":88,"KeyY":89,"KeyZ":90,"NumpadDecimal":110,"PageDown":34,"PageUp":33,"Shift":16,"Space":32,"Tab":9},"ResizeService":{"__symbolic":"class","members":{"init":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ResizeBatchService"}]}],"acceptSize":[{"__symbolic":"method"}],"checkChanges":[{"__symbolic":"method"}],"destroy":[{"__symbolic":"method"}],"checkSize":[{"__symbolic":"method"}],"initSize":[{"__symbolic":"method"}],"measure":[{"__symbolic":"method"}]}}},"origins":{"DraggableDirective":"./draggable/draggable.directive","DraggableModule":"./draggable/draggable.module","EventsOutsideAngularDirective":"./events/events-outside-angular.directive","EventsModule":"./events/events.module","ResizeSensorComponent":"./resize-sensor/resize-sensor.component","ResizeBatchService":"./resize-sensor/resize-batch.service","ResizeCompatService":"./resize-sensor/compat.service","ResizeObserverService":"./resize-sensor/observer.service","ResizeSensorModule":"./resize-sensor/resize-sensor.module","KendoInput":"./tokens","isDocumentAvailable":"./utils/is-document-available","isChanged":"./utils/is-changed","anyChanged":"./utils/any-changed","hasObservers":"./utils/has-observers","guid":"./utils/guid","Keys":"./enums/keys","ResizeService":"./resize-sensor/resize.service"},"importAs":"@progress/kendo-angular-common"}

dist/es2015/resize-sensor.d.ts

@@ -7,2 +7,4 @@ /**-----------------------------------------------------------------------------------------
 export { ResizeBatchService } from './resize-sensor/resize-batch.service';
+export { ResizeCompatService } from './resize-sensor/compat.service';
+export { ResizeObserverService } from './resize-sensor/observer.service';
 export { ResizeSensorModule } from './resize-sensor/resize-sensor.module';

dist/es2015/resize-sensor.js

@@ -7,2 +7,4 @@ /**-----------------------------------------------------------------------------------------
 export { ResizeBatchService } from './resize-sensor/resize-batch.service';
+export { ResizeCompatService } from './resize-sensor/compat.service';
+export { ResizeObserverService } from './resize-sensor/observer.service';
 export { ResizeSensorModule } from './resize-sensor/resize-sensor.module';

dist/es2015/resize-sensor/resize-sensor.component.d.ts

@@ -5,3 +5,3 @@ /**-----------------------------------------------------------------------------------------
 *-------------------------------------------------------------------------------------------*/
-import { ElementRef, EventEmitter, NgZone, AfterViewChecked, AfterViewInit, OnDestroy, Renderer2 } from '@angular/core';
+import { EventEmitter, OnDestroy, AfterViewChecked, ElementRef, NgZone } from '@angular/core';
 import { ResizeBatchService } from './resize-batch.service';
@@ -13,7 +13,3 @@ /**
  */
-export declare class ResizeSensorComponent implements AfterViewChecked, AfterViewInit, OnDestroy {
-    private resizeBatchService;
-    private element;
-    private zone;
-    private renderer;
+export declare class ResizeSensorComponent implements OnDestroy, AfterViewChecked {
     /**
@@ -29,38 +25,8 @@ * The maximum number of resize events to emit per second.
     resize: EventEmitter<any>;
-    dir: string;
-    /**
-     * @hidden
-     */
-    expand: ElementRef;
-    /**
-     * @hidden
-     */
-    expandChild: ElementRef;
-    /**
-     * @hidden
-     */
-    shrink: ElementRef;
     private subscription;
-    private source;
-    private parentElement;
-    private lastWidth;
-    private lastHeight;
-    private state;
-    private detachScrollHandlers;
-    private acceptedSize;
-    constructor(resizeBatchService: ResizeBatchService, element: ElementRef, zone: NgZone, renderer: Renderer2);
-    ngAfterViewInit(): void;
+    private resizeService;
+    constructor(resizeBatchService: ResizeBatchService, element: ElementRef, ngZone: NgZone);
     ngAfterViewChecked(): void;
     ngOnDestroy(): void;
-    /**
-     * Sets the passed size or the element size as current.
-     */
-    acceptSize(size?: any): void;
-    /**
-     * @hidden
-     */
-    scroll(_event?: any): void;
-    private init;
-    private reset;
-    private measure;
+    acceptSize(size: any): void;
 }

dist/es2015/resize-sensor/resize-sensor.component.js

@@ -5,5 +5,6 @@ /**-----------------------------------------------------------------------------------------
 *-------------------------------------------------------------------------------------------*/
-import { Component, ElementRef, EventEmitter, Input, Output, ViewChild, NgZone, Renderer2, HostBinding } from '@angular/core';
-import { Subject } from 'rxjs';
+import { Component, EventEmitter, Input, Output, ElementRef, NgZone } from '@angular/core';
 import { auditTime } from 'rxjs/operators';
+import { ResizeCompatService } from './compat.service';
+import { ResizeObserverService } from './observer.service';
 import { ResizeBatchService } from './resize-batch.service';
@@ -15,8 +16,2 @@ /**
 const DEFAULT_RATE_LIMIT = 10;
-const computedProp = (elem, prop) => getComputedStyle(elem, null).getPropertyValue(prop);
-const ɵ0 = computedProp;
-const WRAP_STYLE = 'position: absolute; display: block; left: 0; top: 0; right: 0; bottom: 0; z-index: -1;' +
-    'overflow: hidden; visibility: hidden;';
-const EXPAND_CHILD_STYLE = 'position: absolute; left: 0; top: 0; transition: 0s;';
-const SHRINK_CHILD_STYLE = EXPAND_CHILD_STYLE + 'width: 200%; height: 200%;';
 /**
@@ -28,7 +23,3 @@ * Resize Sensor Component
 export class ResizeSensorComponent {
-    constructor(resizeBatchService, element, zone, renderer) {
-        this.resizeBatchService = resizeBatchService;
-        this.element = element;
-        this.zone = zone;
-        this.renderer = renderer;
+    constructor(resizeBatchService, element, ngZone) {
         /**
@@ -44,108 +35,23 @@ * The maximum number of resize events to emit per second.
         this.resize = new EventEmitter();
-        this.dir = 'ltr';
-        this.source = new Subject();
-        this.state = 0 /* Initial */;
-        this.acceptedSize = false;
-    }
-    ngAfterViewInit() {
-        this.zone.runOutsideAngular(() => {
-            const scrollHandler = this.scroll.bind(this);
-            const detachExpand = this.renderer.listen(this.expand.nativeElement, 'scroll', scrollHandler);
-            const detachShrink = this.renderer.listen(this.shrink.nativeElement, 'scroll', scrollHandler);
-            this.detachScrollHandlers = () => {
-                detachExpand();
-                detachShrink();
-            };
-        });
-    }
-    ngAfterViewChecked() {
-        if (typeof document === 'undefined') {
-            return;
-        }
-        if (this.state === 2 /* Initialized */) {
-            if (!this.resizeBatchService.isScheduled(this)) {
-                this.resizeBatchService.schedule(this, this.scroll);
-            }
-            return;
-        }
-        if (this.state === 0 /* Initial */) {
-            this.state = 1 /* Initializing */;
-            this.resizeBatchService.schedule(this, this.init);
-        }
-    }
-    ngOnDestroy() {
-        if (this.subscription) {
-            this.subscription.unsubscribe();
-        }
-        if (this.detachScrollHandlers) {
-            this.detachScrollHandlers();
-        }
-        this.resizeBatchService.cancel(this);
-    }
-    /**
-     * Sets the passed size or the element size as current.
-     */
-    acceptSize(size = this.measure()) {
-        this.lastWidth = size.width;
-        this.lastHeight = size.height;
-        this.acceptedSize = true;
-    }
-    /**
-     * @hidden
-     */
-    scroll(_event) {
-        if (!this.parentElement) {
-            return;
-        }
-        const { width, height } = this.measure();
-        const sameSize = width === this.lastWidth && height === this.lastHeight;
-        if (sameSize) {
-            return;
-        }
-        this.lastWidth = width;
-        this.lastHeight = height;
-        this.acceptedSize = false;
-        this.zone.runOutsideAngular(() => {
-            this.source.next();
-        });
-        this.reset();
-    }
-    init() {
+        const serviceType = ResizeObserverService.supported() ? ResizeObserverService : ResizeCompatService;
+        this.resizeService = new serviceType(resizeBatchService, element, ngZone);
         const throttleTime = 1000 / (this.rateLimit || DEFAULT_RATE_LIMIT);
-        this.subscription = this.source.asObservable()
+        this.subscription = this.resizeService.resize
             .pipe(auditTime(throttleTime))
             .subscribe(() => {
-            if (!this.acceptedSize) {
+            if (!this.resizeService.acceptedSize) {
                 this.resize.emit();
             }
         });
-        this.parentElement = this.element.nativeElement.parentElement;
-        if (computedProp(this.parentElement, 'position') === 'static') {
-            this.parentElement.style.position = 'relative';
-        }
-        this.reset();
-        this.lastWidth = this.parentElement.offsetWidth;
-        this.lastHeight = this.parentElement.offsetHeight;
-        this.state = 2 /* Initialized */;
     }
-    reset() {
-        const expandChild = this.expandChild.nativeElement;
-        expandChild.style.width = 100000 + 'px';
-        expandChild.style.height = 100000 + 'px';
-        const expand = this.expand.nativeElement;
-        expand.scrollLeft = 100000;
-        expand.scrollTop = 100000;
-        const shrink = this.shrink.nativeElement;
-        shrink.scrollLeft = 100000;
-        shrink.scrollTop = 100000;
+    ngAfterViewChecked() {
+        this.resizeService.checkChanges();
     }
-    measure() {
-        let width = 0;
-        let height = 0;
-        if (this.parentElement) {
-            height = this.parentElement.offsetHeight;
-            width = this.parentElement.offsetWidth;
-        }
-        return { height, width };
+    ngOnDestroy() {
+        this.subscription.unsubscribe();
+        this.resizeService.destroy();
     }
+    acceptSize(size) {
+        this.resizeService.acceptSize(size);
+    }
 }
@@ -155,9 +61,3 @@ ResizeSensorComponent.decorators = [
                 selector: 'kendo-resize-sensor',
-                styles: [':host { ' + WRAP_STYLE + ' }'],
-                template: '<div #expand style="' + WRAP_STYLE + '">' +
-                    '  <div #expandChild style="' + EXPAND_CHILD_STYLE + '"></div>' +
-                    '</div>' +
-                    '<div #shrink style="' + WRAP_STYLE + '">' +
-                    '  <div style="' + SHRINK_CHILD_STYLE + '"></div>' +
-                    '</div>'
+                template: ''
             },] },
@@ -169,13 +69,7 @@ ];
     { type: ElementRef },
-    { type: NgZone },
-    { type: Renderer2 }
+    { type: NgZone }
 ];
 ResizeSensorComponent.propDecorators = {
     rateLimit: [{ type: Input }],
-    resize: [{ type: Output }],
-    dir: [{ type: HostBinding, args: ['attr.dir',] }],
-    expand: [{ type: ViewChild, args: ['expand',] }],
-    expandChild: [{ type: ViewChild, args: ['expandChild',] }],
-    shrink: [{ type: ViewChild, args: ['shrink',] }]
+    resize: [{ type: Output }]
 };
-export { ɵ0 };

dist/fesm2015/index.js

@@ -5,7 +5,7 @@ /**-----------------------------------------------------------------------------------------
 *-------------------------------------------------------------------------------------------*/
-import { Component, Directive, ElementRef, EventEmitter, HostBinding, Injectable, Input, NgModule, NgZone, Output, Renderer2, ViewChild } from '@angular/core';
+import { Component, Directive, ElementRef, EventEmitter, Injectable, Input, NgModule, NgZone, Output, Renderer2 } from '@angular/core';
 import Draggable from '@telerik/kendo-draggable';
 import { CommonModule } from '@angular/common';
-import { Subject, from } from 'rxjs';
 import { auditTime } from 'rxjs/operators';
+import { from, fromEvent, merge } from 'rxjs';
 
@@ -167,2 +167,182 @@ const isDocumentAvailable = () => typeof document !== 'undefined';
 
+class ResizeService {
+    constructor(resizeBatchService) {
+        this.resizeBatchService = resizeBatchService;
+        this.resize = new EventEmitter();
+        this.acceptedSize = false;
+        this.state = 0 /* Initial */;
+    }
+    acceptSize(size = this.measure()) {
+        this.lastWidth = size.width;
+        this.lastHeight = size.height;
+        this.acceptedSize = true;
+    }
+    checkChanges() {
+        if (!isDocumentAvailable()) {
+            return;
+        }
+        if (this.state === 0 /* Initial */) {
+            this.state = 1 /* Initializing */;
+            // batch initial measure
+            this.resizeBatchService.schedule(this, this.init);
+        }
+    }
+    destroy() {
+        this.resizeBatchService.cancel(this);
+    }
+    checkSize() {
+        if (!this.parentElement) {
+            return;
+        }
+        const { width, height } = this.measure();
+        const sameSize = width === this.lastWidth && height === this.lastHeight;
+        if (sameSize) {
+            return;
+        }
+        this.lastWidth = width;
+        this.lastHeight = height;
+        this.acceptedSize = false;
+        this.resize.emit();
+        return true;
+    }
+    initSize() {
+        const size = this.measure();
+        this.lastWidth = size.width;
+        this.lastHeight = size.height;
+    }
+    measure() {
+        let width = 0;
+        let height = 0;
+        if (this.parentElement) {
+            height = this.parentElement.offsetHeight;
+            width = this.parentElement.offsetWidth;
+        }
+        return { height, width };
+    }
+}
+
+// tslint:disable:deprecation
+const div = style => {
+    const el = document.createElement('div');
+    el.style.cssText = style;
+    return el;
+};
+const computedProp = (elem, prop) => getComputedStyle(elem, null).getPropertyValue(prop);
+const WRAP_STYLE = 'position: absolute; display: block; left: 0; top: 0; right: 0; bottom: 0; z-index: -1;' +
+    'overflow: hidden; visibility: hidden;';
+const EXPAND_CHILD_STYLE = 'position: absolute; left: 0; top: 0; transition: 0s;';
+const SHRINK_CHILD_STYLE = EXPAND_CHILD_STYLE + 'width: 200%; height: 200%;';
+class ResizeCompatService extends ResizeService {
+    constructor(resizeBatchService, element, ngZone) {
+        super(resizeBatchService);
+        this.element = element;
+        this.ngZone = ngZone;
+    }
+    checkChanges() {
+        if (this.state === 2 /* Initialized */) {
+            if (!this.resizeBatchService.isScheduled(this)) {
+                this.resizeBatchService.schedule(this, this.checkSize);
+            }
+            return;
+        }
+        super.checkChanges();
+    }
+    destroy() {
+        super.destroy();
+        if (this.subscription) {
+            this.subscription.unsubscribe();
+        }
+        if (this.expand) {
+            const element = this.element.nativeElement;
+            element.removeChild(this.expand);
+            element.removeChild(this.shrink);
+            this.expand.removeChild(this.expandChild);
+            this.expand = this.expandChild = this.shrink = this.element = null;
+        }
+    }
+    checkSize() {
+        if (super.checkSize()) {
+            this.reset();
+            return true;
+        }
+    }
+    init() {
+        const parentElement = this.parentElement = this.element.nativeElement.parentElement;
+        if (computedProp(parentElement, 'position') === 'static') {
+            parentElement.style.position = 'relative';
+        }
+        this.state = 2 /* Initialized */;
+        this.render();
+        this.reset();
+        this.initSize();
+        this.subscribe();
+    }
+    render() {
+        const element = this.element.nativeElement;
+        element.style.cssText = WRAP_STYLE;
+        element.setAttribute('dir', 'ltr');
+        this.expand = div(WRAP_STYLE);
+        this.expandChild = div(EXPAND_CHILD_STYLE);
+        this.expand.appendChild(this.expandChild);
+        element.appendChild(this.expand);
+        this.shrink = div(WRAP_STYLE);
+        const shrinkChild = div(SHRINK_CHILD_STYLE);
+        this.shrink.appendChild(shrinkChild);
+        element.appendChild(this.shrink);
+    }
+    reset() {
+        const expandChild = this.expandChild;
+        expandChild.style.width = 100000 + 'px';
+        expandChild.style.height = 100000 + 'px';
+        const expand = this.expand;
+        expand.scrollLeft = 100000;
+        expand.scrollTop = 100000;
+        const shrink = this.shrink;
+        shrink.scrollLeft = 100000;
+        shrink.scrollTop = 100000;
+    }
+    subscribe() {
+        this.ngZone.runOutsideAngular(() => {
+            this.subscription = merge(fromEvent(this.shrink, 'scroll'), fromEvent(this.expand, 'scroll'))
+                .subscribe(() => {
+                this.checkSize();
+            });
+        });
+    }
+}
+
+const HAS_OBSERVER = typeof ResizeObserver !== 'undefined';
+/**
+ * @hidden
+ */
+class ResizeObserverService extends ResizeService {
+    constructor(resizeBatchService, element, ngZone) {
+        super(resizeBatchService);
+        this.element = element;
+        this.ngZone = ngZone;
+    }
+    static supported() {
+        return HAS_OBSERVER;
+    }
+    destroy() {
+        super.destroy();
+        if (this.resizeObserver) {
+            this.resizeObserver.disconnect();
+            this.resizeObserver = null;
+        }
+        this.parentElement = null;
+    }
+    init() {
+        this.parentElement = this.element.nativeElement.parentElement;
+        this.initSize();
+        this.state = 2 /* Initialized */;
+        this.ngZone.runOutsideAngular(() => {
+            this.resizeObserver = new ResizeObserver(() => {
+                this.checkSize();
+            });
+            this.resizeObserver.observe(this.parentElement);
+        });
+    }
+}
+
 /* tslint:disable:align */
@@ -234,7 +414,2 @@ /**
 const DEFAULT_RATE_LIMIT = 10;
-const computedProp = (elem, prop) => getComputedStyle(elem, null).getPropertyValue(prop);
-const WRAP_STYLE = 'position: absolute; display: block; left: 0; top: 0; right: 0; bottom: 0; z-index: -1;' +
-    'overflow: hidden; visibility: hidden;';
-const EXPAND_CHILD_STYLE = 'position: absolute; left: 0; top: 0; transition: 0s;';
-const SHRINK_CHILD_STYLE = EXPAND_CHILD_STYLE + 'width: 200%; height: 200%;';
 /**
@@ -246,7 +421,3 @@ * Resize Sensor Component
 class ResizeSensorComponent {
-    constructor(resizeBatchService, element, zone, renderer) {
-        this.resizeBatchService = resizeBatchService;
-        this.element = element;
-        this.zone = zone;
-        this.renderer = renderer;
+    constructor(resizeBatchService, element, ngZone) {
         /**
@@ -262,108 +433,23 @@ * The maximum number of resize events to emit per second.
         this.resize = new EventEmitter();
-        this.dir = 'ltr';
-        this.source = new Subject();
-        this.state = 0 /* Initial */;
-        this.acceptedSize = false;
-    }
-    ngAfterViewInit() {
-        this.zone.runOutsideAngular(() => {
-            const scrollHandler = this.scroll.bind(this);
-            const detachExpand = this.renderer.listen(this.expand.nativeElement, 'scroll', scrollHandler);
-            const detachShrink = this.renderer.listen(this.shrink.nativeElement, 'scroll', scrollHandler);
-            this.detachScrollHandlers = () => {
-                detachExpand();
-                detachShrink();
-            };
-        });
-    }
-    ngAfterViewChecked() {
-        if (typeof document === 'undefined') {
-            return;
-        }
-        if (this.state === 2 /* Initialized */) {
-            if (!this.resizeBatchService.isScheduled(this)) {
-                this.resizeBatchService.schedule(this, this.scroll);
-            }
-            return;
-        }
-        if (this.state === 0 /* Initial */) {
-            this.state = 1 /* Initializing */;
-            this.resizeBatchService.schedule(this, this.init);
-        }
-    }
-    ngOnDestroy() {
-        if (this.subscription) {
-            this.subscription.unsubscribe();
-        }
-        if (this.detachScrollHandlers) {
-            this.detachScrollHandlers();
-        }
-        this.resizeBatchService.cancel(this);
-    }
-    /**
-     * Sets the passed size or the element size as current.
-     */
-    acceptSize(size = this.measure()) {
-        this.lastWidth = size.width;
-        this.lastHeight = size.height;
-        this.acceptedSize = true;
-    }
-    /**
-     * @hidden
-     */
-    scroll(_event) {
-        if (!this.parentElement) {
-            return;
-        }
-        const { width, height } = this.measure();
-        const sameSize = width === this.lastWidth && height === this.lastHeight;
-        if (sameSize) {
-            return;
-        }
-        this.lastWidth = width;
-        this.lastHeight = height;
-        this.acceptedSize = false;
-        this.zone.runOutsideAngular(() => {
-            this.source.next();
-        });
-        this.reset();
-    }
-    init() {
+        const serviceType = ResizeObserverService.supported() ? ResizeObserverService : ResizeCompatService;
+        this.resizeService = new serviceType(resizeBatchService, element, ngZone);
         const throttleTime = 1000 / (this.rateLimit || DEFAULT_RATE_LIMIT);
-        this.subscription = this.source.asObservable()
+        this.subscription = this.resizeService.resize
             .pipe(auditTime(throttleTime))
             .subscribe(() => {
-            if (!this.acceptedSize) {
+            if (!this.resizeService.acceptedSize) {
                 this.resize.emit();
             }
         });
-        this.parentElement = this.element.nativeElement.parentElement;
-        if (computedProp(this.parentElement, 'position') === 'static') {
-            this.parentElement.style.position = 'relative';
-        }
-        this.reset();
-        this.lastWidth = this.parentElement.offsetWidth;
-        this.lastHeight = this.parentElement.offsetHeight;
-        this.state = 2 /* Initialized */;
     }
-    reset() {
-        const expandChild = this.expandChild.nativeElement;
-        expandChild.style.width = 100000 + 'px';
-        expandChild.style.height = 100000 + 'px';
-        const expand = this.expand.nativeElement;
-        expand.scrollLeft = 100000;
-        expand.scrollTop = 100000;
-        const shrink = this.shrink.nativeElement;
-        shrink.scrollLeft = 100000;
-        shrink.scrollTop = 100000;
+    ngAfterViewChecked() {
+        this.resizeService.checkChanges();
     }
-    measure() {
-        let width = 0;
-        let height = 0;
-        if (this.parentElement) {
-            height = this.parentElement.offsetHeight;
-            width = this.parentElement.offsetWidth;
-        }
-        return { height, width };
+    ngOnDestroy() {
+        this.subscription.unsubscribe();
+        this.resizeService.destroy();
     }
+    acceptSize(size) {
+        this.resizeService.acceptSize(size);
+    }
 }
@@ -373,9 +459,3 @@ ResizeSensorComponent.decorators = [
                 selector: 'kendo-resize-sensor',
-                styles: [':host { ' + WRAP_STYLE + ' }'],
-                template: '<div #expand style="' + WRAP_STYLE + '">' +
-                    '  <div #expandChild style="' + EXPAND_CHILD_STYLE + '"></div>' +
-                    '</div>' +
-                    '<div #shrink style="' + WRAP_STYLE + '">' +
-                    '  <div style="' + SHRINK_CHILD_STYLE + '"></div>' +
-                    '</div>'
+                template: ''
             },] },
@@ -387,12 +467,7 @@ ];
     { type: ElementRef },
-    { type: NgZone },
-    { type: Renderer2 }
+    { type: NgZone }
 ];
 ResizeSensorComponent.propDecorators = {
     rateLimit: [{ type: Input }],
-    resize: [{ type: Output }],
-    dir: [{ type: HostBinding, args: ['attr.dir',] }],
-    expand: [{ type: ViewChild, args: ['expand',] }],
-    expandChild: [{ type: ViewChild, args: ['expandChild',] }],
-    shrink: [{ type: ViewChild, args: ['shrink',] }]
+    resize: [{ type: Output }]
 };
@@ -486,2 +561,2 @@
 
-export { DraggableDirective, DraggableModule, EventsOutsideAngularDirective, EventsModule, ResizeSensorComponent, ResizeBatchService, ResizeSensorModule, KendoInput, isDocumentAvailable, isChanged, anyChanged, hasObservers, guid, Keys };
+export { ResizeService, DraggableDirective, DraggableModule, EventsOutsideAngularDirective, EventsModule, ResizeSensorComponent, ResizeBatchService, ResizeCompatService, ResizeObserverService, ResizeSensorModule, KendoInput, isDocumentAvailable, isChanged, anyChanged, hasObservers, guid, Keys };

dist/fesm5/index.js

@@ -5,7 +5,8 @@ /**-----------------------------------------------------------------------------------------
 *-------------------------------------------------------------------------------------------*/
-import { Component, Directive, ElementRef, EventEmitter, HostBinding, Injectable, Input, NgModule, NgZone, Output, Renderer2, ViewChild } from '@angular/core';
+import { Component, Directive, ElementRef, EventEmitter, Injectable, Input, NgModule, NgZone, Output, Renderer2 } from '@angular/core';
 import Draggable from '@telerik/kendo-draggable';
 import { CommonModule } from '@angular/common';
-import { Subject, from } from 'rxjs';
 import { auditTime } from 'rxjs/operators';
+import { __extends } from 'tslib';
+import { from, fromEvent, merge } from 'rxjs';
 
@@ -183,2 +184,194 @@ var isDocumentAvailable = function () { return typeof document !== 'undefined'; };
 
+var ResizeService = /** @class */ (function () {
+    function ResizeService(resizeBatchService) {
+        this.resizeBatchService = resizeBatchService;
+        this.resize = new EventEmitter();
+        this.acceptedSize = false;
+        this.state = 0 /* Initial */;
+    }
+    ResizeService.prototype.acceptSize = function (size) {
+        if (size === void 0) { size = this.measure(); }
+        this.lastWidth = size.width;
+        this.lastHeight = size.height;
+        this.acceptedSize = true;
+    };
+    ResizeService.prototype.checkChanges = function () {
+        if (!isDocumentAvailable()) {
+            return;
+        }
+        if (this.state === 0 /* Initial */) {
+            this.state = 1 /* Initializing */;
+            // batch initial measure
+            this.resizeBatchService.schedule(this, this.init);
+        }
+    };
+    ResizeService.prototype.destroy = function () {
+        this.resizeBatchService.cancel(this);
+    };
+    ResizeService.prototype.checkSize = function () {
+        if (!this.parentElement) {
+            return;
+        }
+        var _a = this.measure(), width = _a.width, height = _a.height;
+        var sameSize = width === this.lastWidth && height === this.lastHeight;
+        if (sameSize) {
+            return;
+        }
+        this.lastWidth = width;
+        this.lastHeight = height;
+        this.acceptedSize = false;
+        this.resize.emit();
+        return true;
+    };
+    ResizeService.prototype.initSize = function () {
+        var size = this.measure();
+        this.lastWidth = size.width;
+        this.lastHeight = size.height;
+    };
+    ResizeService.prototype.measure = function () {
+        var width = 0;
+        var height = 0;
+        if (this.parentElement) {
+            height = this.parentElement.offsetHeight;
+            width = this.parentElement.offsetWidth;
+        }
+        return { height: height, width: width };
+    };
+    return ResizeService;
+}());
+
+// tslint:disable:deprecation
+var div = function (style) {
+    var el = document.createElement('div');
+    el.style.cssText = style;
+    return el;
+};
+var computedProp = function (elem, prop) {
+    return getComputedStyle(elem, null).getPropertyValue(prop);
+};
+var WRAP_STYLE = 'position: absolute; display: block; left: 0; top: 0; right: 0; bottom: 0; z-index: -1;' +
+    'overflow: hidden; visibility: hidden;';
+var EXPAND_CHILD_STYLE = 'position: absolute; left: 0; top: 0; transition: 0s;';
+var SHRINK_CHILD_STYLE = EXPAND_CHILD_STYLE + 'width: 200%; height: 200%;';
+var ResizeCompatService = /** @class */ (function (_super) {
+    __extends(ResizeCompatService, _super);
+    function ResizeCompatService(resizeBatchService, element, ngZone) {
+        var _this = _super.call(this, resizeBatchService) || this;
+        _this.element = element;
+        _this.ngZone = ngZone;
+        return _this;
+    }
+    ResizeCompatService.prototype.checkChanges = function () {
+        if (this.state === 2 /* Initialized */) {
+            if (!this.resizeBatchService.isScheduled(this)) {
+                this.resizeBatchService.schedule(this, this.checkSize);
+            }
+            return;
+        }
+        _super.prototype.checkChanges.call(this);
+    };
+    ResizeCompatService.prototype.destroy = function () {
+        _super.prototype.destroy.call(this);
+        if (this.subscription) {
+            this.subscription.unsubscribe();
+        }
+        if (this.expand) {
+            var element = this.element.nativeElement;
+            element.removeChild(this.expand);
+            element.removeChild(this.shrink);
+            this.expand.removeChild(this.expandChild);
+            this.expand = this.expandChild = this.shrink = this.element = null;
+        }
+    };
+    ResizeCompatService.prototype.checkSize = function () {
+        if (_super.prototype.checkSize.call(this)) {
+            this.reset();
+            return true;
+        }
+    };
+    ResizeCompatService.prototype.init = function () {
+        var parentElement = this.parentElement = this.element.nativeElement.parentElement;
+        if (computedProp(parentElement, 'position') === 'static') {
+            parentElement.style.position = 'relative';
+        }
+        this.state = 2 /* Initialized */;
+        this.render();
+        this.reset();
+        this.initSize();
+        this.subscribe();
+    };
+    ResizeCompatService.prototype.render = function () {
+        var element = this.element.nativeElement;
+        element.style.cssText = WRAP_STYLE;
+        element.setAttribute('dir', 'ltr');
+        this.expand = div(WRAP_STYLE);
+        this.expandChild = div(EXPAND_CHILD_STYLE);
+        this.expand.appendChild(this.expandChild);
+        element.appendChild(this.expand);
+        this.shrink = div(WRAP_STYLE);
+        var shrinkChild = div(SHRINK_CHILD_STYLE);
+        this.shrink.appendChild(shrinkChild);
+        element.appendChild(this.shrink);
+    };
+    ResizeCompatService.prototype.reset = function () {
+        var expandChild = this.expandChild;
+        expandChild.style.width = 100000 + 'px';
+        expandChild.style.height = 100000 + 'px';
+        var expand = this.expand;
+        expand.scrollLeft = 100000;
+        expand.scrollTop = 100000;
+        var shrink = this.shrink;
+        shrink.scrollLeft = 100000;
+        shrink.scrollTop = 100000;
+    };
+    ResizeCompatService.prototype.subscribe = function () {
+        var _this = this;
+        this.ngZone.runOutsideAngular(function () {
+            _this.subscription = merge(fromEvent(_this.shrink, 'scroll'), fromEvent(_this.expand, 'scroll'))
+                .subscribe(function () {
+                _this.checkSize();
+            });
+        });
+    };
+    return ResizeCompatService;
+}(ResizeService));
+
+var HAS_OBSERVER = typeof ResizeObserver !== 'undefined';
+/**
+ * @hidden
+ */
+var ResizeObserverService = /** @class */ (function (_super) {
+    __extends(ResizeObserverService, _super);
+    function ResizeObserverService(resizeBatchService, element, ngZone) {
+        var _this = _super.call(this, resizeBatchService) || this;
+        _this.element = element;
+        _this.ngZone = ngZone;
+        return _this;
+    }
+    ResizeObserverService.supported = function () {
+        return HAS_OBSERVER;
+    };
+    ResizeObserverService.prototype.destroy = function () {
+        _super.prototype.destroy.call(this);
+        if (this.resizeObserver) {
+            this.resizeObserver.disconnect();
+            this.resizeObserver = null;
+        }
+        this.parentElement = null;
+    };
+    ResizeObserverService.prototype.init = function () {
+        var _this = this;
+        this.parentElement = this.element.nativeElement.parentElement;
+        this.initSize();
+        this.state = 2 /* Initialized */;
+        this.ngZone.runOutsideAngular(function () {
+            _this.resizeObserver = new ResizeObserver(function () {
+                _this.checkSize();
+            });
+            _this.resizeObserver.observe(_this.parentElement);
+        });
+    };
+    return ResizeObserverService;
+}(ResizeService));
+
 /* tslint:disable:align */
@@ -252,9 +445,2 @@ /**
 var DEFAULT_RATE_LIMIT = 10;
-var computedProp = function (elem, prop) {
-    return getComputedStyle(elem, null).getPropertyValue(prop);
-};
-var WRAP_STYLE = 'position: absolute; display: block; left: 0; top: 0; right: 0; bottom: 0; z-index: -1;' +
-    'overflow: hidden; visibility: hidden;';
-var EXPAND_CHILD_STYLE = 'position: absolute; left: 0; top: 0; transition: 0s;';
-var SHRINK_CHILD_STYLE = EXPAND_CHILD_STYLE + 'width: 200%; height: 200%;';
 /**
@@ -266,7 +452,4 @@ * Resize Sensor Component
 var ResizeSensorComponent = /** @class */ (function () {
-    function ResizeSensorComponent(resizeBatchService, element, zone, renderer) {
-        this.resizeBatchService = resizeBatchService;
-        this.element = element;
-        this.zone = zone;
-        this.renderer = renderer;
+    function ResizeSensorComponent(resizeBatchService, element, ngZone) {
+        var _this = this;
         /**
@@ -282,111 +465,22 @@ * The maximum number of resize events to emit per second.
         this.resize = new EventEmitter();
-        this.dir = 'ltr';
-        this.source = new Subject();
-        this.state = 0 /* Initial */;
-        this.acceptedSize = false;
-    }
-    ResizeSensorComponent.prototype.ngAfterViewInit = function () {
-        var _this = this;
-        this.zone.runOutsideAngular(function () {
-            var scrollHandler = _this.scroll.bind(_this);
-            var detachExpand = _this.renderer.listen(_this.expand.nativeElement, 'scroll', scrollHandler);
-            var detachShrink = _this.renderer.listen(_this.shrink.nativeElement, 'scroll', scrollHandler);
-            _this.detachScrollHandlers = function () {
-                detachExpand();
-                detachShrink();
-            };
-        });
-    };
-    ResizeSensorComponent.prototype.ngAfterViewChecked = function () {
-        if (typeof document === 'undefined') {
-            return;
-        }
-        if (this.state === 2 /* Initialized */) {
-            if (!this.resizeBatchService.isScheduled(this)) {
-                this.resizeBatchService.schedule(this, this.scroll);
-            }
-            return;
-        }
-        if (this.state === 0 /* Initial */) {
-            this.state = 1 /* Initializing */;
-            this.resizeBatchService.schedule(this, this.init);
-        }
-    };
-    ResizeSensorComponent.prototype.ngOnDestroy = function () {
-        if (this.subscription) {
-            this.subscription.unsubscribe();
-        }
-        if (this.detachScrollHandlers) {
-            this.detachScrollHandlers();
-        }
-        this.resizeBatchService.cancel(this);
-    };
-    /**
-     * Sets the passed size or the element size as current.
-     */
-    ResizeSensorComponent.prototype.acceptSize = function (size) {
-        if (size === void 0) { size = this.measure(); }
-        this.lastWidth = size.width;
-        this.lastHeight = size.height;
-        this.acceptedSize = true;
-    };
-    /**
-     * @hidden
-     */
-    ResizeSensorComponent.prototype.scroll = function (_event) {
-        var _this = this;
-        if (!this.parentElement) {
-            return;
-        }
-        var _a = this.measure(), width = _a.width, height = _a.height;
-        var sameSize = width === this.lastWidth && height === this.lastHeight;
-        if (sameSize) {
-            return;
-        }
-        this.lastWidth = width;
-        this.lastHeight = height;
-        this.acceptedSize = false;
-        this.zone.runOutsideAngular(function () {
-            _this.source.next();
-        });
-        this.reset();
-    };
-    ResizeSensorComponent.prototype.init = function () {
-        var _this = this;
+        var serviceType = ResizeObserverService.supported() ? ResizeObserverService : ResizeCompatService;
+        this.resizeService = new serviceType(resizeBatchService, element, ngZone);
         var throttleTime = 1000 / (this.rateLimit || DEFAULT_RATE_LIMIT);
-        this.subscription = this.source.asObservable()
+        this.subscription = this.resizeService.resize
             .pipe(auditTime(throttleTime))
             .subscribe(function () {
-            if (!_this.acceptedSize) {
+            if (!_this.resizeService.acceptedSize) {
                 _this.resize.emit();
             }
         });
-        this.parentElement = this.element.nativeElement.parentElement;
-        if (computedProp(this.parentElement, 'position') === 'static') {
-            this.parentElement.style.position = 'relative';
-        }
-        this.reset();
-        this.lastWidth = this.parentElement.offsetWidth;
-        this.lastHeight = this.parentElement.offsetHeight;
-        this.state = 2 /* Initialized */;
+    }
+    ResizeSensorComponent.prototype.ngAfterViewChecked = function () {
+        this.resizeService.checkChanges();
     };
-    ResizeSensorComponent.prototype.reset = function () {
-        var expandChild = this.expandChild.nativeElement;
-        expandChild.style.width = 100000 + 'px';
-        expandChild.style.height = 100000 + 'px';
-        var expand = this.expand.nativeElement;
-        expand.scrollLeft = 100000;
-        expand.scrollTop = 100000;
-        var shrink = this.shrink.nativeElement;
-        shrink.scrollLeft = 100000;
-        shrink.scrollTop = 100000;
+    ResizeSensorComponent.prototype.ngOnDestroy = function () {
+        this.subscription.unsubscribe();
+        this.resizeService.destroy();
     };
-    ResizeSensorComponent.prototype.measure = function () {
-        var width = 0;
-        var height = 0;
-        if (this.parentElement) {
-            height = this.parentElement.offsetHeight;
-            width = this.parentElement.offsetWidth;
-        }
-        return { height: height, width: width };
+    ResizeSensorComponent.prototype.acceptSize = function (size) {
+        this.resizeService.acceptSize(size);
     };
@@ -396,9 +490,3 @@ ResizeSensorComponent.decorators = [
                     selector: 'kendo-resize-sensor',
-                    styles: [':host { ' + WRAP_STYLE + ' }'],
-                    template: '<div #expand style="' + WRAP_STYLE + '">' +
-                        '  <div #expandChild style="' + EXPAND_CHILD_STYLE + '"></div>' +
-                        '</div>' +
-                        '<div #shrink style="' + WRAP_STYLE + '">' +
-                        '  <div style="' + SHRINK_CHILD_STYLE + '"></div>' +
-                        '</div>'
+                    template: ''
                 },] },
@@ -410,12 +498,7 @@ ];
         { type: ElementRef },
-        { type: NgZone },
-        { type: Renderer2 }
+        { type: NgZone }
     ]; };
     ResizeSensorComponent.propDecorators = {
         rateLimit: [{ type: Input }],
-        resize: [{ type: Output }],
-        dir: [{ type: HostBinding, args: ['attr.dir',] }],
-        expand: [{ type: ViewChild, args: ['expand',] }],
-        expandChild: [{ type: ViewChild, args: ['expandChild',] }],
-        shrink: [{ type: ViewChild, args: ['shrink',] }]
+        resize: [{ type: Output }]
     };
@@ -517,2 +600,2 @@ return ResizeSensorComponent;
 
-export { DraggableDirective, DraggableModule, EventsOutsideAngularDirective, EventsModule, ResizeSensorComponent, ResizeBatchService, ResizeSensorModule, KendoInput, isDocumentAvailable, isChanged, anyChanged, hasObservers, guid, Keys };
+export { ResizeService, DraggableDirective, DraggableModule, EventsOutsideAngularDirective, EventsModule, ResizeSensorComponent, ResizeBatchService, ResizeCompatService, ResizeObserverService, ResizeSensorModule, KendoInput, isDocumentAvailable, isChanged, anyChanged, hasObservers, guid, Keys };

dist/npm/index.js

@@ -12,1 +12,3 @@ /**-----------------------------------------------------------------------------------------
 tslib_1.__exportStar(require("./main"), exports);
+var resize_service_1 = require("./resize-sensor/resize.service");
+exports.ResizeService = resize_service_1.ResizeService

dist/npm/resize-sensor.js

@@ -11,3 +11,7 @@ /**-----------------------------------------------------------------------------------------
 exports.ResizeBatchService = resize_batch_service_1.ResizeBatchService;
+var compat_service_1 = require("./resize-sensor/compat.service");
+exports.ResizeCompatService = compat_service_1.ResizeCompatService;
+var observer_service_1 = require("./resize-sensor/observer.service");
+exports.ResizeObserverService = observer_service_1.ResizeObserverService;
 var resize_sensor_module_1 = require("./resize-sensor/resize-sensor.module");
 exports.ResizeSensorModule = resize_sensor_module_1.ResizeSensorModule;

dist/npm/resize-sensor/resize-sensor.component.js

@@ -8,4 +8,5 @@ /**-----------------------------------------------------------------------------------------
 var core_1 = require("@angular/core");
-var rxjs_1 = require("rxjs");
 var operators_1 = require("rxjs/operators");
+var compat_service_1 = require("./compat.service");
+var observer_service_1 = require("./observer.service");
 var resize_batch_service_1 = require("./resize-batch.service");
@@ -17,11 +18,2 @@ /**
 var DEFAULT_RATE_LIMIT = 10;
-var computedProp = function (elem, prop) {
-    return getComputedStyle(elem, null).getPropertyValue(prop);
-};
-var ɵ0 = computedProp;
-exports.ɵ0 = ɵ0;
-var WRAP_STYLE = 'position: absolute; display: block; left: 0; top: 0; right: 0; bottom: 0; z-index: -1;' +
-    'overflow: hidden; visibility: hidden;';
-var EXPAND_CHILD_STYLE = 'position: absolute; left: 0; top: 0; transition: 0s;';
-var SHRINK_CHILD_STYLE = EXPAND_CHILD_STYLE + 'width: 200%; height: 200%;';
 /**
@@ -33,7 +25,4 @@ * Resize Sensor Component
 var ResizeSensorComponent = /** @class */ (function () {
-    function ResizeSensorComponent(resizeBatchService, element, zone, renderer) {
-        this.resizeBatchService = resizeBatchService;
-        this.element = element;
-        this.zone = zone;
-        this.renderer = renderer;
+    function ResizeSensorComponent(resizeBatchService, element, ngZone) {
+        var _this = this;
         /**
@@ -49,111 +38,22 @@ * The maximum number of resize events to emit per second.
         this.resize = new core_1.EventEmitter();
-        this.dir = 'ltr';
-        this.source = new rxjs_1.Subject();
-        this.state = 0 /* Initial */;
-        this.acceptedSize = false;
-    }
-    ResizeSensorComponent.prototype.ngAfterViewInit = function () {
-        var _this = this;
-        this.zone.runOutsideAngular(function () {
-            var scrollHandler = _this.scroll.bind(_this);
-            var detachExpand = _this.renderer.listen(_this.expand.nativeElement, 'scroll', scrollHandler);
-            var detachShrink = _this.renderer.listen(_this.shrink.nativeElement, 'scroll', scrollHandler);
-            _this.detachScrollHandlers = function () {
-                detachExpand();
-                detachShrink();
-            };
-        });
-    };
-    ResizeSensorComponent.prototype.ngAfterViewChecked = function () {
-        if (typeof document === 'undefined') {
-            return;
-        }
-        if (this.state === 2 /* Initialized */) {
-            if (!this.resizeBatchService.isScheduled(this)) {
-                this.resizeBatchService.schedule(this, this.scroll);
-            }
-            return;
-        }
-        if (this.state === 0 /* Initial */) {
-            this.state = 1 /* Initializing */;
-            this.resizeBatchService.schedule(this, this.init);
-        }
-    };
-    ResizeSensorComponent.prototype.ngOnDestroy = function () {
-        if (this.subscription) {
-            this.subscription.unsubscribe();
-        }
-        if (this.detachScrollHandlers) {
-            this.detachScrollHandlers();
-        }
-        this.resizeBatchService.cancel(this);
-    };
-    /**
-     * Sets the passed size or the element size as current.
-     */
-    ResizeSensorComponent.prototype.acceptSize = function (size) {
-        if (size === void 0) { size = this.measure(); }
-        this.lastWidth = size.width;
-        this.lastHeight = size.height;
-        this.acceptedSize = true;
-    };
-    /**
-     * @hidden
-     */
-    ResizeSensorComponent.prototype.scroll = function (_event) {
-        var _this = this;
-        if (!this.parentElement) {
-            return;
-        }
-        var _a = this.measure(), width = _a.width, height = _a.height;
-        var sameSize = width === this.lastWidth && height === this.lastHeight;
-        if (sameSize) {
-            return;
-        }
-        this.lastWidth = width;
-        this.lastHeight = height;
-        this.acceptedSize = false;
-        this.zone.runOutsideAngular(function () {
-            _this.source.next();
-        });
-        this.reset();
-    };
-    ResizeSensorComponent.prototype.init = function () {
-        var _this = this;
+        var serviceType = observer_service_1.ResizeObserverService.supported() ? observer_service_1.ResizeObserverService : compat_service_1.ResizeCompatService;
+        this.resizeService = new serviceType(resizeBatchService, element, ngZone);
         var throttleTime = 1000 / (this.rateLimit || DEFAULT_RATE_LIMIT);
-        this.subscription = this.source.asObservable()
+        this.subscription = this.resizeService.resize
             .pipe(operators_1.auditTime(throttleTime))
             .subscribe(function () {
-            if (!_this.acceptedSize) {
+            if (!_this.resizeService.acceptedSize) {
                 _this.resize.emit();
             }
         });
-        this.parentElement = this.element.nativeElement.parentElement;
-        if (computedProp(this.parentElement, 'position') === 'static') {
-            this.parentElement.style.position = 'relative';
-        }
-        this.reset();
-        this.lastWidth = this.parentElement.offsetWidth;
-        this.lastHeight = this.parentElement.offsetHeight;
-        this.state = 2 /* Initialized */;
+    }
+    ResizeSensorComponent.prototype.ngAfterViewChecked = function () {
+        this.resizeService.checkChanges();
     };
-    ResizeSensorComponent.prototype.reset = function () {
-        var expandChild = this.expandChild.nativeElement;
-        expandChild.style.width = 100000 + 'px';
-        expandChild.style.height = 100000 + 'px';
-        var expand = this.expand.nativeElement;
-        expand.scrollLeft = 100000;
-        expand.scrollTop = 100000;
-        var shrink = this.shrink.nativeElement;
-        shrink.scrollLeft = 100000;
-        shrink.scrollTop = 100000;
+    ResizeSensorComponent.prototype.ngOnDestroy = function () {
+        this.subscription.unsubscribe();
+        this.resizeService.destroy();
     };
-    ResizeSensorComponent.prototype.measure = function () {
-        var width = 0;
-        var height = 0;
-        if (this.parentElement) {
-            height = this.parentElement.offsetHeight;
-            width = this.parentElement.offsetWidth;
-        }
-        return { height: height, width: width };
+    ResizeSensorComponent.prototype.acceptSize = function (size) {
+        this.resizeService.acceptSize(size);
     };
@@ -163,9 +63,3 @@ ResizeSensorComponent.decorators = [
                     selector: 'kendo-resize-sensor',
-                    styles: [':host { ' + WRAP_STYLE + ' }'],
-                    template: '<div #expand style="' + WRAP_STYLE + '">' +
-                        '  <div #expandChild style="' + EXPAND_CHILD_STYLE + '"></div>' +
-                        '</div>' +
-                        '<div #shrink style="' + WRAP_STYLE + '">' +
-                        '  <div style="' + SHRINK_CHILD_STYLE + '"></div>' +
-                        '</div>'
+                    template: ''
                 },] },
@@ -177,12 +71,7 @@ ];
         { type: core_1.ElementRef },
-        { type: core_1.NgZone },
-        { type: core_1.Renderer2 }
+        { type: core_1.NgZone }
     ]; };
     ResizeSensorComponent.propDecorators = {
         rateLimit: [{ type: core_1.Input }],
-        resize: [{ type: core_1.Output }],
-        dir: [{ type: core_1.HostBinding, args: ['attr.dir',] }],
-        expand: [{ type: core_1.ViewChild, args: ['expand',] }],
-        expandChild: [{ type: core_1.ViewChild, args: ['expandChild',] }],
-        shrink: [{ type: core_1.ViewChild, args: ['shrink',] }]
+        resize: [{ type: core_1.Output }]
     };
@@ -189,0 +78,0 @@ return ResizeSensorComponent;

dist/systemjs/kendo-angular-common.js

@@ -5,2 +5,2 @@ /**-----------------------------------------------------------------------------------------
 *-------------------------------------------------------------------------------------------*/
-System.register("@progress/kendo-angular-common",["tslib","@angular/core","@telerik/kendo-draggable","@angular/common","rxjs","rxjs/operators"],function(s){var o,a,u,c,d,l;function t(e){return e.__useDefault?e.default:e}return{setters:[function(e){o=t(e)},function(e){a=t(e)},function(e){u=t(e)},function(e){c=t(e)},function(e){d=t(e)},function(e){l=t(e)}],execute:function(){function n(e){if(r[e])return r[e].exports;var t=r[e]={i:e,l:!1,exports:{}};return i[e].call(t.exports,t,t.exports,n),t.l=!0,t.exports}var i,r;r={},n.m=i=[function(e,t){e.exports=o},function(e,t){e.exports=a},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(0),r=i(1),s=i(3),o=(a.prototype.schedule=function(e,t){var i=this;this.scheduled.push({instance:e,method:t}),this.subscription||this.ngZone.runOutsideAngular(function(){i.subscription=s.from(i.resolvedPromise).subscribe(i.flush)})},a.prototype.isScheduled=function(t){return Boolean(this.scheduled.find(function(e){return e.instance===t}))},a.prototype.cancel=function(e){for(var t=this.scheduled,i=t.length,n=0;n<i;n++)if(t[n].instance===e)return t.splice(n,1),void(t.length||this.unsubscribe())},a.prototype.ngOnDestroy=function(){this.unsubscribe()},a.prototype.unsubscribe=function(){this.subscription&&(this.subscription.unsubscribe(),this.subscription=null)},a.prototype.flush=function(){this.scheduled.forEach(function(e){e.method.call(e.instance)}),this.scheduled=[],this.unsubscribe()},n.__decorate([r.Injectable(),n.__metadata("design:paramtypes",[r.NgZone])],a));function a(e){this.ngZone=e,this.scheduled=[],this.resolvedPromise=Promise.resolve(null),this.flush=this.flush.bind(this)}t.ResizeBatchService=o},function(e,t){e.exports=d},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(0),r=i(1),s=i(3),o=i(13),a=i(2),u="position: absolute; display: block; left: 0; top: 0; right: 0; bottom: 0; z-index: -1;overflow: hidden; visibility: hidden;",c=(d.prototype.ngAfterViewInit=function(){var n=this;this.zone.runOutsideAngular(function(){var e=n.scroll.bind(n),t=n.renderer.listen(n.expand.nativeElement,"scroll",e),i=n.renderer.listen(n.shrink.nativeElement,"scroll",e);n.detachScrollHandlers=function(){t(),i()}})},d.prototype.ngAfterViewChecked=function(){"undefined"!=typeof document&&(2!==this.state?0===this.state&&(this.state=1,this.resizeBatchService.schedule(this,this.init)):this.resizeBatchService.isScheduled(this)||this.resizeBatchService.schedule(this,this.scroll))},d.prototype.ngOnDestroy=function(){this.subscription&&this.subscription.unsubscribe(),this.detachScrollHandlers&&this.detachScrollHandlers(),this.resizeBatchService.cancel(this)},d.prototype.acceptSize=function(e){void 0===e&&(e=this.measure()),this.lastWidth=e.width,this.lastHeight=e.height,this.acceptedSize=!0},d.prototype.scroll=function(e){var t=this;if(this.parentElement){var i=this.measure(),n=i.width,r=i.height;n===this.lastWidth&&r===this.lastHeight||(this.lastWidth=n,this.lastHeight=r,this.acceptedSize=!1,this.zone.runOutsideAngular(function(){t.source.next()}),this.reset())}},d.prototype.init=function(){var e,t=this,i=1e3/(this.rateLimit||10);this.subscription=this.source.asObservable().pipe(o.auditTime(i)).subscribe(function(){t.acceptedSize||t.resize.emit()}),this.parentElement=this.element.nativeElement.parentElement,"static"===(e=this.parentElement,getComputedStyle(e,null).getPropertyValue("position"))&&(this.parentElement.style.position="relative"),this.reset(),this.lastWidth=this.parentElement.offsetWidth,this.lastHeight=this.parentElement.offsetHeight,this.state=2},d.prototype.reset=function(){var e=this.expandChild.nativeElement;e.style.width=1e5+"px",e.style.height=1e5+"px";var t=this.expand.nativeElement;t.scrollLeft=1e5,t.scrollTop=1e5;var i=this.shrink.nativeElement;i.scrollLeft=1e5,i.scrollTop=1e5},d.prototype.measure=function(){var e=0,t=0;return this.parentElement&&(t=this.parentElement.offsetHeight,e=this.parentElement.offsetWidth),{height:t,width:e}},n.__decorate([r.Input(),n.__metadata("design:type",Number)],d.prototype,"rateLimit",void 0),n.__decorate([r.Output(),n.__metadata("design:type",r.EventEmitter)],d.prototype,"resize",void 0),n.__decorate([r.HostBinding("attr.dir"),n.__metadata("design:type",String)],d.prototype,"dir",void 0),n.__decorate([r.ViewChild("expand"),n.__metadata("design:type",r.ElementRef)],d.prototype,"expand",void 0),n.__decorate([r.ViewChild("expandChild"),n.__metadata("design:type",r.ElementRef)],d.prototype,"expandChild",void 0),n.__decorate([r.ViewChild("shrink"),n.__metadata("design:type",r.ElementRef)],d.prototype,"shrink",void 0),n.__decorate([r.Component({selector:"kendo-resize-sensor",styles:[":host { "+u+" }"],template:'<div #expand style="'+u+'">  <div #expandChild style="position: absolute; left: 0; top: 0; transition: 0s;"></div></div><div #shrink style="'+u+'">  <div style="position: absolute; left: 0; top: 0; transition: 0s;width: 200%; height: 200%;"></div></div>'}),n.__metadata("design:paramtypes",[a.ResizeBatchService,r.ElementRef,r.NgZone,r.Renderer2])],d));function d(e,t,i,n){this.resizeBatchService=e,this.element=t,this.zone=i,this.renderer=n,this.rateLimit=10,this.resize=new r.EventEmitter,this.dir="ltr",this.source=new s.Subject,this.state=0,this.acceptedSize=!1}t.ResizeSensorComponent=c},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(0),r=i(1),s=(o.prototype.ngOnInit=function(){var t=this;if(this.element&&this.element.nativeElement){var i=this.events;this.subscriptions=[],this.ngZone.runOutsideAngular(function(){for(var e in i)i.hasOwnProperty(e)&&t.subscriptions.push(t.renderer.listen(t.element.nativeElement,e,t.scope?i[e].bind(t.scope):i[e]))})}},o.prototype.ngOnDestroy=function(){if(this.subscriptions){for(var e=0;e<this.subscriptions.length;e++)this.subscriptions[e]();this.subscriptions=null}},n.__decorate([r.Input("kendoEventsOutsideAngular"),n.__metadata("design:type",Object)],o.prototype,"events",void 0),n.__decorate([r.Input(),n.__metadata("design:type",Object)],o.prototype,"scope",void 0),n.__decorate([r.Directive({selector:"[kendoEventsOutsideAngular]"}),n.__metadata("design:paramtypes",[r.ElementRef,r.NgZone,r.Renderer2])],o));function o(e,t,i){this.element=e,this.ngZone=t,this.renderer=i,this.events={}}t.EventsOutsideAngularDirective=s},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.isChanged=function(e,t,i){return void 0===i&&(i=!0),!(void 0===t[e]||t[e].isFirstChange()&&i||t[e].previousValue===t[e].currentValue)}},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(23);t.isDocumentAvailable=n.isDocumentAvailable;var r=i(6);t.isChanged=r.isChanged;var s=i(22);t.anyChanged=s.anyChanged;var o=i(21);t.hasObservers=o.hasObservers;var a=i(20);t.guid=a.guid},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(0),r=i(1),s=i(7),o=i(19),a=(u.prototype.ngOnInit=function(){this.toggleDraggable()},u.prototype.ngOnChanges=function(e){s.isChanged("enableDrag",e)&&this.toggleDraggable()},u.prototype.ngOnDestroy=function(){this.destroyDraggable()},u.prototype.toggleDraggable=function(){var t=this;s.isDocumentAvailable()&&(this.destroyDraggable(),this.enableDrag&&(this.draggable=new o.default({drag:function(e){return t.kendoDrag.next(e)},press:function(e){return t.kendoPress.next(e)},release:function(e){return t.kendoRelease.next(e)}}),this.ngZone.runOutsideAngular(function(){return t.draggable.bindTo(t.element.nativeElement)})))},u.prototype.destroyDraggable=function(){this.draggable&&(this.draggable.destroy(),this.draggable=null)},n.__decorate([r.Input(),n.__metadata("design:type",Boolean)],u.prototype,"enableDrag",void 0),n.__decorate([r.Output(),n.__metadata("design:type",r.EventEmitter)],u.prototype,"kendoPress",void 0),n.__decorate([r.Output(),n.__metadata("design:type",r.EventEmitter)],u.prototype,"kendoDrag",void 0),n.__decorate([r.Output(),n.__metadata("design:type",r.EventEmitter)],u.prototype,"kendoRelease",void 0),n.__decorate([r.Directive({selector:"[kendoDraggable]"}),n.__metadata("design:paramtypes",[r.ElementRef,r.NgZone])],u));function u(e,t){this.element=e,this.ngZone=t,this.enableDrag=!0,this.kendoPress=new r.EventEmitter,this.kendoDrag=new r.EventEmitter,this.kendoRelease=new r.EventEmitter}t.DraggableDirective=a},function(e,t,i){"use strict";var n;Object.defineProperty(t,"__esModule",{value:!0}),(n=t.Keys||(t.Keys={}))[n.Alt=18]="Alt",n[n.ArrowDown=40]="ArrowDown",n[n.ArrowLeft=37]="ArrowLeft",n[n.ArrowRight=39]="ArrowRight",n[n.ArrowUp=38]="ArrowUp",n[n.Backspace=8]="Backspace",n[n.Control=17]="Control",n[n.Delete=46]="Delete",n[n.Digit0=48]="Digit0",n[n.Digit1=49]="Digit1",n[n.Digit2=50]="Digit2",n[n.Digit3=51]="Digit3",n[n.Digit4=52]="Digit4",n[n.Digit5=53]="Digit5",n[n.Digit6=54]="Digit6",n[n.Digit7=55]="Digit7",n[n.Digit8=56]="Digit8",n[n.Digit9=57]="Digit9",n[n.End=35]="End",n[n.Enter=13]="Enter",n[n.Escape=27]="Escape",n[n.F1=112]="F1",n[n.F2=113]="F2",n[n.F10=121]="F10",n[n.Home=36]="Home",n[n.Insert=45]="Insert",n[n.KeyA=65]="KeyA",n[n.KeyB=66]="KeyB",n[n.KeyC=67]="KeyC",n[n.KeyD=68]="KeyD",n[n.KeyE=69]="KeyE",n[n.KeyF=70]="KeyF",n[n.KeyG=71]="KeyG",n[n.KeyH=72]="KeyH",n[n.KeyI=73]="KeyI",n[n.KeyJ=74]="KeyJ",n[n.KeyK=75]="KeyK",n[n.KeyL=76]="KeyL",n[n.KeyM=77]="KeyM",n[n.KeyN=78]="KeyN",n[n.KeyO=79]="KeyO",n[n.KeyP=80]="KeyP",n[n.KeyQ=81]="KeyQ",n[n.KeyR=82]="KeyR",n[n.KeyS=83]="KeyS",n[n.KeyT=84]="KeyT",n[n.KeyU=85]="KeyU",n[n.KeyV=86]="KeyV",n[n.KeyW=87]="KeyW",n[n.KeyX=88]="KeyX",n[n.KeyY=89]="KeyY",n[n.KeyZ=90]="KeyZ",n[n.NumpadDecimal=110]="NumpadDecimal",n[n.PageDown=34]="PageDown",n[n.PageUp=33]="PageUp",n[n.Shift=16]="Shift",n[n.Space=32]="Space",n[n.Tab=9]="Tab"},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(9);t.Keys=n.Keys},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});function n(){}t.KendoInput=n},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(0),r=i(1),s=i(4),o=i(2),a=[s.ResizeSensorComponent],u=n.__decorate([r.NgModule({declarations:[a],exports:[a],providers:[o.ResizeBatchService]})],c);function c(){}t.ResizeSensorModule=u},function(e,t){e.exports=l},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(4);t.ResizeSensorComponent=n.ResizeSensorComponent;var r=i(2);t.ResizeBatchService=r.ResizeBatchService;var s=i(12);t.ResizeSensorModule=s.ResizeSensorModule},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(0),r=i(1),s=i(5),o=n.__decorate([r.NgModule({declarations:[s.EventsOutsideAngularDirective],exports:[s.EventsOutsideAngularDirective]})],a);function a(){}t.EventsModule=o},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(5);t.EventsOutsideAngularDirective=n.EventsOutsideAngularDirective;var r=i(15);t.EventsModule=r.EventsModule},function(e,t){e.exports=c},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(0),r=i(1),s=i(8),o=i(17),a=n.__decorate([r.NgModule({declarations:[s.DraggableDirective],exports:[s.DraggableDirective],imports:[o.CommonModule]})],u);function u(){}t.DraggableModule=a},function(e,t){e.exports=u},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.guid=function(){for(var e="",t=0;t<32;t++){var i=16*Math.random()|0;8!==t&&12!==t&&16!==t&&20!==t||(e+="-"),e+=(12===t?4:16===t?3&i|8:i).toString(16)}return e}},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.hasObservers=function(e){return e&&0<e.observers.length}},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(6);t.anyChanged=function(e,t,i){return void 0===i&&(i=!0),e.some(function(e){return n.isChanged(e,t,i)})}},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.isDocumentAvailable=function(){return"undefined"!=typeof document}},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(8);t.DraggableDirective=n.DraggableDirective;var r=i(18);t.DraggableModule=r.DraggableModule},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(0);n.__exportStar(i(24),t),n.__exportStar(i(16),t),n.__exportStar(i(14),t),n.__exportStar(i(11),t),n.__exportStar(i(7),t),n.__exportStar(i(10),t),function(e){for(var t in e)s(t,e[t])}(t)}],n.c=r,n.d=function(e,t,i){n.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:i})},n.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=25)}}});
+System.register("@progress/kendo-angular-common",["tslib","@angular/core","@telerik/kendo-draggable","@angular/common","rxjs/operators","rxjs"],function(s){var o,a,u,c,l,d;function t(e){return e.__useDefault?e.default:e}return{setters:[function(e){o=t(e)},function(e){a=t(e)},function(e){u=t(e)},function(e){c=t(e)},function(e){l=t(e)},function(e){d=t(e)}],execute:function(){function n(e){if(r[e])return r[e].exports;var t=r[e]={i:e,l:!1,exports:{}};return i[e].call(t.exports,t,t.exports,n),t.l=!0,t.exports}var i,r;r={},n.m=i=[function(e,t){e.exports=o},function(e,t){e.exports=a},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(0),r=i(1),s=i(5),o=(a.prototype.schedule=function(e,t){var i=this;this.scheduled.push({instance:e,method:t}),this.subscription||this.ngZone.runOutsideAngular(function(){i.subscription=s.from(i.resolvedPromise).subscribe(i.flush)})},a.prototype.isScheduled=function(t){return Boolean(this.scheduled.find(function(e){return e.instance===t}))},a.prototype.cancel=function(e){for(var t=this.scheduled,i=t.length,n=0;n<i;n++)if(t[n].instance===e)return t.splice(n,1),void(t.length||this.unsubscribe())},a.prototype.ngOnDestroy=function(){this.unsubscribe()},a.prototype.unsubscribe=function(){this.subscription&&(this.subscription.unsubscribe(),this.subscription=null)},a.prototype.flush=function(){this.scheduled.forEach(function(e){e.method.call(e.instance)}),this.scheduled=[],this.unsubscribe()},n.__decorate([r.Injectable(),n.__metadata("design:paramtypes",[r.NgZone])],a));function a(e){this.ngZone=e,this.scheduled=[],this.resolvedPromise=Promise.resolve(null),this.flush=this.flush.bind(this)}t.ResizeBatchService=o},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(26);t.isDocumentAvailable=n.isDocumentAvailable;var r=i(10);t.isChanged=r.isChanged;var s=i(25);t.anyChanged=s.anyChanged;var o=i(24);t.hasObservers=o.hasObservers;var a=i(23);t.guid=a.guid},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r,n=i(0),s=i(6),o="undefined"!=typeof ResizeObserver,a=(r=s.ResizeService,n.__extends(u,r),u.supported=function(){return o},u.prototype.destroy=function(){r.prototype.destroy.call(this),this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=null),this.parentElement=null},u.prototype.init=function(){var e=this;this.parentElement=this.element.nativeElement.parentElement,this.initSize(),this.state=2,this.ngZone.runOutsideAngular(function(){e.resizeObserver=new ResizeObserver(function(){e.checkSize()}),e.resizeObserver.observe(e.parentElement)})},u);function u(e,t,i){var n=r.call(this,e)||this;return n.element=t,n.ngZone=i,n}t.ResizeObserverService=a},function(e,t){e.exports=d},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(1),r=i(3),s=(o.prototype.acceptSize=function(e){void 0===e&&(e=this.measure()),this.lastWidth=e.width,this.lastHeight=e.height,this.acceptedSize=!0},o.prototype.checkChanges=function(){r.isDocumentAvailable()&&0===this.state&&(this.state=1,this.resizeBatchService.schedule(this,this.init))},o.prototype.destroy=function(){this.resizeBatchService.cancel(this)},o.prototype.checkSize=function(){if(this.parentElement){var e=this.measure(),t=e.width,i=e.height;if(t!==this.lastWidth||i!==this.lastHeight)return this.lastWidth=t,this.lastHeight=i,this.acceptedSize=!1,this.resize.emit(),!0}},o.prototype.initSize=function(){var e=this.measure();this.lastWidth=e.width,this.lastHeight=e.height},o.prototype.measure=function(){var e=0,t=0;return this.parentElement&&(t=this.parentElement.offsetHeight,e=this.parentElement.offsetWidth),{height:t,width:e}},o);function o(e){this.resizeBatchService=e,this.resize=new n.EventEmitter,this.acceptedSize=!1,this.state=0}t.ResizeService=s},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});function n(e){var t=document.createElement("div");return t.style.cssText=e,t}var r,s=i(0),o=i(6),a=i(5),u="position: absolute; display: block; left: 0; top: 0; right: 0; bottom: 0; z-index: -1;overflow: hidden; visibility: hidden;",c=(r=o.ResizeService,s.__extends(l,r),l.prototype.checkChanges=function(){2!==this.state?r.prototype.checkChanges.call(this):this.resizeBatchService.isScheduled(this)||this.resizeBatchService.schedule(this,this.checkSize)},l.prototype.destroy=function(){if(r.prototype.destroy.call(this),this.subscription&&this.subscription.unsubscribe(),this.expand){var e=this.element.nativeElement;e.removeChild(this.expand),e.removeChild(this.shrink),this.expand.removeChild(this.expandChild),this.expand=this.expandChild=this.shrink=this.element=null}},l.prototype.checkSize=function(){if(r.prototype.checkSize.call(this))return this.reset(),!0},l.prototype.init=function(){var e=this.parentElement=this.element.nativeElement.parentElement;"static"===getComputedStyle(e,null).getPropertyValue("position")&&(e.style.position="relative"),this.state=2,this.render(),this.reset(),this.initSize(),this.subscribe()},l.prototype.render=function(){var e=this.element.nativeElement;e.style.cssText=u,e.setAttribute("dir","ltr"),this.expand=n(u),this.expandChild=n("position: absolute; left: 0; top: 0; transition: 0s;"),this.expand.appendChild(this.expandChild),e.appendChild(this.expand),this.shrink=n(u);var t=n("position: absolute; left: 0; top: 0; transition: 0s;width: 200%; height: 200%;");this.shrink.appendChild(t),e.appendChild(this.shrink)},l.prototype.reset=function(){var e=this.expandChild;e.style.width=1e5+"px",e.style.height=1e5+"px";var t=this.expand;t.scrollLeft=1e5,t.scrollTop=1e5;var i=this.shrink;i.scrollLeft=1e5,i.scrollTop=1e5},l.prototype.subscribe=function(){var e=this;this.ngZone.runOutsideAngular(function(){e.subscription=a.merge(a.fromEvent(e.shrink,"scroll"),a.fromEvent(e.expand,"scroll")).subscribe(function(){e.checkSize()})})},l);function l(e,t,i){var n=r.call(this,e)||this;return n.element=t,n.ngZone=i,n}t.ResizeCompatService=c},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(0),o=i(1),a=i(16),u=i(7),c=i(4),r=i(2),s=(l.prototype.ngAfterViewChecked=function(){this.resizeService.checkChanges()},l.prototype.ngOnDestroy=function(){this.subscription.unsubscribe(),this.resizeService.destroy()},l.prototype.acceptSize=function(e){this.resizeService.acceptSize(e)},n.__decorate([o.Input(),n.__metadata("design:type",Number)],l.prototype,"rateLimit",void 0),n.__decorate([o.Output(),n.__metadata("design:type",o.EventEmitter)],l.prototype,"resize",void 0),n.__decorate([o.Component({selector:"kendo-resize-sensor",template:""}),n.__metadata("design:paramtypes",[r.ResizeBatchService,o.ElementRef,o.NgZone])],l));function l(e,t,i){var n=this;this.rateLimit=10,this.resize=new o.EventEmitter;var r=c.ResizeObserverService.supported()?c.ResizeObserverService:u.ResizeCompatService;this.resizeService=new r(e,t,i);var s=1e3/(this.rateLimit||10);this.subscription=this.resizeService.resize.pipe(a.auditTime(s)).subscribe(function(){n.resizeService.acceptedSize||n.resize.emit()})}t.ResizeSensorComponent=s},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(0),r=i(1),s=(o.prototype.ngOnInit=function(){var t=this;if(this.element&&this.element.nativeElement){var i=this.events;this.subscriptions=[],this.ngZone.runOutsideAngular(function(){for(var e in i)i.hasOwnProperty(e)&&t.subscriptions.push(t.renderer.listen(t.element.nativeElement,e,t.scope?i[e].bind(t.scope):i[e]))})}},o.prototype.ngOnDestroy=function(){if(this.subscriptions){for(var e=0;e<this.subscriptions.length;e++)this.subscriptions[e]();this.subscriptions=null}},n.__decorate([r.Input("kendoEventsOutsideAngular"),n.__metadata("design:type",Object)],o.prototype,"events",void 0),n.__decorate([r.Input(),n.__metadata("design:type",Object)],o.prototype,"scope",void 0),n.__decorate([r.Directive({selector:"[kendoEventsOutsideAngular]"}),n.__metadata("design:paramtypes",[r.ElementRef,r.NgZone,r.Renderer2])],o));function o(e,t,i){this.element=e,this.ngZone=t,this.renderer=i,this.events={}}t.EventsOutsideAngularDirective=s},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.isChanged=function(e,t,i){return void 0===i&&(i=!0),!(void 0===t[e]||t[e].isFirstChange()&&i||t[e].previousValue===t[e].currentValue)}},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(0),r=i(1),s=i(3),o=i(22),a=(u.prototype.ngOnInit=function(){this.toggleDraggable()},u.prototype.ngOnChanges=function(e){s.isChanged("enableDrag",e)&&this.toggleDraggable()},u.prototype.ngOnDestroy=function(){this.destroyDraggable()},u.prototype.toggleDraggable=function(){var t=this;s.isDocumentAvailable()&&(this.destroyDraggable(),this.enableDrag&&(this.draggable=new o.default({drag:function(e){return t.kendoDrag.next(e)},press:function(e){return t.kendoPress.next(e)},release:function(e){return t.kendoRelease.next(e)}}),this.ngZone.runOutsideAngular(function(){return t.draggable.bindTo(t.element.nativeElement)})))},u.prototype.destroyDraggable=function(){this.draggable&&(this.draggable.destroy(),this.draggable=null)},n.__decorate([r.Input(),n.__metadata("design:type",Boolean)],u.prototype,"enableDrag",void 0),n.__decorate([r.Output(),n.__metadata("design:type",r.EventEmitter)],u.prototype,"kendoPress",void 0),n.__decorate([r.Output(),n.__metadata("design:type",r.EventEmitter)],u.prototype,"kendoDrag",void 0),n.__decorate([r.Output(),n.__metadata("design:type",r.EventEmitter)],u.prototype,"kendoRelease",void 0),n.__decorate([r.Directive({selector:"[kendoDraggable]"}),n.__metadata("design:paramtypes",[r.ElementRef,r.NgZone])],u));function u(e,t){this.element=e,this.ngZone=t,this.enableDrag=!0,this.kendoPress=new r.EventEmitter,this.kendoDrag=new r.EventEmitter,this.kendoRelease=new r.EventEmitter}t.DraggableDirective=a},function(e,t,i){"use strict";var n;Object.defineProperty(t,"__esModule",{value:!0}),(n=t.Keys||(t.Keys={}))[n.Alt=18]="Alt",n[n.ArrowDown=40]="ArrowDown",n[n.ArrowLeft=37]="ArrowLeft",n[n.ArrowRight=39]="ArrowRight",n[n.ArrowUp=38]="ArrowUp",n[n.Backspace=8]="Backspace",n[n.Control=17]="Control",n[n.Delete=46]="Delete",n[n.Digit0=48]="Digit0",n[n.Digit1=49]="Digit1",n[n.Digit2=50]="Digit2",n[n.Digit3=51]="Digit3",n[n.Digit4=52]="Digit4",n[n.Digit5=53]="Digit5",n[n.Digit6=54]="Digit6",n[n.Digit7=55]="Digit7",n[n.Digit8=56]="Digit8",n[n.Digit9=57]="Digit9",n[n.End=35]="End",n[n.Enter=13]="Enter",n[n.Escape=27]="Escape",n[n.F1=112]="F1",n[n.F2=113]="F2",n[n.F10=121]="F10",n[n.Home=36]="Home",n[n.Insert=45]="Insert",n[n.KeyA=65]="KeyA",n[n.KeyB=66]="KeyB",n[n.KeyC=67]="KeyC",n[n.KeyD=68]="KeyD",n[n.KeyE=69]="KeyE",n[n.KeyF=70]="KeyF",n[n.KeyG=71]="KeyG",n[n.KeyH=72]="KeyH",n[n.KeyI=73]="KeyI",n[n.KeyJ=74]="KeyJ",n[n.KeyK=75]="KeyK",n[n.KeyL=76]="KeyL",n[n.KeyM=77]="KeyM",n[n.KeyN=78]="KeyN",n[n.KeyO=79]="KeyO",n[n.KeyP=80]="KeyP",n[n.KeyQ=81]="KeyQ",n[n.KeyR=82]="KeyR",n[n.KeyS=83]="KeyS",n[n.KeyT=84]="KeyT",n[n.KeyU=85]="KeyU",n[n.KeyV=86]="KeyV",n[n.KeyW=87]="KeyW",n[n.KeyX=88]="KeyX",n[n.KeyY=89]="KeyY",n[n.KeyZ=90]="KeyZ",n[n.NumpadDecimal=110]="NumpadDecimal",n[n.PageDown=34]="PageDown",n[n.PageUp=33]="PageUp",n[n.Shift=16]="Shift",n[n.Space=32]="Space",n[n.Tab=9]="Tab"},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(12);t.Keys=n.Keys},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});function n(){}t.KendoInput=n},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(0),r=i(1),s=i(8),o=i(2),a=[s.ResizeSensorComponent],u=n.__decorate([r.NgModule({declarations:[a],exports:[a],providers:[o.ResizeBatchService]})],c);function c(){}t.ResizeSensorModule=u},function(e,t){e.exports=l},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(8);t.ResizeSensorComponent=n.ResizeSensorComponent;var r=i(2);t.ResizeBatchService=r.ResizeBatchService;var s=i(7);t.ResizeCompatService=s.ResizeCompatService;var o=i(4);t.ResizeObserverService=o.ResizeObserverService;var a=i(15);t.ResizeSensorModule=a.ResizeSensorModule},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(0),r=i(1),s=i(9),o=n.__decorate([r.NgModule({declarations:[s.EventsOutsideAngularDirective],exports:[s.EventsOutsideAngularDirective]})],a);function a(){}t.EventsModule=o},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(9);t.EventsOutsideAngularDirective=n.EventsOutsideAngularDirective;var r=i(18);t.EventsModule=r.EventsModule},function(e,t){e.exports=c},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(0),r=i(1),s=i(11),o=i(20),a=n.__decorate([r.NgModule({declarations:[s.DraggableDirective],exports:[s.DraggableDirective],imports:[o.CommonModule]})],u);function u(){}t.DraggableModule=a},function(e,t){e.exports=u},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.guid=function(){for(var e="",t=0;t<32;t++){var i=16*Math.random()|0;8!==t&&12!==t&&16!==t&&20!==t||(e+="-"),e+=(12===t?4:16===t?3&i|8:i).toString(16)}return e}},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.hasObservers=function(e){return e&&0<e.observers.length}},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(10);t.anyChanged=function(e,t,i){return void 0===i&&(i=!0),e.some(function(e){return n.isChanged(e,t,i)})}},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.isDocumentAvailable=function(){return"undefined"!=typeof document}},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(11);t.DraggableDirective=n.DraggableDirective;var r=i(21);t.DraggableModule=r.DraggableModule},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(0);n.__exportStar(i(27),t),n.__exportStar(i(19),t),n.__exportStar(i(17),t),n.__exportStar(i(14),t),n.__exportStar(i(3),t),n.__exportStar(i(13),t),function(e){for(var t in e)s(t,e[t])}(t)}],n.c=r,n.d=function(e,t,i){n.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:i})},n.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=28)}}});

package.json

@@ -6,3 +6,3 @@ {
   "license": "SEE LICENSE in LICENSE.md",
-  "version": "1.1.4",
+  "version": "1.2.0-dev.201911191004",
   "main": "dist/npm/index.js",
@@ -9,0 +9,0 @@ "module": "dist/fesm5/index.js",

New alerts

License Policy Violation

License

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

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

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

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

221899

increased by12.63%

Number of package files

105

increased by12.9%

Lines of code

3671

increased by16.1%

Worsened metrics

Number of low quality alerts

4

increased by33.33%

No dependency changes