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

Comparing version 2.0.0 to 2.1.0-dev.201801300751

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

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("tslib"),require("@angular/core"),require("rxjs/Subject"),require("rxjs/Subscription"),require("rxjs/BehaviorSubject"),require("rxjs/operators/auditTime"),require("rxjs/observable/of"),require("@angular/animations"),require("rxjs/Observable"),require("rxjs/observable/empty"),require("rxjs/operators/catchError"),require("rxjs/operators/tap"),require("@angular/common"),require("rxjs/observable/merge"),require("rxjs/operators/map"),require("rxjs/operators/delay"),require("rxjs/operators/filter"),require("rxjs/operators/switchMap"),require("rxjs/operators/takeUntil")):"function"==typeof define&&define.amd?define(["tslib","@angular/core","rxjs/Subject","rxjs/Subscription","rxjs/BehaviorSubject","rxjs/operators/auditTime","rxjs/observable/of","@angular/animations","rxjs/Observable","rxjs/observable/empty","rxjs/operators/catchError","rxjs/operators/tap","@angular/common","rxjs/observable/merge","rxjs/operators/map","rxjs/operators/delay","rxjs/operators/filter","rxjs/operators/switchMap","rxjs/operators/takeUntil"],t):"object"==typeof exports?exports.KendoAngularTreeview=t(require("tslib"),require("@angular/core"),require("rxjs/Subject"),require("rxjs/Subscription"),require("rxjs/BehaviorSubject"),require("rxjs/operators/auditTime"),require("rxjs/observable/of"),require("@angular/animations"),require("rxjs/Observable"),require("rxjs/observable/empty"),require("rxjs/operators/catchError"),require("rxjs/operators/tap"),require("@angular/common"),require("rxjs/observable/merge"),require("rxjs/operators/map"),require("rxjs/operators/delay"),require("rxjs/operators/filter"),require("rxjs/operators/switchMap"),require("rxjs/operators/takeUntil")):e.KendoAngularTreeview=t(e.tslib,e["@angular/core"],e["rxjs/Subject"],e["rxjs/Subscription"],e["rxjs/BehaviorSubject"],e["rxjs/operators/auditTime"],e["rxjs/observable/of"],e["@angular/animations"],e["rxjs/Observable"],e["rxjs/observable/empty"],e["rxjs/operators/catchError"],e["rxjs/operators/tap"],e["@angular/common"],e["rxjs/observable/merge"],e["rxjs/operators/map"],e["rxjs/operators/delay"],e["rxjs/operators/filter"],e["rxjs/operators/switchMap"],e["rxjs/operators/takeUntil"])}(this,function(e,t,i,n,r,o,s,a,c,d,p,u,l,h,f,v,y,m,_){return function(e){function t(n){if(i[n])return i[n].exports;var r=i[n]={exports:{},id:n,loaded:!1};return e[n].call(r.exports,r,r.exports,t),r.loaded=!0,r.exports}var i={};return t.m=e,t.c=i,t.p="",t(0)}([function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(1);t.TreeViewComponent=n.TreeViewComponent;var r=i(21);t.TreeViewModule=r.TreeViewModule;var o=i(4);t.NodeTemplateDirective=o.NodeTemplateDirective;var s=i(31);t.CheckDirective=s.CheckDirective;var a=i(32);t.DisableDirective=a.DisableDirective;var c=i(33);t.ExpandDirective=c.ExpandDirective;var d=i(36);t.SelectDirective=d.SelectDirective;var p=i(37);t.HierarchyBindingDirective=p.HierarchyBindingDirective;var u=i(43);t.FlatDataBindingDirective=u.FlatDataBindingDirective},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),r=i(3),o=i(4),s=i(5),a=i(7),c=i(8),d=i(9),p=i(10),u=i(14),l=i(15),h=i(12),f=i(16),v=i(17),y=i(18),m=i(19),_=i(20),g=function(e){return/k-i-collapse|k-i-expand/.test(e.className)},b=[s.FocusStateService,a.ExpandStateService,c.IndexBuilderService,l.TreeViewLookupService,d.LoadingNotificationService,p.NavigationService,u.SelectionService],x=function(){function e(e,t,i,n,o,s){this.focusService=e,this.expandService=t,this.navigationService=i,this.selectionService=n,this.treeViewLookupService=o,this.element=s,this.classNames=!0,this.onBlur=new r.EventEmitter,this.onFocus=new r.EventEmitter,this.expand=new r.EventEmitter,this.collapse=new r.EventEmitter,this.checkedChange=new r.EventEmitter,this.selectionChange=new r.EventEmitter,this.isDisabled=f.isDisabled,this.navigable=!0,this.checkboxes=!1,this.data=new y.BehaviorSubject([]),this.subscriptions=new v.Subscription(function(){}),this._animate=!0,this.resolvedPromise=Promise.resolve(null),this.children=function(){return _.of([])}}return Object.defineProperty(e.prototype,"role",{get:function(){return"tree"},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"animate",{get:function(){return!this._animate},set:function(e){this._animate=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"nodes",{set:function(e){this.data.next(e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"hasChildren",{get:function(){return this._hasChildren||f.hasChildren},set:function(e){this._hasChildren=e,this.expandIcons=Boolean(this._isExpanded&&this._hasChildren)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isChecked",{get:function(){return this._isChecked||f.isChecked},set:function(e){this._isChecked=e,this.checkboxes=Boolean(this._isChecked)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isExpanded",{get:function(){return this._isExpanded||f.isExpanded},set:function(e){this._isExpanded=e,this.expandIcons=Boolean(this._isExpanded&&this._hasChildren)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isSelected",{get:function(){return this._isSelected||f.isSelected},set:function(e){this._isSelected=e},enumerable:!0,configurable:!0}),e.prototype.handleKeydown=function(e){this.isActive&&this.navigationService.move(e)},e.prototype.handleClick=function(e){var t=this,i=e.target,n=h.nodeId(h.closestNode(i));n&&!this.focusService.hasActiveContent()&&this.focusin(n).then(function(){t.isActive&&!g(i)&&t.navigationService.selectIndex(n)})},e.prototype.ngOnChanges=function(e){this.navigationService.navigable=Boolean(this.navigable)},e.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},e.prototype.ngOnInit=function(){var e=this;this.subscriptions.add(this.focusService.changes.pipe(m.auditTime(1)).subscribe(function(t){var i=t.focused,n=t.index;return i?e.focusin(n):e.focusout(n)})),this.subscriptions.add(this.expandService.changes.subscribe(function(t){var i=t.index,n=t.dataItem,r=t.expand;return r?e.expand.emit({index:i,dataItem:n}):e.collapse.emit({index:i,dataItem:n})})),this.subscriptions.add(this.navigationService.checks.subscribe(function(t){return e.checkedChange.emit(e.treeViewLookupService.itemLookup(t))})),this.subscriptions.add(this.selectionService.changes.subscribe(function(t){return e.selectionChange.emit(t)}))},e.prototype.blur=function(){if(h.isDocumentAvailable()){var e=h.focusableNode(this.element);document.activeElement===e&&e.blur()}},e.prototype.focus=function(e){this.navigationService.activateIndex(e);var t=h.focusableNode(this.element);t&&t.focus()},e.prototype.focusin=function(e){var t=this;if(e)return this.navigationService.activateIndex(e),this.resolvedPromise.then(function(){!t.isActive&&t.navigationService.isActive(e)&&(t.isActive=!0,t.onFocus.emit())})},e.prototype.focusout=function(e){var t=this;return this.resolvedPromise.then(function(){t.isActive&&t.navigationService.isActive(e)&&(t.navigationService.deactivate(),t.isActive=!1,t.onBlur.emit())})},n.__decorate([r.HostBinding("class.k-widget"),r.HostBinding("class.k-treeview"),n.__metadata("design:type",Boolean)],e.prototype,"classNames",void 0),n.__decorate([r.HostBinding("attr.role"),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[])],e.prototype,"role",null),n.__decorate([r.Input(),r.HostBinding("@.disabled"),n.__metadata("design:type",Boolean),n.__metadata("design:paramtypes",[Boolean])],e.prototype,"animate",null),n.__decorate([r.Output("blur"),n.__metadata("design:type",r.EventEmitter)],e.prototype,"onBlur",void 0),n.__decorate([r.Output("focus"),n.__metadata("design:type",r.EventEmitter)],e.prototype,"onFocus",void 0),n.__decorate([r.Output(),n.__metadata("design:type",r.EventEmitter)],e.prototype,"expand",void 0),n.__decorate([r.Output(),n.__metadata("design:type",r.EventEmitter)],e.prototype,"collapse",void 0),n.__decorate([r.Output(),n.__metadata("design:type",r.EventEmitter)],e.prototype,"checkedChange",void 0),n.__decorate([r.Output(),n.__metadata("design:type",r.EventEmitter)],e.prototype,"selectionChange",void 0),n.__decorate([r.ContentChild(o.NodeTemplateDirective),n.__metadata("design:type",o.NodeTemplateDirective)],e.prototype,"nodeTemplate",void 0),n.__decorate([r.Input(),n.__metadata("design:type",Array),n.__metadata("design:paramtypes",[Array])],e.prototype,"nodes",null),n.__decorate([r.Input(),n.__metadata("design:type",Object)],e.prototype,"textField",void 0),n.__decorate([r.Input(),n.__metadata("design:type",Function),n.__metadata("design:paramtypes",[Function])],e.prototype,"hasChildren",null),n.__decorate([r.Input(),n.__metadata("design:type",Function),n.__metadata("design:paramtypes",[Function])],e.prototype,"isChecked",null),n.__decorate([r.Input(),n.__metadata("design:type",Function)],e.prototype,"isDisabled",void 0),n.__decorate([r.Input(),n.__metadata("design:type",Function),n.__metadata("design:paramtypes",[Function])],e.prototype,"isExpanded",null),n.__decorate([r.Input(),n.__metadata("design:type",Function),n.__metadata("design:paramtypes",[Function])],e.prototype,"isSelected",null),n.__decorate([r.Input(),n.__metadata("design:type",Boolean)],e.prototype,"navigable",void 0),n.__decorate([r.HostListener("keydown",["$event"]),n.__metadata("design:type",Function),n.__metadata("design:paramtypes",[Object]),n.__metadata("design:returntype",void 0)],e.prototype,"handleKeydown",null),n.__decorate([r.HostListener("click",["$event"]),n.__metadata("design:type",Function),n.__metadata("design:paramtypes",[Object]),n.__metadata("design:returntype",void 0)],e.prototype,"handleClick",null),n.__decorate([r.Input(),n.__metadata("design:type",Function)],e.prototype,"children",void 0),e=n.__decorate([r.Component({changeDetection:r.ChangeDetectionStrategy.OnPush,exportAs:"kendoTreeView",providers:b,selector:"kendo-treeview",template:'\n    <ul class="k-treeview-lines"\n      kendoTreeViewGroup\n      role="group"\n      [checkboxes]="checkboxes"\n      [expandIcons]="expandIcons"\n      [children]="children"\n      [hasChildren]="hasChildren"\n      [isChecked]="isChecked"\n      [isDisabled]="isDisabled"\n      [isExpanded]="isExpanded"\n      [isSelected]="isSelected"\n      [nodeTemplateRef]="nodeTemplate?.templateRef"\n      [nodes]="data"\n      [textField]="textField"\n      >\n    </ul>\n  '}),n.__metadata("design:paramtypes",[s.FocusStateService,a.ExpandStateService,p.NavigationService,u.SelectionService,l.TreeViewLookupService,r.ElementRef])],e)}();t.TreeViewComponent=x},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(2),r=i(3),o=function(){function e(e){this.templateRef=e}return e=n.__decorate([r.Directive({selector:"[kendoTreeViewNodeTemplate]"}),n.__param(0,r.Optional()),n.__metadata("design:paramtypes",[r.TemplateRef])],e)}();t.NodeTemplateDirective=o},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),r=i(3),o=i(6),s=function(){function e(){this.changes=new o.Subject,this.activeContent=!1,this.isActive=!1}return e.prototype.hasActiveContent=function(){return!this.isActive&&this.activeContent},e.prototype.focus=function(e){this.isActive=!0,this.changes.next({focused:!0,index:e})},e.prototype.blur=function(e){this.isActive=!1,this.changes.next({focused:!1,index:e})},e.prototype.focusin=function(e){this.activeContent=!0},e.prototype.focusout=function(e){this.activeContent=!1},e=n.__decorate([r.Injectable()],e)}();t.FocusStateService=s},function(e,t){e.exports=i},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),r=i(3),o=i(6),s=function(){function e(){this.changes=new o.Subject}return e.prototype.expand=function(e,t){this.changes.next({dataItem:t,index:e,expand:!0})},e.prototype.collapse=function(e,t){this.changes.next({dataItem:t,index:e,expand:!1})},e=n.__decorate([r.Injectable()],e)}();t.ExpandStateService=s},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),r=i(3),o=function(){function e(){this.INDEX_SEPARATOR="_"}return e.prototype.nodeIndex=function(e,t){return void 0===e&&(e=""),void 0===t&&(t=""),""+t+(t?this.INDEX_SEPARATOR:"")+e},e.prototype.indexForLevel=function(e,t){return e.split(this.INDEX_SEPARATOR).slice(0,t).join(this.INDEX_SEPARATOR)},e.prototype.lastLevelIndex=function(e){void 0===e&&(e="");var t=e.split(this.INDEX_SEPARATOR);return t.length?parseInt(t[t.length-1],10):NaN},e.prototype.level=function(e){return e.split(this.INDEX_SEPARATOR).length},e=n.__decorate([r.Injectable()],e)}();t.IndexBuilderService=o},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),r=i(3),o=i(6),s=function(){function e(){this.changes=new o.Subject}return e.prototype.notifyLoaded=function(e){this.changes.next(e)},e=n.__decorate([r.Injectable()],e)}();t.LoadingNotificationService=s},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),r=i(3),o=i(11),s=i(12),a=i(13),c=i(6),d=function(e,t){return e[t]||e},p=function(){function e(){var e=this;this.expands=new c.Subject,this.moves=new c.Subject,this.checks=new c.Subject,this.selects=new c.Subject,this.navigable=!0,this.actions=(t={},t[a.Keys.up]=function(){return e.activate(d(e.focusableItem,"prev"))},t[a.Keys.down]=function(){return e.activate(d(e.focusableItem,"next"))},t[a.Keys.left]=function(){return e.expand({expand:!1,intercept:e.moveToParent.bind(e)})},t[a.Keys.right]=function(){return e.expand({expand:!0,intercept:e.moveToChild.bind(e)})},t[a.Keys.home]=function(){return e.activate(e.model.firstNode())},t[a.Keys.end]=function(){return e.activate(e.model.lastNode())},t[a.Keys.enter]=function(){return e.navigable&&e.selectIndex(s.nodeIndex(e.activeItem))},t[a.Keys.space]=function(){return e.navigable&&e.checkIndex(s.nodeIndex(e.activeItem))},t),this.isFocused=!1,this._model=new o.NavigationModel;var t}return Object.defineProperty(e.prototype,"model",{get:function(){return this._model},set:function(e){this._model=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"activeIndex",{get:function(){return s.nodeIndex(this.activeItem)||null},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"focusableItem",{get:function(){return this.activeItem||this.model.firstNode()},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isActiveExpanded",{get:function(){return this.activeItem&&this.activeItem.children.length>0},enumerable:!0,configurable:!0}),e.prototype.activate=function(e){this.navigable&&e&&!this.isActive(s.nodeIndex(e))&&(this.isFocused=!0,this.activeItem=e||this.activeItem,this.notifyMove())},e.prototype.activateParent=function(e){this.activate(this.model.findParent(e))},e.prototype.activateIndex=function(e){e&&this.activate(this.model.findNode(e))},e.prototype.activateClosest=function(e){e&&s.nodeIndex(this.focusableItem)===e&&(this.activeItem=this.model.closestNode(e),this.notifyMove())},e.prototype.activateFocusable=function(){this.activeItem||(this.activeItem=this.model.firstNode(),this.notifyMove())},e.prototype.deactivate=function(){this.navigable&&this.isFocused&&(this.isFocused=!1,this.notifyMove())},e.prototype.checkIndex=function(e){this.checks.next(e)},e.prototype.selectIndex=function(e){this.selects.next(e)},e.prototype.isActive=function(e){return!!e&&(this.isFocused&&this.activeIndex===e)},e.prototype.isFocusable=function(e){return s.nodeIndex(this.focusableItem)===e},e.prototype.registerItem=function(e){this.model.registerItem(e)},e.prototype.unregisterItem=function(e){this.isActive(e)&&this.activateParent(e),this.model.unregisterItem(e)},e.prototype.move=function(e){if(this.navigable){var t=this.actions[e.keyCode];t&&(t(),e.preventDefault())}},e.prototype.expand=function(e){var t=e.expand,i=e.intercept,n=s.nodeIndex(this.activeItem);n&&!i(n)&&this.notifyExpand(t)},e.prototype.moveToParent=function(){return!this.isActiveExpanded&&(this.activate(this.model.findParent(s.nodeIndex(this.activeItem))),!0)},e.prototype.moveToChild=function(){return!!this.isActiveExpanded&&(this.activate(this.model.findChild(s.nodeIndex(this.activeItem))),!0)},e.prototype.notifyExpand=function(e){this.expands.next(this.navigationState(e))},e.prototype.notifyMove=function(){this.moves.next(this.navigationState())},e.prototype.navigationState=function(e){return void 0===e&&(e=!1),{expand:e,index:s.nodeIndex(this.activeItem),isFocused:this.isFocused}},e=n.__decorate([r.Injectable()],e)}();t.NavigationService=p},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(8),r=function(e){return e[e.length-1]},o=function(e){return e||{}},s=function(e){return o(e).children||[]},a=function(e){for(var t=e,i=[].concat(s(e));i.length;)i=i.concat(s(r(i))),t=i.shift();return t},c=function(e){var t=e.prev,i=e.next;t&&(t.next=e),i&&(i.prev=e)},d=function(e,t){e&&(e.next=t),t&&(t.prev=e)},p=function(){function e(){this.ib=new n.IndexBuilderService,this.nodes=[]}return e.prototype.firstNode=function(){return this.nodes[0]||null},e.prototype.lastNode=function(){var e=this.nodes[this.nodes.length-1];return e?a(r(this.container(e)))||e:null},e.prototype.closestNode=function(e){var t=o(this.findNode(e)).prev,i=t||this.firstNode();return o(i).index===e?this.sibling(i,1):i},e.prototype.findNode=function(e){return this.find(e,this.nodes)},e.prototype.findParent=function(e){var t=this.ib.level(e)-1;return this.findNode(this.ib.indexForLevel(e,t))},e.prototype.findChild=function(e){return s(this.findNode(e))[0]||null},e.prototype.registerItem=function(e){var t=[],i=this.ib.level(e),n=this.findParent(e);if(n||1===i){var r=this.prevNode(n,e),o=this.nextNode(n,e),s={children:t,index:e,parent:n,prev:r,next:o};c(s),this.insert(s,n)}},e.prototype.unregisterItem=function(e){var t=this.find(e,this.nodes);if(t){d(t.prev,this.nextNode(t.parent,t.index));var i=this.container(t.parent);i.splice(i.indexOf(t),1)}},e.prototype.childLevel=function(e){return e&&e.length?this.ib.level(e[0].index):1},e.prototype.container=function(e){return e?e.children:this.nodes},e.prototype.find=function(e,t){var i=this.childLevel(t),n=this.ib.indexForLevel(e,i),r=i===this.ib.level(e),o=t.find(function(e){return e.index===n});return o?r?o:this.find(e,o.children):null},e.prototype.closestIndexPosition=function(e,t){for(var i=this.ib.lastLevelIndex(t),n=0;n<e.length;){if(this.ib.lastLevelIndex(e[n].index)>i)return n;n+=1}return n},e.prototype.insert=function(e,t){var i=this.container(t);i.splice(this.closestIndexPosition(i,e.index),0,e)},e.prototype.prevNode=function(e,t){var i=this.container(e),n=i.slice(0,this.closestIndexPosition(i,t));return a(r(n))||e||null},e.prototype.nextNode=function(e,t){var i=this.container(e),n=this.findNode(t);if(!e&&n)return this.sibling(n,1);var r=this.closestIndexPosition(i,t),o=i.slice(r)[0];return o?o:this.sibling(e,1)},e.prototype.sibling=function(e,t){if(!e)return null;var i=this.findParent(e.index),n=this.container(i);return n[n.indexOf(e)+t]||this.sibling(i,t)||null},e}();t.NavigationModel=p},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=function(e,t){var i=e.matches||e.msMatchesSelector||e.webkitMatchesSelector;return!!i&&i.call(e,t)},n=function(e,t){if(!document.documentElement.contains(e))return null;for(var n=e;null!==n&&1===n.nodeType;){if(i(n,t))return n;n=n.parentElement||n.parentNode}return null};t.noop=function(){},t.isPresent=function(e){return null!==e&&void 0!==e},t.isBlank=function(e){return null===e||void 0===e},t.isArray=function(e){return Array.isArray(e)},t.isNullOrEmptyString=function(e){return t.isBlank(e)||0===e.trim().length},t.isDocumentAvailable=function(){return"undefined"!=typeof document},t.isChanged=function(e,t,i){return void 0===i&&(i=!0),t[e]&&(!t[e].isFirstChange()||!i)&&t[e].previousValue!==t[e].currentValue},t.anyChanged=function(e,i,n){return void 0===n&&(n=!0),e.some(function(e){return t.isChanged(e,i,n)})},t.closestNode=function(e){var i="li.k-item";return t.isDocumentAvailable()?e.closest?e.closest(i):n(e,i):null},t.focusableNode=function(e){return e.nativeElement.querySelector('li[tabindex="0"]')},t.hasActiveNode=function(e,i){var n=i||t.closestNode(e);return n&&(n===e||e.tabIndex<0)},t.nodeId=function(e){return e?e.getAttribute("data-treeindex"):""},t.nodeIndex=function(e){return(e||{}).index},t.guid=function(){for(var e,t="",i=0;i<32;i++)e=16*Math.random()|0,8!==i&&12!==i&&16!==i&&20!==i||(t+="-"),t+=(12===i?4:16===i?3&e|8:e).toString(16);return t}},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i;!function(e){e[e.enter=13]="enter",e[e.shift=16]="shift",e[e.space=32]="space",e[e.end=35]="end",e[e.home=36]="home",e[e.left=37]="left",e[e.up=38]="up",e[e.right=39]="right",e[e.down=40]="down"}(i=t.Keys||(t.Keys={}))},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),r=i(3),o=i(6),s=function(){function e(){this.changes=new o.Subject}return e.prototype.isFirstSelected=function(e){return this.firstIndex===e},e.prototype.setFirstSelected=function(e,t){this.firstIndex===e&&t===!1?this.firstIndex=null:!this.firstIndex&&t&&(this.firstIndex=e)},e.prototype.select=function(e,t){this.changes.next({dataItem:t,index:e})},e=n.__decorate([r.Injectable()],e)}();t.SelectionService=s},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),r=i(3),o=i(12),s=function(){function e(){this.map=new Map}return e.prototype.registerItem=function(e,t){var i={children:[],item:e,parent:this.item(o.nodeIndex(t))};this.map.set(e.index,i)},e.prototype.registerChildren=function(e,t){var i=this.item(e);i&&(i.children=t)},e.prototype.unregisterItem=function(e){this.map.delete(e)},e.prototype.replaceItem=function(e,t,i){var n=this.item(e);n&&t&&(this.unregisterItem(e),this.registerItem(t,i),e===t.index&&this.registerChildren(t.index,n.children.slice()))},e.prototype.itemLookup=function(e){var t=this.item(e);return t?{children:this.mapChildren(t.children),item:t.item,parent:t.parent}:null},e.prototype.hasItem=function(e){return this.map.has(e)},e.prototype.item=function(e){return this.map.get(e)||null},e.prototype.mapChildren=function(e){var t=this;return e.map(function(e){var i=t.item(e.index),n=i.item,r=i.parent,o=i.children;return{children:t.mapChildren(o),item:n,parent:r}})},e=n.__decorate([r.Injectable()],e)}();t.TreeViewLookupService=s},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.hasChildren=function(){return!1},t.isChecked=function(){return"none"},t.isDisabled=function(){return!1},t.isExpanded=function(){return!0},t.isSelected=function(){return!1}},function(e,t){e.exports=n},function(e,t){e.exports=r},function(e,t){e.exports=o},function(e,t){e.exports=s},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),r=i(3),o=i(1),s=i(22),a=i(4),c=i(31),d=i(32),p=i(33),u=i(36),l=i(37),h=i(43),f=[o.TreeViewComponent,a.NodeTemplateDirective,c.CheckDirective,d.DisableDirective,p.ExpandDirective,u.SelectDirective,l.HierarchyBindingDirective,h.FlatDataBindingDirective],v=function(){function e(){}return e=n.__decorate([r.NgModule({exports:[f],imports:[s.SharedModule]})],e)}();t.TreeViewModule=v},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),r=i(3),o=i(1),s=i(23),a=i(30),c=i(4),d=i(31),p=i(32),u=i(33),l=i(36),h=i(37),f=i(38),v=i(43),y=i(45),m=i(46),_=i(47),g=[o.TreeViewComponent,s.TreeViewGroupComponent,y.TreeViewItemDirective,m.TreeViewItemContentDirective,c.NodeTemplateDirective,d.CheckDirective,p.DisableDirective,u.ExpandDirective,l.SelectDirective,h.HierarchyBindingDirective,f.LoadingIndicatorDirective,v.FlatDataBindingDirective],b=function(){function e(){}return e=n.__decorate([r.NgModule({declarations:[g],exports:[g],imports:[a.CommonModule,_.CheckBoxModule]})],e)}();t.SharedModule=b},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),r=i(3),o=i(24),s=i(7),a=i(8),c=i(15),d=i(10),p=i(12),u=i(25),l=i(9),h=i(26),f=i(27),v=i(20),y=i(28),m=i(29),_=function(){function e(e,t,i,n,r,o){this.expandService=e,this.loadingService=t,this.indexBuilder=i,this.treeViewLookupService=n,this.navigationService=r,this.cd=o,this.kGroupClass=!0,this.textField="",this._data=[],this.isChecked=function(){return"none"},this.isDisabled=function(){return!1},this.isExpanded=function(){return!1},this.isSelected=function(){return!1},this.children=function(){return v.of([])},this.hasChildren=function(){return!1}}return Object.defineProperty(e.prototype,"role",{get:function(){return"group"},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"data",{get:function(){return this._data},set:function(e){this._data=e,this.updateParentChildren()},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"hasTemplate",{get:function(){return p.isPresent(this.nodeTemplateRef)},enumerable:!0,configurable:!0}),e.prototype.expandNode=function(e,t,i){i?this.expandService.expand(e,t):this.expandService.collapse(e,t)},e.prototype.checkNode=function(e){this.navigationService.checkIndex(e),this.navigationService.activateIndex(e)},e.prototype.nodeIndex=function(e){return this.indexBuilder.nodeIndex(e.toString(),this.parentIndex)},e.prototype.nodeText=function(e){var t=p.isArray(this.textField)?this.textField[0]:this.textField;return u.getter(t,!0)(e)},e.prototype.ngOnDestroy=function(){this.subscription&&this.subscription.unsubscribe()},e.prototype.ngOnInit=function(){var e=this;this.subscription=this.nodes.subscribe(function(t){e.data=t,e.cd.markForCheck()})},e.prototype.ngOnChanges=function(e){e.parentIndex&&this.updateParentChildren()},e.prototype.fetchChildren=function(e,t){var i=this;return this.children(e).pipe(y.catchError(function(){return i.loadingService.notifyLoaded(t),f.empty()}),m.tap(function(){return i.loadingService.notifyLoaded(t)}))},Object.defineProperty(e.prototype,"nextFields",{get:function(){return p.isArray(this.textField)?this.textField.length>1?this.textField.slice(1):this.textField:[this.textField]},enumerable:!0,configurable:!0}),e.prototype.updateParentChildren=function(){var e=this.parentIndex?this.mapToTreeItem(this.data):[];this.treeViewLookupService.registerChildren(this.parentIndex,e)},e.prototype.mapToTreeItem=function(e){var t=this;return e.map(function(e,i){return{dataItem:e,index:t.nodeIndex(i)}})},n.__decorate([r.HostBinding("class.k-group"),n.__metadata("design:type",Boolean)],e.prototype,"kGroupClass",void 0),n.__decorate([r.HostBinding("attr.role"),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[])],e.prototype,"role",null),n.__decorate([r.Input(),n.__metadata("design:type",Boolean)],e.prototype,"checkboxes",void 0),n.__decorate([r.Input(),n.__metadata("design:type",Boolean)],e.prototype,"expandIcons",void 0),n.__decorate([r.Input(),n.__metadata("design:type",h.Observable)],e.prototype,"nodes",void 0),n.__decorate([r.Input(),n.__metadata("design:type",Object)],e.prototype,"textField",void 0),n.__decorate([r.Input(),n.__metadata("design:type",Object)],e.prototype,"parentDataItem",void 0),n.__decorate([r.Input(),n.__metadata("design:type",String)],e.prototype,"parentIndex",void 0),n.__decorate([r.Input(),n.__metadata("design:type",r.TemplateRef)],e.prototype,"nodeTemplateRef",void 0),n.__decorate([r.Input(),n.__metadata("design:type",Function)],e.prototype,"isChecked",void 0),n.__decorate([r.Input(),n.__metadata("design:type",Function)],e.prototype,"isDisabled",void 0),n.__decorate([r.Input(),n.__metadata("design:type",Function)],e.prototype,"isExpanded",void 0),n.__decorate([r.Input(),n.__metadata("design:type",Function)],e.prototype,"isSelected",void 0),n.__decorate([r.Input(),n.__metadata("design:type",Function)],e.prototype,"children",void 0),n.__decorate([r.Input(),n.__metadata("design:type",Function)],e.prototype,"hasChildren",void 0),e=n.__decorate([r.Component({animations:[o.trigger("toggle",[o.transition("void => *",[o.style({height:0}),o.animate("0.1s ease-in",o.style({height:"*"}))]),o.transition("* => void",[o.style({height:"*"}),o.animate("0.1s ease-in",o.style({height:0}))])])],selector:"[kendoTreeViewGroup]",template:'\n        <li\n            *ngFor="let node of data; let index = index" class="k-item"\n            kendoTreeViewItem\n            [dataItem]="node"\n            [index]="nodeIndex(index)"\n            [parentDataItem]="parentDataItem"\n            [parentIndex]="parentIndex"\n            [isChecked]="isChecked(node, nodeIndex(index))"\n            [isDisabled]="isDisabled(node, nodeIndex(index))"\n            [isExpanded]="isExpanded(node, nodeIndex(index))"\n            [isSelected]="isSelected(node, nodeIndex(index))"\n            [attr.data-treeindex]="nodeIndex(index)"\n        >\n            <div class="k-mid" (mousedown)="$event.preventDefault()">\n                <span\n                    class="k-icon"\n                    [class.k-i-collapse]="isExpanded(node, nodeIndex(index))"\n                    [class.k-i-expand]="!isExpanded(node, nodeIndex(index))"\n                    [kendoTreeViewLoading]="nodeIndex(index)"\n                    (click)="expandNode(nodeIndex(index), node, !isExpanded(node, nodeIndex(index)))"\n                    (mousedown)="$event.preventDefault()"\n                    *ngIf="expandIcons && hasChildren(node)"\n                    >\n                </span>\n                <kendo-checkbox\n                    *ngIf="checkboxes"\n                    [checkState]="isChecked(node, nodeIndex(index))"\n                    (checkStateChange)="checkNode(nodeIndex(index))"\n                    tabindex="-1"\n                ></kendo-checkbox>\n                <span kendoTreeViewItemContent\n                    [attr.data-treeindex]="nodeIndex(index)"\n                    [dataItem]="node"\n                    [index]="nodeIndex(index)"\n                    [initialSelection]="isSelected(node, nodeIndex(index))"\n                    [isSelected]="isSelected"\n                    (mousedown)="$event.preventDefault()"\n                    class="k-in"\n                >\n                    <ng-container [ngSwitch]="hasTemplate">\n                        <ng-container *ngSwitchCase="true">\n                            <ng-template\n                                [ngTemplateOutlet]="nodeTemplateRef" [ngTemplateOutletContext]="{$implicit: node, index: nodeIndex(index)}"\n                                >\n                            </ng-template>\n                        </ng-container>\n                        <ng-container *ngSwitchDefault>\n                            {{nodeText(node)}}\n                        </ng-container>\n                    </ng-container>\n                </span>\n            </div>\n            <ul\n                *ngIf="isExpanded(node, nodeIndex(index)) && hasChildren(node)"\n                kendoTreeViewGroup\n                role="group"\n                [nodes]="fetchChildren(node, nodeIndex(index))"\n                [checkboxes]="checkboxes"\n                [expandIcons]="expandIcons"\n                [children]="children"\n                [hasChildren]="hasChildren"\n                [isChecked]="isChecked"\n                [isDisabled]="isDisabled"\n                [isExpanded]="isExpanded"\n                [isSelected]="isSelected"\n                [nodeTemplateRef]="nodeTemplateRef"\n                [parentIndex]="nodeIndex(index)"\n                [parentDataItem]="node"\n                [textField]="nextFields"\n                [@toggle]="true"\n                >\n            </ul>\n        </li>\n    '}),n.__metadata("design:paramtypes",[s.ExpandStateService,l.LoadingNotificationService,a.IndexBuilderService,c.TreeViewLookupService,d.NavigationService,r.ChangeDetectorRef])],e)}();t.TreeViewGroupComponent=_},function(e,t){e.exports=a},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{
-value:!0});var n=i(12),r=/\[(?:(\d+)|['"](.*?)['"])\]|((?:(?!\[.*?\]|\.).)+)/g,o={};o.undefined=function(e){return e},t.getter=function(e,t){var i=e+t;if(o[i])return o[i];var s=[];return e.replace(r,function(e,t,i,r){s.push(n.isPresent(t)?t:i||r)}),o[i]=function(e){for(var i=e,r=0;r<s.length;r++)if(i=i[s[r]],!n.isPresent(i)&&t)return i;return i},o[i]}},function(e,t){e.exports=c},function(e,t){e.exports=d},function(e,t){e.exports=p},function(e,t){e.exports=u},function(e,t){e.exports=l},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),r=i(3),o=i(1),s=i(12),a=i(17),c=function(e,t){return e.filter(function(e){return e===t}).length>0},d=function(){function e(e,t,i){var n=this;this.treeView=e,this.cdr=t,this.differs=i,this.checkedKeysChange=new r.EventEmitter,this.subscriptions=new a.Subscription(function(){}),this.checkActions={multiple:function(e){return n.checkMultiple(e)},single:function(e){return n.checkSingle(e)}},this._checkedKeys=[],this.subscriptions.add(this.treeView.checkedChange.subscribe(function(e){return n.check(e)})),this.treeView.isChecked=this.isItemChecked.bind(this)}return Object.defineProperty(e.prototype,"isChecked",{set:function(e){this.treeView.isChecked=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"checkedKeys",{get:function(){return this._checkedKeys},set:function(e){this._checkedKeys=e,!this.differ&&e&&(this.differ=this.differs.find(e).create())},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"options",{get:function(){var e={checkChildren:!0,checkParents:!0,enabled:!0,mode:"multiple"};if(!s.isPresent(this.checkable))return e;var t="boolean"==typeof this.checkable,i=t?{enabled:this.checkable}:this.checkable;return Object.assign(e,i)},enumerable:!0,configurable:!0}),e.prototype.ngDoCheck=function(){if(this.differ){var e=this.differ.diff(this.checkedKeys);e&&this.cdr.markForCheck()}},e.prototype.ngOnChanges=function(e){e.checkable&&(this.treeView.checkboxes=this.options.enabled,this.cdr.markForCheck())},e.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},e.prototype.isItemChecked=function(e,t){if(!this.checkKey)return this.isIndexChecked(t);var i=this.checkedKeys.indexOf(this.itemKey({dataItem:e,index:t}));return i>-1?"checked":"none"},e.prototype.isIndexChecked=function(e){var t=this.checkedKeys.filter(function(t){return 0===t.indexOf(e)});if(c(t,e))return"checked";var i=this.options,n=i.mode,r=i.checkParents;return"multiple"===n&&r&&t.length?"indeterminate":"none"},e.prototype.itemKey=function(e){return this.checkKey?"string"==typeof this.checkKey?e.dataItem[this.checkKey]:"function"==typeof this.checkKey?this.checkKey(e):void 0:e.index},e.prototype.check=function(e){var t=this.options,i=t.enabled,n=t.mode,r=this.checkActions[n]||s.noop;i&&r(e)},e.prototype.checkSingle=function(e){var t=this.itemKey(e.item);this.checkedKeys=this.checkedKeys[0]!==t?[t]:[],this.notify()},e.prototype.checkMultiple=function(e){this.checkNode(e),this.options.checkParents&&this.checkParents(e.parent),this.notify()},e.prototype.checkNode=function(e,t){var i=this,n=this.itemKey(e.item),r=this.checkedKeys.indexOf(n),o=r>-1,a=void 0===t?!o:t;!s.isPresent(n)||o&&t||(o?this.checkedKeys.splice(r,1):this.checkedKeys.push(n),this.options.checkChildren&&e.children.map(function(e){return i.checkNode(e,a)}))},e.prototype.checkParents=function(e){for(var t=e;t;){var i=this.itemKey(t.item),n=this.checkedKeys.indexOf(i);this.allChildrenSelected(t.children)?n===-1&&this.checkedKeys.push(i):n>-1&&this.checkedKeys.splice(n,1),t=t.parent}},e.prototype.allChildrenSelected=function(e){var t=this,i=function(e,i){return e&&"checked"===t.isItemChecked(i.dataItem,i.index)};return e.reduce(i,!0)},e.prototype.notify=function(){this.checkedKeysChange.emit(this.checkedKeys.slice())},n.__decorate([r.Input(),n.__metadata("design:type",Function),n.__metadata("design:paramtypes",[Function])],e.prototype,"isChecked",null),n.__decorate([r.Input("checkBy"),n.__metadata("design:type",Object)],e.prototype,"checkKey",void 0),n.__decorate([r.Input(),n.__metadata("design:type",Array),n.__metadata("design:paramtypes",[Array])],e.prototype,"checkedKeys",null),n.__decorate([r.Input("kendoTreeViewCheckable"),n.__metadata("design:type",Object)],e.prototype,"checkable",void 0),n.__decorate([r.Output(),n.__metadata("design:type",r.EventEmitter)],e.prototype,"checkedKeysChange",void 0),e=n.__decorate([r.Directive({selector:"[kendoTreeViewCheckable]"}),n.__metadata("design:paramtypes",[o.TreeViewComponent,r.ChangeDetectorRef,r.IterableDiffers])],e)}();t.CheckDirective=d},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),r=i(3),o=i(1),s=function(){function e(e,t){var i=this;this.treeView=e,this.cdr=t,this.disabledKeys=[],this.treeView.isDisabled=function(e,t){return i.disabledKeys.indexOf(i.itemKey({dataItem:e,index:t}))>-1}}return Object.defineProperty(e.prototype,"isDisabled",{set:function(e){this.treeView.isDisabled=e},enumerable:!0,configurable:!0}),e.prototype.ngOnChanges=function(e){void 0===e&&(e={});var t=e.disabledKeys;t&&!t.firstChange&&this.cdr.markForCheck()},e.prototype.itemKey=function(e){return this.disableKey?"string"==typeof this.disableKey?e.dataItem[this.disableKey]:"function"==typeof this.disableKey?this.disableKey(e):void 0:e.index},n.__decorate([r.Input(),n.__metadata("design:type",Function),n.__metadata("design:paramtypes",[Function])],e.prototype,"isDisabled",null),n.__decorate([r.Input("kendoTreeViewDisable"),n.__metadata("design:type",Object)],e.prototype,"disableKey",void 0),n.__decorate([r.Input(),n.__metadata("design:type",Array)],e.prototype,"disabledKeys",void 0),e=n.__decorate([r.Directive({selector:"[kendoTreeViewDisable]"}),n.__metadata("design:paramtypes",[o.TreeViewComponent,r.ChangeDetectorRef])],e)}();t.DisableDirective=s},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),r=i(3),o=i(1),s=i(17),a=i(34),c=i(35),d=function(){function e(e,t,i){var o=this;this.treeView=e,this.cdr=t,this.differs=i,this.expandedKeysChange=new r.EventEmitter,this.subscriptions=new s.Subscription(function(){}),this._expandedKeys=[],this.subscriptions.add(a.merge(this.treeView.expand.pipe(c.map(function(e){return n.__assign({expand:!0},e)})),this.treeView.collapse.pipe(c.map(function(e){return n.__assign({expand:!1},e)}))).subscribe(this.toggleExpand.bind(this))),this.treeView.isExpanded=function(e,t){return o.expandedKeys.indexOf(o.itemKey({dataItem:e,index:t}))>-1}}return Object.defineProperty(e.prototype,"isExpanded",{set:function(e){this.treeView.isExpanded=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"expandedKeys",{get:function(){return this._expandedKeys},set:function(e){this._expandedKeys=e,!this.differ&&e&&(this.differ=this.differs.find(e).create())},enumerable:!0,configurable:!0}),e.prototype.ngDoCheck=function(){if(this.differ){var e=this.differ.diff(this.expandedKeys);e&&this.cdr.markForCheck()}},e.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},e.prototype.itemKey=function(e){if(this.expandKey){if("string"==typeof this.expandKey)return e.dataItem[this.expandKey];if("function"==typeof this.expandKey)return this.expandKey(e)}return e.index},e.prototype.toggleExpand=function(e){var t=e.index,i=e.dataItem,n=e.expand,r=this.itemKey({index:t,dataItem:i}),o=this.expandedKeys.indexOf(r),s=!1;o>-1&&!n?(this.expandedKeys.splice(o,1),s=!0):o===-1&&n&&(this.expandedKeys.push(r),s=!0),s&&this.expandedKeysChange.emit(this.expandedKeys)},n.__decorate([r.Input(),n.__metadata("design:type",Function),n.__metadata("design:paramtypes",[Function])],e.prototype,"isExpanded",null),n.__decorate([r.Input("expandBy"),n.__metadata("design:type",Object)],e.prototype,"expandKey",void 0),n.__decorate([r.Output(),n.__metadata("design:type",r.EventEmitter)],e.prototype,"expandedKeysChange",void 0),n.__decorate([r.Input(),n.__metadata("design:type",Array),n.__metadata("design:paramtypes",[Array])],e.prototype,"expandedKeys",null),e=n.__decorate([r.Directive({selector:"[kendoTreeViewExpandable]"}),n.__metadata("design:paramtypes",[o.TreeViewComponent,r.ChangeDetectorRef,r.IterableDiffers])],e)}();t.ExpandDirective=d},function(e,t){e.exports=h},function(e,t){e.exports=f},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),r=i(3),o=i(1),s=i(12),a=i(17),c=function(){function e(e,t,i){var n=this;this.treeView=e,this.cdr=t,this.differs=i,this.selectedKeysChange=new r.EventEmitter,this.subscriptions=new a.Subscription(function(){}),this.selectActions={multiple:function(e){return n.selectMultiple(e)},single:function(e){return n.selectSingle(e)}},this._selectedKeys=[],this.subscriptions.add(this.treeView.selectionChange.subscribe(this.select.bind(this))),this.treeView.isSelected=function(e,t){return n.selectedKeys.indexOf(n.itemKey({dataItem:e,index:t}))>-1}}return Object.defineProperty(e.prototype,"isSelected",{set:function(e){this.treeView.isSelected=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"selectedKeys",{get:function(){return this._selectedKeys},set:function(e){this._selectedKeys=e,!this.differ&&e&&(this.differ=this.differs.find(e).create())},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"getAriaMultiselectable",{get:function(){return"multiple"===this.options.mode},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"options",{get:function(){var e={enabled:!0,mode:"single"};if(!s.isPresent(this.selection))return e;var t="boolean"==typeof this.selection,i=t?{enabled:this.selection}:this.selection;return Object.assign(e,i)},enumerable:!0,configurable:!0}),e.prototype.ngDoCheck=function(){if(this.differ){var e=this.differ.diff(this.selectedKeys);e&&this.cdr.markForCheck()}},e.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},e.prototype.itemKey=function(e){return this.selectKey?"string"==typeof this.selectKey?e.dataItem[this.selectKey]:"function"==typeof this.selectKey?this.selectKey(e):void 0:e.index},e.prototype.select=function(e){var t=this.options,i=t.enabled,n=t.mode,r=this.selectActions[n]||s.noop;i&&r(e)},e.prototype.selectSingle=function(e){var t=this.itemKey(e);this.selectedKeys[0]!==t&&(this.selectedKeys=[t],this.notify())},e.prototype.selectMultiple=function(e){var t=this.itemKey(e),i=this.selectedKeys.indexOf(t),n=i>-1;s.isPresent(t)&&(n?this.selectedKeys.splice(i,1):this.selectedKeys.push(t),this.notify())},e.prototype.notify=function(){this.selectedKeysChange.emit(this.selectedKeys.slice())},n.__decorate([r.Input(),n.__metadata("design:type",Function),n.__metadata("design:paramtypes",[Function])],e.prototype,"isSelected",null),n.__decorate([r.Input("selectBy"),n.__metadata("design:type",Object)],e.prototype,"selectKey",void 0),n.__decorate([r.Input("kendoTreeViewSelectable"),n.__metadata("design:type",Object)],e.prototype,"selection",void 0),n.__decorate([r.Input(),n.__metadata("design:type",Array),n.__metadata("design:paramtypes",[Array])],e.prototype,"selectedKeys",null),n.__decorate([r.Output(),n.__metadata("design:type",r.EventEmitter)],e.prototype,"selectedKeysChange",void 0),n.__decorate([r.HostBinding("attr.aria-multiselectable"),n.__metadata("design:type",Boolean),n.__metadata("design:paramtypes",[])],e.prototype,"getAriaMultiselectable",null),e=n.__decorate([r.Directive({selector:"[kendoTreeViewSelectable]"}),n.__metadata("design:paramtypes",[o.TreeViewComponent,r.ChangeDetectorRef,r.IterableDiffers])],e)}();t.SelectDirective=c},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),r=i(3),o=i(1),s=i(25),a=i(12),c=i(16),d=i(20),p=function(){function e(e){this.treeView=e}return Object.defineProperty(e.prototype,"childrenField",{get:function(){return this._childrenField},set:function(e){if(!e)throw new Error("'childrenField' cannot be empty");this._childrenField=e},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){var e=this;a.isPresent(this.childrenField)&&(this.treeView.children=function(t){return d.of(s.getter(e.childrenField,!0)(t))},this.treeView.hasChildren=function(t){return e.childrenField in t},this.treeView.isExpanded!==c.isExpanded&&(this.treeView.expandIcons=!0))},n.__decorate([r.Input(),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[String])],e.prototype,"childrenField",null),e=n.__decorate([r.Directive({selector:"[kendoTreeViewHierarchyBinding]"}),n.__metadata("design:paramtypes",[o.TreeViewComponent])],e)}();t.HierarchyBindingDirective=p},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),r=i(3),o=i(7),s=i(9),a=i(20),c=i(39),d=i(40),p=i(41),u=i(42),l=i(29),h=function(){function e(e,t,i){this.expandService=e,this.loadingService=t,this.cd=i,this._loading=!1}return Object.defineProperty(e.prototype,"loading",{get:function(){return this._loading},set:function(e){this._loading=e,this.cd.markForCheck()},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){var e=this,t=this.loadingService.changes.pipe(d.filter(function(t){return t===e.index}));this.subscription=this.expandService.changes.pipe(d.filter(function(t){var i=t.index;return i===e.index}),l.tap(function(t){var i=t.expand;!i&&e.loading&&(e.loading=!1)}),d.filter(function(e){var t=e.expand;return t}),p.switchMap(function(e){return a.of(e).pipe(c.delay(100),u.takeUntil(t))})).subscribe(function(){return e.loading=!0}),this.subscription.add(t.subscribe(function(){return e.loading=!1}))},e.prototype.ngOnDestroy=function(){this.subscription&&this.subscription.unsubscribe()},n.__decorate([r.HostBinding("class.k-i-loading"),n.__metadata("design:type",Boolean),n.__metadata("design:paramtypes",[Boolean])],e.prototype,"loading",null),n.__decorate([r.Input("kendoTreeViewLoading"),n.__metadata("design:type",String)],e.prototype,"index",void 0),e=n.__decorate([r.Directive({selector:"[kendoTreeViewLoading]"}),n.__metadata("design:paramtypes",[o.ExpandStateService,s.LoadingNotificationService,r.ChangeDetectorRef])],e)}();t.LoadingIndicatorDirective=h},function(e,t){e.exports=v},function(e,t){e.exports=y},function(e,t){e.exports=m},function(e,t){e.exports=_},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),r=i(3),o=i(1),s=i(25),a=i(12),c=i(44),d=i(20),p=function(e,t,i){return t.filter(function(t){return e(t)===i})},u=function(){function e(e){this.treeView=e,this.originalData=[]}return Object.defineProperty(e.prototype,"nodes",{set:function(e){if(this.originalData=e||[],a.isNullOrEmptyString(this.parentIdField))this.treeView.nodes=this.originalData.slice(0);else{var t=s.getter(this.parentIdField,!0);this.treeView.nodes=this.originalData.filter(c.compose(a.isBlank,t))}},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){var e=this;if(a.isPresent(this.parentIdField)&&a.isPresent(this.idField)){var t=function(t){return p(s.getter(e.parentIdField,!0),e.originalData||[],s.getter(e.idField,!0)(t))};this.treeView.hasChildren=function(e){return t(e).length>0},this.treeView.children=function(e){return d.of(t(e))}}},e.prototype.ngOnChanges=function(e){a.isChanged("parentIdField",e,!1)&&(this.nodes=this.originalData)},n.__decorate([r.Input(),n.__metadata("design:type",Array),n.__metadata("design:paramtypes",[Array])],e.prototype,"nodes",null),n.__decorate([r.Input(),n.__metadata("design:type",String)],e.prototype,"parentIdField",void 0),n.__decorate([r.Input(),n.__metadata("design:type",String)],e.prototype,"idField",void 0),e=n.__decorate([r.Directive({selector:"[kendoTreeViewFlatDataBinding]"}),n.__metadata("design:paramtypes",[o.TreeViewComponent])],e)}();t.FlatDataBindingDirective=u},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.compose=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return function(t){return e.reduceRight(function(e,t){return t(e)},t)}}},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),r=i(3),o=i(10),s=i(14),a=i(5),c=i(7),d=i(8),p=i(15),u=i(12),l=i(40),h=function(e,t){return{dataItem:t,index:e}},f=function(){function e(e,t,i,n,r,o,s,a){this.element=e,this.focusService=t,this.expandService=i,this.navigationService=n,this.selectionService=r,this.lookupService=o,this.renderer=s,this.ib=a,this.isDisabled=!1,this.ariaChecked="false",this.isInitialized=!1,this.subscriptions=[],this.subscribe()}return Object.defineProperty(e.prototype,"isChecked",{set:function(e){"checked"===e?this.ariaChecked="true":"indeterminate"===e?this.ariaChecked="mixed":this.ariaChecked="false"},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isExpanded",{get:function(){return this._isExpanded||!1},set:function(e){this._isExpanded=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isSelected",{get:function(){return this._isSelected||!1},set:function(e){this._isSelected=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"treeItem",{get:function(){return h(this.index,this.dataItem)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"parentTreeItem",{get:function(){return this.parentDataItem?h(this.parentIndex,this.parentDataItem):null},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){this.lookupService.registerItem(this.treeItem,this.parentTreeItem),this.registerNavigationItem(),this.isInitialized=!0,this.initEvents(),this.setAttribute("role","treeitem"),this.setAriaAttributes(),this.setDisabledClass(),this.updateTabIndex()},e.prototype.ngOnChanges=function(e){var t=e.index,i=e.isDisabled;(t||e.isChecked||e.isExpanded||e.isSelected)&&this.setAriaAttributes(),i&&this.setDisabledClass(),this.moveLookupItem(e),this.moveNavigationItem(t),this.disableNavigationItem(i)},e.prototype.ngOnDestroy=function(){this.navigationService.unregisterItem(this.index),this.subscriptions=this.subscriptions.reduce(function(e,t){return t.unsubscribe(),e},[])},e.prototype.subscribe=function(){var e=this;this.subscriptions=[this.navigationService.moves.subscribe(function(){e.updateTabIndex(),e.focusItem()}),this.navigationService.expands.pipe(l.filter(function(t){var i=t.index;return i===e.index&&!e.isDisabled})).subscribe(function(t){var i=t.expand;return e.expand(i)})]},e.prototype.initEvents=function(){var e=this;["focusin","focusout","focus","blur"].forEach(function(t){e.subscriptions.push(e.listen(t,function(){return e.focusService[t](e.index)}))})},e.prototype.listen=function(e,t){return{unsubscribe:this.renderer.listen(this.element.nativeElement,e,t)}},e.prototype.registerNavigationItem=function(){this.isDisabled||(this.navigationService.registerItem(this.index),this.activateItem())},e.prototype.activateItem=function(){var e=this.navigationService,t=this.selectionService,i=this.index;t.setFirstSelected(i,this.isSelected),!e.isActive(i)&&t.isFirstSelected(i)&&e.activateIndex(i)},e.prototype.expand=function(e){this.expandService[e?"expand":"collapse"](this.index,this.dataItem)},e.prototype.isFocusable=function(){return!this.isDisabled&&this.navigationService.isFocusable(this.index)},e.prototype.focusItem=function(){this.isInitialized&&!this.isDisabled&&this.navigationService.isActive(this.index)&&this.element.nativeElement.focus()},e.prototype.moveLookupItem=function(e){void 0===e&&(e={});var t=e.dataItem,i=e.index,n=e.parentDataItem,r=e.parentIndex;if((!i||!i.firstChange||this.lookupService.hasItem(this.index))&&(t||i||n||r)){var o=(i||{}).previousValue||this.index;this.lookupService.replaceItem(o,this.treeItem,this.parentTreeItem)}},e.prototype.moveNavigationItem=function(e){void 0===e&&(e={});var t=e.currentValue,i=e.firstChange,n=e.previousValue;!i&&u.isPresent(t)&&u.isPresent(n)&&(this.navigationService.unregisterItem(n),this.navigationService.registerItem(t))},e.prototype.disableNavigationItem=function(e){if(e&&!e.firstChange){var t=this.navigationService;this.isDisabled?(t.activateClosest(this.index),t.unregisterItem(this.index)):(t.registerItem(this.index),t.activateFocusable())}},e.prototype.setAriaAttributes=function(){this.setAttribute("aria-level",this.ib.level(this.index).toString()),this.setAttribute("aria-expanded",this.isExpanded.toString()),this.setAttribute("aria-selected",this.isSelected.toString()),this.setAttribute("aria-checked",this.ariaChecked)},e.prototype.setDisabledClass=function(){this.setClass("k-state-disabled",this.isDisabled)},e.prototype.setClass=function(e,t){var i=t?"addClass":"removeClass";this.renderer[i](this.element.nativeElement,e)},e.prototype.updateTabIndex=function(){this.setAttribute("tabIndex",this.isFocusable()?"0":"-1")},e.prototype.setAttribute=function(e,t){this.renderer.setAttribute(this.element.nativeElement,e,t)},n.__decorate([r.Input(),n.__metadata("design:type",Object)],e.prototype,"dataItem",void 0),n.__decorate([r.Input(),n.__metadata("design:type",String)],e.prototype,"index",void 0),n.__decorate([r.Input(),n.__metadata("design:type",Object)],e.prototype,"parentDataItem",void 0),n.__decorate([r.Input(),n.__metadata("design:type",String)],e.prototype,"parentIndex",void 0),n.__decorate([r.Input(),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[String])],e.prototype,"isChecked",null),n.__decorate([r.Input(),n.__metadata("design:type",Boolean)],e.prototype,"isDisabled",void 0),n.__decorate([r.Input(),n.__metadata("design:type",Boolean),n.__metadata("design:paramtypes",[Boolean])],e.prototype,"isExpanded",null),n.__decorate([r.Input(),n.__metadata("design:type",Boolean),n.__metadata("design:paramtypes",[Boolean])],e.prototype,"isSelected",null),e=n.__decorate([r.Directive({selector:"[kendoTreeViewItem]"}),n.__metadata("design:paramtypes",[r.ElementRef,a.FocusStateService,c.ExpandStateService,o.NavigationService,s.SelectionService,p.TreeViewLookupService,r.Renderer2,d.IndexBuilderService])],e)}();t.TreeViewItemDirective=f},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),r=i(3),o=i(10),s=i(14),a=i(17),c=i(40),d=function(){function e(e,t,i,n){var r=this;this.element=e,this.navigationService=t,this.selectionService=i,this.renderer=n,this.initialSelection=!1,this.subscriptions=new a.Subscription(function(){}),this.subscriptions.add(this.navigationService.moves.subscribe(this.updateItem.bind(this))),this.subscriptions.add(this.navigationService.selects.pipe(c.filter(function(e){return e===r.index})).subscribe(function(e){return r.selectionService.select(e,r.dataItem)})),this.subscriptions.add(this.selectionService.changes.subscribe(function(){r.updateSelection(r.isSelected(r.dataItem,r.index))}))}return e.prototype.ngOnChanges=function(e){e.initialSelection&&this.updateSelection(this.initialSelection)},e.prototype.ngOnInit=function(){this.updateSelection(this.initialSelection)},e.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},e.prototype.updateItem=function(){this.render(this.navigationService.isActive(this.index),"k-state-focused")},e.prototype.updateSelection=function(e){this.render(e,"k-state-selected")},e.prototype.render=function(e,t){var i=e?"addClass":"removeClass";this.renderer[i](this.element.nativeElement,t)},n.__decorate([r.Input(),n.__metadata("design:type",Object)],e.prototype,"dataItem",void 0),n.__decorate([r.Input(),n.__metadata("design:type",String)],e.prototype,"index",void 0),n.__decorate([r.Input(),n.__metadata("design:type",Boolean)],e.prototype,"initialSelection",void 0),n.__decorate([r.Input(),n.__metadata("design:type",Function)],e.prototype,"isSelected",void 0),e=n.__decorate([r.Directive({selector:"[kendoTreeViewItemContent]"}),n.__metadata("design:paramtypes",[r.ElementRef,o.NavigationService,s.SelectionService,r.Renderer2])],e)}();t.TreeViewItemContentDirective=d},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),r=i(3),o=i(48),s=[o.CheckBoxComponent],a=function(){function e(){}return e=n.__decorate([r.NgModule({declarations:[s],exports:[s]})],e)}();t.CheckBoxModule=a},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),r=i(3),o=i(12),s=function(){function e(e,t){this.element=e,this.renderer=t,this.id="_"+o.guid(),this.checkState="none",this.tabindex=0,this.checkStateChange=new r.EventEmitter}return Object.defineProperty(e.prototype,"classWrapper",{get:function(){return!0},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"indeterminate",{get:function(){return"indeterminate"===this.checkState},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"checked",{get:function(){return"checked"===this.checkState},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){this.renderer.removeAttribute(this.element.nativeElement,"tabindex")},e.prototype.handleChange=function(e){this.checkStateChange.emit(e.target.checked?"checked":"none")},n.__decorate([r.HostBinding("class.k-checkbox-wrapper"),n.__metadata("design:type",Boolean),n.__metadata("design:paramtypes",[])],e.prototype,"classWrapper",null),n.__decorate([r.Input(),n.__metadata("design:type",String)],e.prototype,"id",void 0),n.__decorate([r.Input(),n.__metadata("design:type",String)],e.prototype,"checkState",void 0),n.__decorate([r.Input(),n.__metadata("design:type",String)],e.prototype,"labelText",void 0),n.__decorate([r.Input(),n.__metadata("design:type",Number)],e.prototype,"tabindex",void 0),n.__decorate([r.Output(),n.__metadata("design:type",r.EventEmitter)],e.prototype,"checkStateChange",void 0),e=n.__decorate([r.Component({selector:"kendo-checkbox",template:'\n        <input\n            class="k-checkbox"\n            type="checkbox"\n            [id]="id"\n            [checked]="checked"\n            [indeterminate]="indeterminate"\n            [tabindex]="tabindex"\n            (change)="handleChange($event)"\n        />\n        <label\n            class="k-checkbox-label"\n            tabindex="-1"\n            [for]="id"\n        >{{labelText}}</label>\n    '}),n.__metadata("design:paramtypes",[r.ElementRef,r.Renderer2])],e)}();t.CheckBoxComponent=s}])});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("tslib"),require("@angular/core"),require("rxjs/Subject"),require("rxjs/Subscription"),require("rxjs/BehaviorSubject"),require("rxjs/operators/auditTime"),require("rxjs/observable/of"),require("@angular/animations"),require("rxjs/Observable"),require("rxjs/observable/empty"),require("rxjs/operators/catchError"),require("rxjs/operators/tap"),require("@angular/common"),require("rxjs/operators/filter"),require("rxjs/observable/merge"),require("rxjs/operators/map"),require("rxjs/operators/delay"),require("rxjs/operators/switchMap"),require("rxjs/operators/takeUntil")):"function"==typeof define&&define.amd?define(["tslib","@angular/core","rxjs/Subject","rxjs/Subscription","rxjs/BehaviorSubject","rxjs/operators/auditTime","rxjs/observable/of","@angular/animations","rxjs/Observable","rxjs/observable/empty","rxjs/operators/catchError","rxjs/operators/tap","@angular/common","rxjs/operators/filter","rxjs/observable/merge","rxjs/operators/map","rxjs/operators/delay","rxjs/operators/switchMap","rxjs/operators/takeUntil"],t):"object"==typeof exports?exports.KendoAngularTreeview=t(require("tslib"),require("@angular/core"),require("rxjs/Subject"),require("rxjs/Subscription"),require("rxjs/BehaviorSubject"),require("rxjs/operators/auditTime"),require("rxjs/observable/of"),require("@angular/animations"),require("rxjs/Observable"),require("rxjs/observable/empty"),require("rxjs/operators/catchError"),require("rxjs/operators/tap"),require("@angular/common"),require("rxjs/operators/filter"),require("rxjs/observable/merge"),require("rxjs/operators/map"),require("rxjs/operators/delay"),require("rxjs/operators/switchMap"),require("rxjs/operators/takeUntil")):e.KendoAngularTreeview=t(e.tslib,e["@angular/core"],e["rxjs/Subject"],e["rxjs/Subscription"],e["rxjs/BehaviorSubject"],e["rxjs/operators/auditTime"],e["rxjs/observable/of"],e["@angular/animations"],e["rxjs/Observable"],e["rxjs/observable/empty"],e["rxjs/operators/catchError"],e["rxjs/operators/tap"],e["@angular/common"],e["rxjs/operators/filter"],e["rxjs/observable/merge"],e["rxjs/operators/map"],e["rxjs/operators/delay"],e["rxjs/operators/switchMap"],e["rxjs/operators/takeUntil"])}(this,function(e,t,i,n,r,o,s,a,d,c,p,u,l,h,f,v,y,m,_){return function(e){function t(n){if(i[n])return i[n].exports;var r=i[n]={exports:{},id:n,loaded:!1};return e[n].call(r.exports,r,r.exports,t),r.loaded=!0,r.exports}var i={};return t.m=e,t.c=i,t.p="",t(0)}([function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(1);t.TreeViewComponent=n.TreeViewComponent;var r=i(22);t.TreeViewModule=r.TreeViewModule;var o=i(4);t.NodeTemplateDirective=o.NodeTemplateDirective;var s=i(32);t.CheckDirective=s.CheckDirective;var a=i(34);t.DisableDirective=a.DisableDirective;var d=i(35);t.ExpandDirective=d.ExpandDirective;var c=i(38);t.SelectDirective=c.SelectDirective;var p=i(39);t.HierarchyBindingDirective=p.HierarchyBindingDirective;var u=i(44);t.FlatDataBindingDirective=u.FlatDataBindingDirective},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),r=i(3),o=i(4),s=i(5),a=i(7),d=i(8),c=i(9),p=i(10),u=i(11),l=i(15),h=i(16),f=i(13),v=i(17),y=i(18),m=i(19),_=i(20),g=i(21),b=function(e){return/k-i-collapse|k-i-expand/.test(e.className)},x=[s.FocusStateService,a.ExpandStateService,d.IndexBuilderService,h.TreeViewLookupService,c.LoadingNotificationService,p.NodeChildrenService,u.NavigationService,l.SelectionService],I=function(){function e(e,t,i,n,o,s,a){this.focusService=e,this.expandService=t,this.navigationService=i,this.nodeChildrenService=n,this.selectionService=o,this.treeViewLookupService=s,this.element=a,this.classNames=!0,this.childrenLoaded=new r.EventEmitter,this.onBlur=new r.EventEmitter,this.onFocus=new r.EventEmitter,this.expand=new r.EventEmitter,this.collapse=new r.EventEmitter,this.checkedChange=new r.EventEmitter,this.selectionChange=new r.EventEmitter,this.isDisabled=v.isDisabled,this.navigable=!0,this.children=function(){return g.of([])},this.checkboxes=!1,this.expandIcons=!1,this.isActive=!1,this.data=new m.BehaviorSubject([]),this._animate=!0,this.resolvedPromise=Promise.resolve(null),this.subscriptions=new y.Subscription(function(){})}return Object.defineProperty(e.prototype,"role",{get:function(){return"tree"},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"animate",{get:function(){return!this._animate},set:function(e){this._animate=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"nodes",{set:function(e){this.data.next(e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"hasChildren",{get:function(){return this._hasChildren||v.hasChildren},set:function(e){this._hasChildren=e,this.expandIcons=Boolean(this._isExpanded&&this._hasChildren)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isChecked",{get:function(){return this._isChecked||v.isChecked},set:function(e){this._isChecked=e,this.checkboxes=Boolean(this._isChecked)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isExpanded",{get:function(){return this._isExpanded||v.isExpanded},set:function(e){this._isExpanded=e,this.expandIcons=Boolean(this._isExpanded&&this._hasChildren)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isSelected",{get:function(){return this._isSelected||v.isSelected},set:function(e){this._isSelected=e},enumerable:!0,configurable:!0}),e.prototype.handleKeydown=function(e){this.isActive&&this.navigationService.move(e)},e.prototype.handleClick=function(e){var t=this,i=e.target,n=f.nodeId(f.closestNode(i));n&&!this.focusService.hasActiveContent()&&this.focusin(n).then(function(){t.isActive&&!b(i)&&t.navigationService.selectIndex(n)})},e.prototype.ngOnChanges=function(e){this.navigationService.navigable=Boolean(this.navigable)},e.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},e.prototype.ngOnInit=function(){var e=this;this.subscriptions.add(this.nodeChildrenService.changes.subscribe(function(t){return e.childrenLoaded.emit(t)})),this.subscriptions.add(this.focusService.changes.pipe(_.auditTime(1)).subscribe(function(t){var i=t.focused,n=t.index;return i?e.focusin(n):e.focusout(n)})),this.subscriptions.add(this.expandService.changes.subscribe(function(t){var i=t.index,n=t.dataItem,r=t.expand;return r?e.expand.emit({index:i,dataItem:n}):e.collapse.emit({index:i,dataItem:n})})),this.subscriptions.add(this.navigationService.checks.subscribe(function(t){return e.checkedChange.emit(e.treeViewLookupService.itemLookup(t))})),this.subscriptions.add(this.selectionService.changes.subscribe(function(t){return e.selectionChange.emit(t)}))},e.prototype.blur=function(){if(f.isDocumentAvailable()){var e=f.focusableNode(this.element);document.activeElement===e&&e.blur()}},e.prototype.focus=function(e){this.navigationService.activateIndex(e);var t=f.focusableNode(this.element);t&&t.focus()},e.prototype.focusin=function(e){var t=this;if(e)return this.navigationService.activateIndex(e),this.resolvedPromise.then(function(){!t.isActive&&t.navigationService.isActive(e)&&(t.isActive=!0,t.onFocus.emit())})},e.prototype.focusout=function(e){var t=this;return this.resolvedPromise.then(function(){t.isActive&&t.navigationService.isActive(e)&&(t.navigationService.deactivate(),t.isActive=!1,t.onBlur.emit())})},n.__decorate([r.HostBinding("class.k-widget"),r.HostBinding("class.k-treeview"),n.__metadata("design:type",Boolean)],e.prototype,"classNames",void 0),n.__decorate([r.HostBinding("attr.role"),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[])],e.prototype,"role",null),n.__decorate([r.Input(),r.HostBinding("@.disabled"),n.__metadata("design:type",Boolean),n.__metadata("design:paramtypes",[Boolean])],e.prototype,"animate",null),n.__decorate([r.Output(),n.__metadata("design:type",r.EventEmitter)],e.prototype,"childrenLoaded",void 0),n.__decorate([r.Output("blur"),n.__metadata("design:type",r.EventEmitter)],e.prototype,"onBlur",void 0),n.__decorate([r.Output("focus"),n.__metadata("design:type",r.EventEmitter)],e.prototype,"onFocus",void 0),n.__decorate([r.Output(),n.__metadata("design:type",r.EventEmitter)],e.prototype,"expand",void 0),n.__decorate([r.Output(),n.__metadata("design:type",r.EventEmitter)],e.prototype,"collapse",void 0),n.__decorate([r.Output(),n.__metadata("design:type",r.EventEmitter)],e.prototype,"checkedChange",void 0),n.__decorate([r.Output(),n.__metadata("design:type",r.EventEmitter)],e.prototype,"selectionChange",void 0),n.__decorate([r.ContentChild(o.NodeTemplateDirective),n.__metadata("design:type",o.NodeTemplateDirective)],e.prototype,"nodeTemplate",void 0),n.__decorate([r.Input(),n.__metadata("design:type",Array),n.__metadata("design:paramtypes",[Array])],e.prototype,"nodes",null),n.__decorate([r.Input(),n.__metadata("design:type",Object)],e.prototype,"textField",void 0),n.__decorate([r.Input(),n.__metadata("design:type",Function),n.__metadata("design:paramtypes",[Function])],e.prototype,"hasChildren",null),n.__decorate([r.Input(),n.__metadata("design:type",Function),n.__metadata("design:paramtypes",[Function])],e.prototype,"isChecked",null),n.__decorate([r.Input(),n.__metadata("design:type",Function)],e.prototype,"isDisabled",void 0),n.__decorate([r.Input(),n.__metadata("design:type",Function),n.__metadata("design:paramtypes",[Function])],e.prototype,"isExpanded",null),n.__decorate([r.Input(),n.__metadata("design:type",Function),n.__metadata("design:paramtypes",[Function])],e.prototype,"isSelected",null),n.__decorate([r.Input(),n.__metadata("design:type",Boolean)],e.prototype,"navigable",void 0),n.__decorate([r.Input(),n.__metadata("design:type",Function)],e.prototype,"children",void 0),n.__decorate([r.HostListener("keydown",["$event"]),n.__metadata("design:type",Function),n.__metadata("design:paramtypes",[Object]),n.__metadata("design:returntype",void 0)],e.prototype,"handleKeydown",null),n.__decorate([r.HostListener("click",["$event"]),n.__metadata("design:type",Function),n.__metadata("design:paramtypes",[Object]),n.__metadata("design:returntype",void 0)],e.prototype,"handleClick",null),e=n.__decorate([r.Component({changeDetection:r.ChangeDetectionStrategy.Default,exportAs:"kendoTreeView",providers:x,selector:"kendo-treeview",template:'\n    <ul class="k-treeview-lines"\n      kendoTreeViewGroup\n      role="group"\n      [checkboxes]="checkboxes"\n      [expandIcons]="expandIcons"\n      [children]="children"\n      [hasChildren]="hasChildren"\n      [isChecked]="isChecked"\n      [isDisabled]="isDisabled"\n      [isExpanded]="isExpanded"\n      [isSelected]="isSelected"\n      [nodeTemplateRef]="nodeTemplate?.templateRef"\n      [nodes]="data"\n      [textField]="textField"\n      >\n    </ul>\n  '}),n.__metadata("design:paramtypes",[s.FocusStateService,a.ExpandStateService,u.NavigationService,p.NodeChildrenService,l.SelectionService,h.TreeViewLookupService,r.ElementRef])],e)}();t.TreeViewComponent=I},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(2),r=i(3),o=function(){function e(e){this.templateRef=e}return e=n.__decorate([r.Directive({selector:"[kendoTreeViewNodeTemplate]"}),n.__param(0,r.Optional()),n.__metadata("design:paramtypes",[r.TemplateRef])],e)}();t.NodeTemplateDirective=o},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),r=i(3),o=i(6),s=function(){function e(){this.changes=new o.Subject,this.activeContent=!1,this.isActive=!1}return e.prototype.hasActiveContent=function(){return!this.isActive&&this.activeContent},e.prototype.focus=function(e){this.isActive=!0,this.changes.next({focused:!0,index:e})},e.prototype.blur=function(e){this.isActive=!1,this.changes.next({focused:!1,index:e})},e.prototype.focusin=function(e){this.activeContent=!0},e.prototype.focusout=function(e){this.activeContent=!1},e=n.__decorate([r.Injectable()],e)}();t.FocusStateService=s},function(e,t){e.exports=i},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),r=i(3),o=i(6),s=function(){function e(){this.changes=new o.Subject}return e.prototype.expand=function(e,t){this.changes.next({dataItem:t,index:e,expand:!0})},e.prototype.collapse=function(e,t){this.changes.next({dataItem:t,index:e,expand:!1})},e=n.__decorate([r.Injectable()],e)}();t.ExpandStateService=s},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),r=i(3),o=function(){function e(){this.INDEX_SEPARATOR="_"}return e.prototype.nodeIndex=function(e,t){return void 0===e&&(e=""),void 0===t&&(t=""),""+t+(t?this.INDEX_SEPARATOR:"")+e},e.prototype.indexForLevel=function(e,t){return e.split(this.INDEX_SEPARATOR).slice(0,t).join(this.INDEX_SEPARATOR)},e.prototype.lastLevelIndex=function(e){void 0===e&&(e="");var t=e.split(this.INDEX_SEPARATOR);return t.length?parseInt(t[t.length-1],10):NaN},e.prototype.level=function(e){return e.split(this.INDEX_SEPARATOR).length},e=n.__decorate([r.Injectable()],e)}();t.IndexBuilderService=o},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),r=i(3),o=i(6),s=function(){function e(){this.changes=new o.Subject}return e.prototype.notifyLoaded=function(e){this.changes.next(e)},e=n.__decorate([r.Injectable()],e)}();t.LoadingNotificationService=s},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),r=i(3),o=i(6),s=function(){function e(){this.changes=new o.Subject}return e.prototype.childrenLoaded=function(e,t){this.changes.next({item:e,children:t})},e=n.__decorate([r.Injectable()],e)}();t.NodeChildrenService=s},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),r=i(3),o=i(12),s=i(13),a=i(14),d=i(6),c=function(e,t){return e[t]||e},p=function(){function e(){var e=this;this.expands=new d.Subject,this.moves=new d.Subject,this.checks=new d.Subject,this.selects=new d.Subject,this.navigable=!0,this.actions=(t={},t[a.Keys.up]=function(){return e.activate(c(e.focusableItem,"prev"))},t[a.Keys.down]=function(){return e.activate(c(e.focusableItem,"next"))},t[a.Keys.left]=function(){return e.expand({expand:!1,intercept:e.moveToParent.bind(e)})},t[a.Keys.right]=function(){return e.expand({expand:!0,intercept:e.moveToChild.bind(e)})},t[a.Keys.home]=function(){return e.activate(e.model.firstNode())},t[a.Keys.end]=function(){return e.activate(e.model.lastNode())},t[a.Keys.enter]=function(){return e.navigable&&e.selectIndex(s.nodeIndex(e.activeItem))},t[a.Keys.space]=function(){return e.navigable&&e.checkIndex(s.nodeIndex(e.activeItem))},t),this.isFocused=!1,this._model=new o.NavigationModel;var t}return Object.defineProperty(e.prototype,"model",{get:function(){return this._model},set:function(e){this._model=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"activeIndex",{get:function(){return s.nodeIndex(this.activeItem)||null},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"focusableItem",{get:function(){return this.activeItem||this.model.firstNode()},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isActiveExpanded",{get:function(){return this.activeItem&&this.activeItem.children.length>0},enumerable:!0,configurable:!0}),e.prototype.activate=function(e){this.navigable&&e&&!this.isActive(s.nodeIndex(e))&&(this.isFocused=!0,this.activeItem=e||this.activeItem,this.notifyMove())},e.prototype.activateParent=function(e){this.activate(this.model.findParent(e))},e.prototype.activateIndex=function(e){e&&this.activate(this.model.findNode(e))},e.prototype.activateClosest=function(e){e&&s.nodeIndex(this.focusableItem)===e&&(this.activeItem=this.model.closestNode(e),this.notifyMove())},e.prototype.activateFocusable=function(){this.activeItem||(this.activeItem=this.model.firstNode(),this.notifyMove())},e.prototype.deactivate=function(){this.navigable&&this.isFocused&&(this.isFocused=!1,this.notifyMove())},e.prototype.checkIndex=function(e){this.checks.next(e)},e.prototype.selectIndex=function(e){this.selects.next(e)},e.prototype.isActive=function(e){return!!e&&(this.isFocused&&this.activeIndex===e)},e.prototype.isFocusable=function(e){return s.nodeIndex(this.focusableItem)===e},e.prototype.registerItem=function(e){this.model.registerItem(e)},e.prototype.unregisterItem=function(e){this.isActive(e)&&this.activateParent(e),this.model.unregisterItem(e)},e.prototype.move=function(e){if(this.navigable){var t=this.actions[e.keyCode];t&&(t(),e.preventDefault())}},e.prototype.expand=function(e){var t=e.expand,i=e.intercept,n=s.nodeIndex(this.activeItem);n&&!i(n)&&this.notifyExpand(t)},e.prototype.moveToParent=function(){return!this.isActiveExpanded&&(this.activate(this.model.findParent(s.nodeIndex(this.activeItem))),!0)},e.prototype.moveToChild=function(){return!!this.isActiveExpanded&&(this.activate(this.model.findChild(s.nodeIndex(this.activeItem))),!0)},e.prototype.notifyExpand=function(e){this.expands.next(this.navigationState(e))},e.prototype.notifyMove=function(){this.moves.next(this.navigationState())},e.prototype.navigationState=function(e){return void 0===e&&(e=!1),{expand:e,index:s.nodeIndex(this.activeItem),isFocused:this.isFocused}},e=n.__decorate([r.Injectable()],e)}();t.NavigationService=p},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(8),r=function(e){return e[e.length-1]},o=function(e){return e||{}},s=function(e){return o(e).children||[]},a=function(e){for(var t=e,i=[].concat(s(e));i.length;)i=i.concat(s(r(i))),t=i.shift();return t},d=function(e){var t=e.prev,i=e.next;t&&(t.next=e),i&&(i.prev=e)},c=function(e,t){e&&(e.next=t),t&&(t.prev=e)},p=function(){function e(){this.ib=new n.IndexBuilderService,this.nodes=[]}return e.prototype.firstNode=function(){return this.nodes[0]||null},e.prototype.lastNode=function(){var e=this.nodes[this.nodes.length-1];return e?a(r(this.container(e)))||e:null},e.prototype.closestNode=function(e){var t=o(this.findNode(e)).prev,i=t||this.firstNode();return o(i).index===e?this.sibling(i,1):i},e.prototype.findNode=function(e){return this.find(e,this.nodes)},e.prototype.findParent=function(e){var t=this.ib.level(e)-1;return this.findNode(this.ib.indexForLevel(e,t))},e.prototype.findChild=function(e){return s(this.findNode(e))[0]||null},e.prototype.registerItem=function(e){var t=[],i=this.ib.level(e),n=this.findParent(e);if(n||1===i){var r=this.prevNode(n,e),o=this.nextNode(n,e),s={children:t,index:e,parent:n,prev:r,next:o};d(s),this.insert(s,n)}},e.prototype.unregisterItem=function(e){var t=this.find(e,this.nodes);if(t){c(t.prev,this.nextNode(t.parent,t.index));var i=this.container(t.parent);i.splice(i.indexOf(t),1)}},e.prototype.childLevel=function(e){return e&&e.length?this.ib.level(e[0].index):1},e.prototype.container=function(e){return e?e.children:this.nodes},e.prototype.find=function(e,t){var i=this.childLevel(t),n=this.ib.indexForLevel(e,i),r=i===this.ib.level(e),o=t.find(function(e){return e.index===n});return o?r?o:this.find(e,o.children):null},e.prototype.closestIndexPosition=function(e,t){for(var i=this.ib.lastLevelIndex(t),n=0;n<e.length;){if(this.ib.lastLevelIndex(e[n].index)>i)return n;n+=1}return n},e.prototype.insert=function(e,t){var i=this.container(t);i.splice(this.closestIndexPosition(i,e.index),0,e)},e.prototype.prevNode=function(e,t){var i=this.container(e),n=i.slice(0,this.closestIndexPosition(i,t));return a(r(n))||e||null},e.prototype.nextNode=function(e,t){var i=this.container(e),n=this.findNode(t);if(!e&&n)return this.sibling(n,1);var r=this.closestIndexPosition(i,t),o=i.slice(r)[0];return o?o:this.sibling(e,1)},e.prototype.sibling=function(e,t){if(!e)return null;var i=this.findParent(e.index),n=this.container(i);return n[n.indexOf(e)+t]||this.sibling(i,t)||null},e}();t.NavigationModel=p},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=function(e,t){var i=e.matches||e.msMatchesSelector||e.webkitMatchesSelector;return!!i&&i.call(e,t)},n=function(e,t){if(!document.documentElement.contains(e))return null;for(var n=e;null!==n&&1===n.nodeType;){if(i(n,t))return n;n=n.parentElement||n.parentNode}return null};t.noop=function(){},t.isPresent=function(e){return null!==e&&void 0!==e},t.isBlank=function(e){return null===e||void 0===e},t.isArray=function(e){return Array.isArray(e)},t.isNullOrEmptyString=function(e){return t.isBlank(e)||0===e.trim().length},t.isDocumentAvailable=function(){return"undefined"!=typeof document},t.isChanged=function(e,t,i){return void 0===i&&(i=!0),t[e]&&(!t[e].isFirstChange()||!i)&&t[e].previousValue!==t[e].currentValue},t.anyChanged=function(e,i,n){return void 0===n&&(n=!0),e.some(function(e){return t.isChanged(e,i,n)})},t.closestNode=function(e){var i="li.k-item";return t.isDocumentAvailable()?e.closest?e.closest(i):n(e,i):null},t.focusableNode=function(e){return e.nativeElement.querySelector('li[tabindex="0"]')},t.hasActiveNode=function(e,i){var n=i||t.closestNode(e);return n&&(n===e||e.tabIndex<0)},t.nodeId=function(e){return e?e.getAttribute("data-treeindex"):""},t.nodeIndex=function(e){return(e||{}).index},t.guid=function(){for(var e,t="",i=0;i<32;i++)e=16*Math.random()|0,8!==i&&12!==i&&16!==i&&20!==i||(t+="-"),t+=(12===i?4:16===i?3&e|8:e).toString(16);return t}},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i;!function(e){e[e.enter=13]="enter",e[e.shift=16]="shift",e[e.space=32]="space",e[e.end=35]="end",e[e.home=36]="home",e[e.left=37]="left",e[e.up=38]="up",e[e.right=39]="right",e[e.down=40]="down"}(i=t.Keys||(t.Keys={}))},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),r=i(3),o=i(6),s=function(){function e(){this.changes=new o.Subject}return e.prototype.isFirstSelected=function(e){return this.firstIndex===e},e.prototype.setFirstSelected=function(e,t){this.firstIndex===e&&t===!1?this.firstIndex=null:!this.firstIndex&&t&&(this.firstIndex=e)},e.prototype.select=function(e,t){this.changes.next({dataItem:t,index:e})},e=n.__decorate([r.Injectable()],e)}();t.SelectionService=s},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),r=i(3),o=i(13),s=function(){function e(){this.map=new Map}return e.prototype.registerItem=function(e,t){var i={children:[],item:e,parent:this.item(o.nodeIndex(t))};this.map.set(e.index,i)},e.prototype.registerChildren=function(e,t){var i=this.item(e);i&&(i.children=t)},e.prototype.unregisterItem=function(e){this.map.delete(e)},e.prototype.replaceItem=function(e,t,i){var n=this.item(e);n&&t&&(this.unregisterItem(e),this.registerItem(t,i),e===t.index&&this.registerChildren(t.index,n.children.slice()))},e.prototype.itemLookup=function(e){var t=this.item(e);return t?{children:this.mapChildren(t.children),item:t.item,parent:t.parent}:null},e.prototype.hasItem=function(e){return this.map.has(e)},e.prototype.item=function(e){return this.map.get(e)||null},e.prototype.mapChildren=function(e){var t=this;return e.map(function(e){var i=t.item(e.index),n=i.item,r=i.parent,o=i.children;return{children:t.mapChildren(o),item:n,parent:r}})},e=n.__decorate([r.Injectable()],e)}();t.TreeViewLookupService=s},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.hasChildren=function(){return!1},t.isChecked=function(){return"none"},t.isDisabled=function(){return!1},t.isExpanded=function(){return!0},t.isSelected=function(){return!1}},function(e,t){e.exports=n},function(e,t){e.exports=r},function(e,t){e.exports=o},function(e,t){e.exports=s},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),r=i(3),o=i(1),s=i(23),a=i(4),d=i(32),c=i(34),p=i(35),u=i(38),l=i(39),h=i(44),f=[o.TreeViewComponent,a.NodeTemplateDirective,d.CheckDirective,c.DisableDirective,p.ExpandDirective,u.SelectDirective,l.HierarchyBindingDirective,h.FlatDataBindingDirective],v=function(){function e(){}return e=n.__decorate([r.NgModule({exports:[f],imports:[s.SharedModule]})],e)}();t.TreeViewModule=v},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),r=i(3),o=i(1),s=i(24),a=i(31),d=i(4),c=i(32),p=i(34),u=i(35),l=i(38),h=i(39),f=i(40),v=i(44),y=i(46),m=i(47),_=i(48),g=[o.TreeViewComponent,s.TreeViewGroupComponent,y.TreeViewItemDirective,m.TreeViewItemContentDirective,d.NodeTemplateDirective,c.CheckDirective,p.DisableDirective,u.ExpandDirective,l.SelectDirective,h.HierarchyBindingDirective,f.LoadingIndicatorDirective,v.FlatDataBindingDirective],b=function(){function e(){}return e=n.__decorate([r.NgModule({declarations:[g],exports:[g],imports:[a.CommonModule,_.CheckBoxModule]})],e)}();t.SharedModule=b},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),r=i(3),o=i(25),s=i(7),a=i(8),d=i(16),c=i(11),p=i(10),u=i(13),l=i(26),h=i(9),f=i(27),v=i(28),y=i(21),m=i(29),_=i(30),g=function(){function e(e,t,i,n,r,o){this.expandService=e,this.loadingService=t,this.indexBuilder=i,this.treeViewLookupService=n,this.navigationService=r,this.nodeChildrenService=o,this.kGroupClass=!0,this.textField="",this._data=[],this.isChecked=function(){return"none"},this.isDisabled=function(){return!1},this.isExpanded=function(){return!1},this.isSelected=function(){return!1},this.children=function(){return y.of([])},this.hasChildren=function(){return!1}}return Object.defineProperty(e.prototype,"role",{get:function(){return"group"},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"data",{get:function(){return this._data},set:function(e){this._data=e;var t=this.mapToTreeItem(e);this.setNodeChildren(t),this.emitChildrenLoaded(t)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"hasTemplate",{get:function(){return u.isPresent(this.nodeTemplateRef)},enumerable:!0,configurable:!0}),e.prototype.expandNode=function(e,t,i){i?this.expandService.expand(e,t):this.expandService.collapse(e,t)},e.prototype.checkNode=function(e){this.navigationService.checkIndex(e),this.navigationService.activateIndex(e)},e.prototype.nodeIndex=function(e){return this.indexBuilder.nodeIndex(e.toString(),this.parentIndex)},e.prototype.nodeText=function(e){var t=u.isArray(this.textField)?this.textField[0]:this.textField;return l.getter(t,!0)(e)},e.prototype.ngOnDestroy=function(){this.subscription&&this.subscription.unsubscribe()},e.prototype.ngOnInit=function(){var e=this;this.subscription=this.nodes.subscribe(function(t){e.data=t})},e.prototype.ngOnChanges=function(e){e.parentIndex&&this.setNodeChildren(this.mapToTreeItem(this.data))},e.prototype.fetchChildren=function(e,t){var i=this;return this.children(e).pipe(m.catchError(function(){return i.loadingService.notifyLoaded(t),v.empty()}),_.tap(function(){return i.loadingService.notifyLoaded(t)}))},Object.defineProperty(e.prototype,"nextFields",{get:function(){return u.isArray(this.textField)?this.textField.length>1?this.textField.slice(1):this.textField:[this.textField]},enumerable:!0,configurable:!0}),e.prototype.setNodeChildren=function(e){this.treeViewLookupService.registerChildren(this.parentIndex,e)},e.prototype.mapToTreeItem=function(e){var t=this;return this.parentIndex?e.map(function(e,i){return{dataItem:e,index:t.nodeIndex(i)}}):[]},e.prototype.emitChildrenLoaded=function(e){this.parentIndex&&this.nodeChildrenService.childrenLoaded({dataItem:this.parentDataItem,index:this.parentIndex},e)},n.__decorate([r.HostBinding("class.k-group"),n.__metadata("design:type",Boolean)],e.prototype,"kGroupClass",void 0),n.__decorate([r.HostBinding("attr.role"),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[])],e.prototype,"role",null),n.__decorate([r.Input(),n.__metadata("design:type",Boolean)],e.prototype,"checkboxes",void 0),n.__decorate([r.Input(),n.__metadata("design:type",Boolean)],e.prototype,"expandIcons",void 0),n.__decorate([r.Input(),n.__metadata("design:type",f.Observable)],e.prototype,"nodes",void 0),n.__decorate([r.Input(),n.__metadata("design:type",Object)],e.prototype,"textField",void 0),n.__decorate([r.Input(),n.__metadata("design:type",Object)],e.prototype,"parentDataItem",void 0),n.__decorate([r.Input(),n.__metadata("design:type",String)],e.prototype,"parentIndex",void 0),n.__decorate([r.Input(),n.__metadata("design:type",r.TemplateRef)],e.prototype,"nodeTemplateRef",void 0),n.__decorate([r.Input(),n.__metadata("design:type",Function)],e.prototype,"isChecked",void 0),n.__decorate([r.Input(),n.__metadata("design:type",Function)],e.prototype,"isDisabled",void 0),n.__decorate([r.Input(),n.__metadata("design:type",Function)],e.prototype,"isExpanded",void 0),n.__decorate([r.Input(),n.__metadata("design:type",Function)],e.prototype,"isSelected",void 0),n.__decorate([r.Input(),n.__metadata("design:type",Function)],e.prototype,"children",void 0),n.__decorate([r.Input(),n.__metadata("design:type",Function)],e.prototype,"hasChildren",void 0),e=n.__decorate([r.Component({animations:[o.trigger("toggle",[o.transition("void => *",[o.style({height:0}),o.animate("0.1s ease-in",o.style({height:"*"}))]),o.transition("* => void",[o.style({height:"*"}),o.animate("0.1s ease-in",o.style({height:0}))])])],selector:"[kendoTreeViewGroup]",template:'\n        <li\n            *ngFor="let node of data; let index = index" class="k-item"\n            kendoTreeViewItem\n            [dataItem]="node"\n            [index]="nodeIndex(index)"\n            [parentDataItem]="parentDataItem"\n            [parentIndex]="parentIndex"\n            [isChecked]="isChecked(node, nodeIndex(index))"\n            [isDisabled]="isDisabled(node, nodeIndex(index))"\n            [isExpanded]="isExpanded(node, nodeIndex(index))"\n            [isSelected]="isSelected(node, nodeIndex(index))"\n            [attr.data-treeindex]="nodeIndex(index)"\n        >\n            <div class="k-mid" (mousedown)="$event.preventDefault()">\n                <span\n                    class="k-icon"\n                    [class.k-i-collapse]="isExpanded(node, nodeIndex(index))"\n                    [class.k-i-expand]="!isExpanded(node, nodeIndex(index))"\n                    [kendoTreeViewLoading]="nodeIndex(index)"\n                    (click)="expandNode(nodeIndex(index), node, !isExpanded(node, nodeIndex(index)))"\n                    (mousedown)="$event.preventDefault()"\n                    *ngIf="expandIcons && hasChildren(node)"\n                    >\n                </span>\n                <kendo-checkbox\n                    *ngIf="checkboxes"\n                    [checkState]="isChecked(node, nodeIndex(index))"\n                    (checkStateChange)="checkNode(nodeIndex(index))"\n                    tabindex="-1"\n                ></kendo-checkbox>\n                <span kendoTreeViewItemContent\n                    [attr.data-treeindex]="nodeIndex(index)"\n                    [dataItem]="node"\n                    [index]="nodeIndex(index)"\n                    [initialSelection]="isSelected(node, nodeIndex(index))"\n                    [isSelected]="isSelected"\n                    (mousedown)="$event.preventDefault()"\n                    class="k-in"\n                >\n                    <ng-container [ngSwitch]="hasTemplate">\n                        <ng-container *ngSwitchCase="true">\n                            <ng-template\n                                [ngTemplateOutlet]="nodeTemplateRef" [ngTemplateOutletContext]="{$implicit: node, index: nodeIndex(index)}"\n                                >\n                            </ng-template>\n                        </ng-container>\n                        <ng-container *ngSwitchDefault>\n                            {{nodeText(node)}}\n                        </ng-container>\n                    </ng-container>\n                </span>\n            </div>\n            <ul\n                *ngIf="isExpanded(node, nodeIndex(index)) && hasChildren(node)"\n                kendoTreeViewGroup\n                role="group"\n                [nodes]="fetchChildren(node, nodeIndex(index))"\n                [checkboxes]="checkboxes"\n                [expandIcons]="expandIcons"\n                [children]="children"\n                [hasChildren]="hasChildren"\n                [isChecked]="isChecked"\n                [isDisabled]="isDisabled"\n                [isExpanded]="isExpanded"\n                [isSelected]="isSelected"\n                [nodeTemplateRef]="nodeTemplateRef"\n                [parentIndex]="nodeIndex(index)"\n                [parentDataItem]="node"\n                [textField]="nextFields"\n                [@toggle]="true"\n                >\n            </ul>\n        </li>\n    '
+}),n.__metadata("design:paramtypes",[s.ExpandStateService,h.LoadingNotificationService,a.IndexBuilderService,d.TreeViewLookupService,c.NavigationService,p.NodeChildrenService])],e)}();t.TreeViewGroupComponent=g},function(e,t){e.exports=a},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(13),r=/\[(?:(\d+)|['"](.*?)['"])\]|((?:(?!\[.*?\]|\.).)+)/g,o={};o.undefined=function(e){return e},t.getter=function(e,t){var i=e+t;if(o[i])return o[i];var s=[];return e.replace(r,function(e,t,i,r){s.push(n.isPresent(t)?t:i||r)}),o[i]=function(e){for(var i=e,r=0;r<s.length;r++)if(i=i[s[r]],!n.isPresent(i)&&t)return i;return i},o[i]}},function(e,t){e.exports=d},function(e,t){e.exports=c},function(e,t){e.exports=p},function(e,t){e.exports=u},function(e,t){e.exports=l},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),r=i(3),o=i(1),s=i(13),a=i(18),d=i(33),c=function(e,t){return e.filter(function(e){return e===t}).length>0},p=function(){function e(e,t){var i=this;this.treeView=e,this.cdr=t,this.checkedKeysChange=new r.EventEmitter,this.subscriptions=new a.Subscription(function(){}),this.checkActions={multiple:function(e){return i.checkMultiple(e)},single:function(e){return i.checkSingle(e)}},this._checkedKeys=[],this.resolvedPromise=Promise.resolve(null),this.subscriptions.add(this.treeView.checkedChange.subscribe(function(e){return i.check(e)})),this.subscriptions.add(this.treeView.childrenLoaded.pipe(d.filter(function(){return i.options.checkChildren})).subscribe(function(e){i.resolvedPromise.then(function(){i.addChildrenKeys(e),i.cdr.detectChanges()})})),this.treeView.isChecked=this.isItemChecked.bind(this)}return Object.defineProperty(e.prototype,"isChecked",{set:function(e){this.treeView.isChecked=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"checkedKeys",{get:function(){return this._checkedKeys},set:function(e){this._checkedKeys=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"options",{get:function(){var e={checkChildren:!0,checkParents:!0,enabled:!0,mode:"multiple"};if(!s.isPresent(this.checkable))return e;var t="boolean"==typeof this.checkable,i=t?{enabled:this.checkable}:this.checkable;return Object.assign(e,i)},enumerable:!0,configurable:!0}),e.prototype.ngOnChanges=function(e){e.checkable&&(this.treeView.checkboxes=this.options.enabled)},e.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},e.prototype.isItemChecked=function(e,t){if(!this.checkKey)return this.isIndexChecked(t);var i=this.checkedKeys.indexOf(this.itemKey({dataItem:e,index:t}));return i>-1?"checked":"none"},e.prototype.isIndexChecked=function(e){var t=this.checkedKeys.filter(function(t){return t.indexOf&&0===t.indexOf(e)});if(c(t,e))return"checked";var i=this.options,n=i.mode,r=i.checkParents;return"multiple"===n&&r&&t.length?"indeterminate":"none"},e.prototype.itemKey=function(e){return this.checkKey?"string"==typeof this.checkKey?e.dataItem[this.checkKey]:"function"==typeof this.checkKey?this.checkKey(e):void 0:e.index},e.prototype.check=function(e){var t=this.options,i=t.enabled,n=t.mode,r=this.checkActions[n]||s.noop;i&&r(e)},e.prototype.checkSingle=function(e){var t=this.itemKey(e.item);this.checkedKeys=this.checkedKeys[0]!==t?[t]:[],this.notify()},e.prototype.checkMultiple=function(e){this.checkNode(e),this.options.checkParents&&this.checkParents(e.parent),this.notify()},e.prototype.checkNode=function(e,t){var i=this,n=this.itemKey(e.item),r=this.checkedKeys.indexOf(n),o=r>-1,a=void 0===t?!o:t;!s.isPresent(n)||o&&t||(o?this.checkedKeys.splice(r,1):this.checkedKeys.push(n),this.options.checkChildren&&e.children.map(function(e){return i.checkNode(e,a)}))},e.prototype.checkParents=function(e){for(var t=e;t;){var i=this.itemKey(t.item),n=this.checkedKeys.indexOf(i);this.allChildrenSelected(t.children)?n===-1&&this.checkedKeys.push(i):n>-1&&this.checkedKeys.splice(n,1),t=t.parent}},e.prototype.allChildrenSelected=function(e){var t=this,i=function(e,i){return e&&"checked"===t.isItemChecked(i.dataItem,i.index)};return e.reduce(i,!0)},e.prototype.notify=function(){this.checkedKeysChange.emit(this.checkedKeys.slice())},e.prototype.addChildrenKeys=function(e){var t=this;if(this.checkedKeys.indexOf(this.itemKey(e.item))!==-1){var i=e.children.reduce(function(e,i){var n=t.itemKey(i),r=t.checkedKeys.find(function(e){return n===e});return r||e.push(n),e},[]);i.length&&(this.checkedKeys=this.checkedKeys.concat(i),this.notify())}},n.__decorate([r.Input(),n.__metadata("design:type",Function),n.__metadata("design:paramtypes",[Function])],e.prototype,"isChecked",null),n.__decorate([r.Input("checkBy"),n.__metadata("design:type",Object)],e.prototype,"checkKey",void 0),n.__decorate([r.Input(),n.__metadata("design:type",Array),n.__metadata("design:paramtypes",[Array])],e.prototype,"checkedKeys",null),n.__decorate([r.Input("kendoTreeViewCheckable"),n.__metadata("design:type",Object)],e.prototype,"checkable",void 0),n.__decorate([r.Output(),n.__metadata("design:type",r.EventEmitter)],e.prototype,"checkedKeysChange",void 0),e=n.__decorate([r.Directive({selector:"[kendoTreeViewCheckable]"}),n.__metadata("design:paramtypes",[o.TreeViewComponent,r.ChangeDetectorRef])],e)}();t.CheckDirective=p},function(e,t){e.exports=h},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),r=i(3),o=i(1),s=function(){function e(e,t){var i=this;this.treeView=e,this.cdr=t,this.disabledKeys=[],this.treeView.isDisabled=function(e,t){return i.disabledKeys.indexOf(i.itemKey({dataItem:e,index:t}))>-1}}return Object.defineProperty(e.prototype,"isDisabled",{set:function(e){this.treeView.isDisabled=e},enumerable:!0,configurable:!0}),e.prototype.ngOnChanges=function(e){void 0===e&&(e={});var t=e.disabledKeys;t&&!t.firstChange&&this.cdr.markForCheck()},e.prototype.itemKey=function(e){return this.disableKey?"string"==typeof this.disableKey?e.dataItem[this.disableKey]:"function"==typeof this.disableKey?this.disableKey(e):void 0:e.index},n.__decorate([r.Input(),n.__metadata("design:type",Function),n.__metadata("design:paramtypes",[Function])],e.prototype,"isDisabled",null),n.__decorate([r.Input("kendoTreeViewDisable"),n.__metadata("design:type",Object)],e.prototype,"disableKey",void 0),n.__decorate([r.Input(),n.__metadata("design:type",Array)],e.prototype,"disabledKeys",void 0),e=n.__decorate([r.Directive({selector:"[kendoTreeViewDisable]"}),n.__metadata("design:paramtypes",[o.TreeViewComponent,r.ChangeDetectorRef])],e)}();t.DisableDirective=s},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),r=i(3),o=i(1),s=i(18),a=i(36),d=i(37),c=function(){function e(e){var t=this;this.treeView=e,this.expandedKeysChange=new r.EventEmitter,this.subscriptions=new s.Subscription(function(){}),this._expandedKeys=[],this.subscriptions.add(a.merge(this.treeView.expand.pipe(d.map(function(e){return n.__assign({expand:!0},e)})),this.treeView.collapse.pipe(d.map(function(e){return n.__assign({expand:!1},e)}))).subscribe(this.toggleExpand.bind(this))),this.treeView.isExpanded=function(e,i){return t.expandedKeys.indexOf(t.itemKey({dataItem:e,index:i}))>-1}}return Object.defineProperty(e.prototype,"isExpanded",{set:function(e){this.treeView.isExpanded=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"expandedKeys",{get:function(){return this._expandedKeys},set:function(e){this._expandedKeys=e},enumerable:!0,configurable:!0}),e.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},e.prototype.itemKey=function(e){if(this.expandKey){if("string"==typeof this.expandKey)return e.dataItem[this.expandKey];if("function"==typeof this.expandKey)return this.expandKey(e)}return e.index},e.prototype.toggleExpand=function(e){var t=e.index,i=e.dataItem,n=e.expand,r=this.itemKey({index:t,dataItem:i}),o=this.expandedKeys.indexOf(r),s=!1;o>-1&&!n?(this.expandedKeys.splice(o,1),s=!0):o===-1&&n&&(this.expandedKeys.push(r),s=!0),s&&this.expandedKeysChange.emit(this.expandedKeys)},n.__decorate([r.Input(),n.__metadata("design:type",Function),n.__metadata("design:paramtypes",[Function])],e.prototype,"isExpanded",null),n.__decorate([r.Input("expandBy"),n.__metadata("design:type",Object)],e.prototype,"expandKey",void 0),n.__decorate([r.Output(),n.__metadata("design:type",r.EventEmitter)],e.prototype,"expandedKeysChange",void 0),n.__decorate([r.Input(),n.__metadata("design:type",Array),n.__metadata("design:paramtypes",[Array])],e.prototype,"expandedKeys",null),e=n.__decorate([r.Directive({selector:"[kendoTreeViewExpandable]"}),n.__metadata("design:paramtypes",[o.TreeViewComponent])],e)}();t.ExpandDirective=c},function(e,t){e.exports=f},function(e,t){e.exports=v},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),r=i(3),o=i(1),s=i(13),a=i(18),d=function(){function e(e){var t=this;this.treeView=e,this.selectedKeysChange=new r.EventEmitter,this.subscriptions=new a.Subscription(function(){}),this.selectActions={multiple:function(e){return t.selectMultiple(e)},single:function(e){return t.selectSingle(e)}},this._selectedKeys=[],this.subscriptions.add(this.treeView.selectionChange.subscribe(this.select.bind(this))),this.treeView.isSelected=function(e,i){return t.selectedKeys.indexOf(t.itemKey({dataItem:e,index:i}))>-1}}return Object.defineProperty(e.prototype,"isSelected",{set:function(e){this.treeView.isSelected=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"selectedKeys",{get:function(){return this._selectedKeys},set:function(e){this._selectedKeys=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"getAriaMultiselectable",{get:function(){return"multiple"===this.options.mode},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"options",{get:function(){var e={enabled:!0,mode:"single"};if(!s.isPresent(this.selection))return e;var t="boolean"==typeof this.selection,i=t?{enabled:this.selection}:this.selection;return Object.assign(e,i)},enumerable:!0,configurable:!0}),e.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},e.prototype.itemKey=function(e){return this.selectKey?"string"==typeof this.selectKey?e.dataItem[this.selectKey]:"function"==typeof this.selectKey?this.selectKey(e):void 0:e.index},e.prototype.select=function(e){var t=this.options,i=t.enabled,n=t.mode,r=this.selectActions[n]||s.noop;i&&r(e)},e.prototype.selectSingle=function(e){var t=this.itemKey(e);this.selectedKeys[0]!==t&&(this.selectedKeys=[t],this.notify())},e.prototype.selectMultiple=function(e){var t=this.itemKey(e),i=this.selectedKeys.indexOf(t),n=i>-1;s.isPresent(t)&&(n?this.selectedKeys.splice(i,1):this.selectedKeys.push(t),this.notify())},e.prototype.notify=function(){this.selectedKeysChange.emit(this.selectedKeys.slice())},n.__decorate([r.Input(),n.__metadata("design:type",Function),n.__metadata("design:paramtypes",[Function])],e.prototype,"isSelected",null),n.__decorate([r.Input("selectBy"),n.__metadata("design:type",Object)],e.prototype,"selectKey",void 0),n.__decorate([r.Input("kendoTreeViewSelectable"),n.__metadata("design:type",Object)],e.prototype,"selection",void 0),n.__decorate([r.Input(),n.__metadata("design:type",Array),n.__metadata("design:paramtypes",[Array])],e.prototype,"selectedKeys",null),n.__decorate([r.Output(),n.__metadata("design:type",r.EventEmitter)],e.prototype,"selectedKeysChange",void 0),n.__decorate([r.HostBinding("attr.aria-multiselectable"),n.__metadata("design:type",Boolean),n.__metadata("design:paramtypes",[])],e.prototype,"getAriaMultiselectable",null),e=n.__decorate([r.Directive({selector:"[kendoTreeViewSelectable]"}),n.__metadata("design:paramtypes",[o.TreeViewComponent])],e)}();t.SelectDirective=d},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),r=i(3),o=i(1),s=i(26),a=i(13),d=i(17),c=i(21),p=function(){function e(e){this.treeView=e}return Object.defineProperty(e.prototype,"childrenField",{get:function(){return this._childrenField},set:function(e){if(!e)throw new Error("'childrenField' cannot be empty");this._childrenField=e},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){var e=this;a.isPresent(this.childrenField)&&(this.treeView.children=function(t){return c.of(s.getter(e.childrenField,!0)(t))},this.treeView.hasChildren=function(t){return e.childrenField in t},this.treeView.isExpanded!==d.isExpanded&&(this.treeView.expandIcons=!0))},n.__decorate([r.Input(),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[String])],e.prototype,"childrenField",null),e=n.__decorate([r.Directive({selector:"[kendoTreeViewHierarchyBinding]"}),n.__metadata("design:paramtypes",[o.TreeViewComponent])],e)}();t.HierarchyBindingDirective=p},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),r=i(3),o=i(7),s=i(9),a=i(21),d=i(41),c=i(33),p=i(42),u=i(43),l=i(30),h=function(){function e(e,t,i){this.expandService=e,this.loadingService=t,this.cd=i,this._loading=!1}return Object.defineProperty(e.prototype,"loading",{get:function(){return this._loading},set:function(e){this._loading=e,this.cd.markForCheck()},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){var e=this,t=this.loadingService.changes.pipe(c.filter(function(t){return t===e.index}));this.subscription=this.expandService.changes.pipe(c.filter(function(t){var i=t.index;return i===e.index}),l.tap(function(t){var i=t.expand;!i&&e.loading&&(e.loading=!1)}),c.filter(function(e){var t=e.expand;return t}),p.switchMap(function(e){return a.of(e).pipe(d.delay(100),u.takeUntil(t))})).subscribe(function(){return e.loading=!0}),this.subscription.add(t.subscribe(function(){return e.loading=!1}))},e.prototype.ngOnDestroy=function(){this.subscription&&this.subscription.unsubscribe()},n.__decorate([r.HostBinding("class.k-i-loading"),n.__metadata("design:type",Boolean),n.__metadata("design:paramtypes",[Boolean])],e.prototype,"loading",null),n.__decorate([r.Input("kendoTreeViewLoading"),n.__metadata("design:type",String)],e.prototype,"index",void 0),e=n.__decorate([r.Directive({selector:"[kendoTreeViewLoading]"}),n.__metadata("design:paramtypes",[o.ExpandStateService,s.LoadingNotificationService,r.ChangeDetectorRef])],e)}();t.LoadingIndicatorDirective=h},function(e,t){e.exports=y},function(e,t){e.exports=m},function(e,t){e.exports=_},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),r=i(3),o=i(1),s=i(26),a=i(13),d=i(45),c=i(21),p=function(e,t,i){return t.filter(function(t){return e(t)===i})},u=function(){function e(e){this.treeView=e,this.originalData=[]}return Object.defineProperty(e.prototype,"nodes",{set:function(e){if(this.originalData=e||[],a.isNullOrEmptyString(this.parentIdField))this.treeView.nodes=this.originalData.slice(0);else{var t=s.getter(this.parentIdField,!0);this.treeView.nodes=this.originalData.filter(d.compose(a.isBlank,t))}},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){var e=this;if(a.isPresent(this.parentIdField)&&a.isPresent(this.idField)){var t=function(t){return p(s.getter(e.parentIdField,!0),e.originalData||[],s.getter(e.idField,!0)(t))};this.treeView.hasChildren=function(e){return t(e).length>0},this.treeView.children=function(e){return c.of(t(e))}}},e.prototype.ngOnChanges=function(e){a.isChanged("parentIdField",e,!1)&&(this.nodes=this.originalData)},n.__decorate([r.Input(),n.__metadata("design:type",Array),n.__metadata("design:paramtypes",[Array])],e.prototype,"nodes",null),n.__decorate([r.Input(),n.__metadata("design:type",String)],e.prototype,"parentIdField",void 0),n.__decorate([r.Input(),n.__metadata("design:type",String)],e.prototype,"idField",void 0),e=n.__decorate([r.Directive({selector:"[kendoTreeViewFlatDataBinding]"}),n.__metadata("design:paramtypes",[o.TreeViewComponent])],e)}();t.FlatDataBindingDirective=u},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.compose=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return function(t){return e.reduceRight(function(e,t){return t(e)},t)}}},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),r=i(3),o=i(11),s=i(15),a=i(5),d=i(7),c=i(8),p=i(16),u=i(13),l=i(33),h=function(e,t){return{dataItem:t,index:e}},f=function(){function e(e,t,i,n,r,o,s,a){this.element=e,this.focusService=t,this.expandService=i,this.navigationService=n,this.selectionService=r,this.lookupService=o,this.renderer=s,this.ib=a,this.isDisabled=!1,this.ariaChecked="false",this.isInitialized=!1,this.subscriptions=[],this.subscribe()}return Object.defineProperty(e.prototype,"isChecked",{set:function(e){"checked"===e?this.ariaChecked="true":"indeterminate"===e?this.ariaChecked="mixed":this.ariaChecked="false"},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isExpanded",{get:function(){return this._isExpanded||!1},set:function(e){this._isExpanded=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isSelected",{get:function(){return this._isSelected||!1},set:function(e){this._isSelected=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"treeItem",{get:function(){return h(this.index,this.dataItem)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"parentTreeItem",{get:function(){return this.parentDataItem?h(this.parentIndex,this.parentDataItem):null},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){this.lookupService.registerItem(this.treeItem,this.parentTreeItem),this.registerNavigationItem(),this.isInitialized=!0,this.initEvents(),this.setAttribute("role","treeitem"),this.setAriaAttributes(),this.setDisabledClass(),this.updateTabIndex()},e.prototype.ngOnChanges=function(e){var t=e.index,i=e.isDisabled;(t||e.isChecked||e.isExpanded||e.isSelected)&&this.setAriaAttributes(),i&&this.setDisabledClass(),this.moveLookupItem(e),this.moveNavigationItem(t),this.disableNavigationItem(i)},e.prototype.ngOnDestroy=function(){this.navigationService.unregisterItem(this.index),this.subscriptions=this.subscriptions.reduce(function(e,t){return t.unsubscribe(),e},[])},e.prototype.subscribe=function(){var e=this;this.subscriptions=[this.navigationService.moves.subscribe(function(){e.updateTabIndex(),e.focusItem()}),this.navigationService.expands.pipe(l.filter(function(t){var i=t.index;return i===e.index&&!e.isDisabled})).subscribe(function(t){var i=t.expand;return e.expand(i)})]},e.prototype.initEvents=function(){var e=this;["focusin","focusout","focus","blur"].forEach(function(t){e.subscriptions.push(e.listen(t,function(){return e.focusService[t](e.index)}))})},e.prototype.listen=function(e,t){return{unsubscribe:this.renderer.listen(this.element.nativeElement,e,t)}},e.prototype.registerNavigationItem=function(){this.isDisabled||(this.navigationService.registerItem(this.index),this.activateItem())},e.prototype.activateItem=function(){var e=this.navigationService,t=this.selectionService,i=this.index;t.setFirstSelected(i,this.isSelected),!e.isActive(i)&&t.isFirstSelected(i)&&e.activateIndex(i)},e.prototype.expand=function(e){this.expandService[e?"expand":"collapse"](this.index,this.dataItem)},e.prototype.isFocusable=function(){return!this.isDisabled&&this.navigationService.isFocusable(this.index)},e.prototype.focusItem=function(){this.isInitialized&&!this.isDisabled&&this.navigationService.isActive(this.index)&&this.element.nativeElement.focus()},e.prototype.moveLookupItem=function(e){void 0===e&&(e={});var t=e.dataItem,i=e.index,n=e.parentDataItem,r=e.parentIndex;if((!i||!i.firstChange||this.lookupService.hasItem(this.index))&&(t||i||n||r)){var o=(i||{}).previousValue||this.index;this.lookupService.replaceItem(o,this.treeItem,this.parentTreeItem)}},e.prototype.moveNavigationItem=function(e){void 0===e&&(e={});var t=e.currentValue,i=e.firstChange,n=e.previousValue;!i&&u.isPresent(t)&&u.isPresent(n)&&(this.navigationService.unregisterItem(n),this.navigationService.registerItem(t))},e.prototype.disableNavigationItem=function(e){if(e&&!e.firstChange){var t=this.navigationService;this.isDisabled?(t.activateClosest(this.index),t.unregisterItem(this.index)):(t.registerItem(this.index),t.activateFocusable())}},e.prototype.setAriaAttributes=function(){this.setAttribute("aria-level",this.ib.level(this.index).toString()),this.setAttribute("aria-expanded",this.isExpanded.toString()),this.setAttribute("aria-selected",this.isSelected.toString()),this.setAttribute("aria-checked",this.ariaChecked)},e.prototype.setDisabledClass=function(){this.setClass("k-state-disabled",this.isDisabled)},e.prototype.setClass=function(e,t){var i=t?"addClass":"removeClass";this.renderer[i](this.element.nativeElement,e)},e.prototype.updateTabIndex=function(){this.setAttribute("tabIndex",this.isFocusable()?"0":"-1")},e.prototype.setAttribute=function(e,t){this.renderer.setAttribute(this.element.nativeElement,e,t)},n.__decorate([r.Input(),n.__metadata("design:type",Object)],e.prototype,"dataItem",void 0),n.__decorate([r.Input(),n.__metadata("design:type",String)],e.prototype,"index",void 0),n.__decorate([r.Input(),n.__metadata("design:type",Object)],e.prototype,"parentDataItem",void 0),n.__decorate([r.Input(),n.__metadata("design:type",String)],e.prototype,"parentIndex",void 0),n.__decorate([r.Input(),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[String])],e.prototype,"isChecked",null),n.__decorate([r.Input(),n.__metadata("design:type",Boolean)],e.prototype,"isDisabled",void 0),n.__decorate([r.Input(),n.__metadata("design:type",Boolean),n.__metadata("design:paramtypes",[Boolean])],e.prototype,"isExpanded",null),n.__decorate([r.Input(),n.__metadata("design:type",Boolean),n.__metadata("design:paramtypes",[Boolean])],e.prototype,"isSelected",null),e=n.__decorate([r.Directive({selector:"[kendoTreeViewItem]"}),n.__metadata("design:paramtypes",[r.ElementRef,a.FocusStateService,d.ExpandStateService,o.NavigationService,s.SelectionService,p.TreeViewLookupService,r.Renderer2,c.IndexBuilderService])],e)}();t.TreeViewItemDirective=f},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),r=i(3),o=i(11),s=i(15),a=i(18),d=i(33),c=function(){function e(e,t,i,n){var r=this;this.element=e,this.navigationService=t,this.selectionService=i,this.renderer=n,this.initialSelection=!1,this.subscriptions=new a.Subscription(function(){}),this.subscriptions.add(this.navigationService.moves.subscribe(this.updateItem.bind(this))),this.subscriptions.add(this.navigationService.selects.pipe(d.filter(function(e){return e===r.index})).subscribe(function(e){return r.selectionService.select(e,r.dataItem)})),this.subscriptions.add(this.selectionService.changes.subscribe(function(){r.updateSelection(r.isSelected(r.dataItem,r.index))}))}return e.prototype.ngOnChanges=function(e){e.initialSelection&&this.updateSelection(this.initialSelection)},e.prototype.ngOnInit=function(){this.updateSelection(this.initialSelection)},e.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},e.prototype.updateItem=function(){this.render(this.navigationService.isActive(this.index),"k-state-focused")},e.prototype.updateSelection=function(e){this.render(e,"k-state-selected")},e.prototype.render=function(e,t){var i=e?"addClass":"removeClass";this.renderer[i](this.element.nativeElement,t)},n.__decorate([r.Input(),n.__metadata("design:type",Object)],e.prototype,"dataItem",void 0),n.__decorate([r.Input(),n.__metadata("design:type",String)],e.prototype,"index",void 0),n.__decorate([r.Input(),n.__metadata("design:type",Boolean)],e.prototype,"initialSelection",void 0),n.__decorate([r.Input(),n.__metadata("design:type",Function)],e.prototype,"isSelected",void 0),e=n.__decorate([r.Directive({selector:"[kendoTreeViewItemContent]"}),n.__metadata("design:paramtypes",[r.ElementRef,o.NavigationService,s.SelectionService,r.Renderer2])],e)}();t.TreeViewItemContentDirective=c},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),r=i(3),o=i(49),s=[o.CheckBoxComponent],a=function(){function e(){}return e=n.__decorate([r.NgModule({declarations:[s],exports:[s]})],e)}();t.CheckBoxModule=a},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),r=i(3),o=i(13),s=function(){function e(e,t){this.element=e,this.renderer=t,this.id="_"+o.guid(),this.checkState="none",this.tabindex=0,this.checkStateChange=new r.EventEmitter}return Object.defineProperty(e.prototype,"classWrapper",{get:function(){return!0},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"indeterminate",{get:function(){return"indeterminate"===this.checkState},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"checked",{get:function(){return"checked"===this.checkState},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){this.renderer.removeAttribute(this.element.nativeElement,"tabindex")},e.prototype.handleChange=function(e){this.checkStateChange.emit(e.target.checked?"checked":"none")},n.__decorate([r.HostBinding("class.k-checkbox-wrapper"),n.__metadata("design:type",Boolean),n.__metadata("design:paramtypes",[])],e.prototype,"classWrapper",null),n.__decorate([r.Input(),n.__metadata("design:type",String)],e.prototype,"id",void 0),n.__decorate([r.Input(),n.__metadata("design:type",String)],e.prototype,"checkState",void 0),n.__decorate([r.Input(),n.__metadata("design:type",String)],e.prototype,"labelText",void 0),n.__decorate([r.Input(),n.__metadata("design:type",Number)],e.prototype,"tabindex",void 0),n.__decorate([r.Output(),n.__metadata("design:type",r.EventEmitter)],e.prototype,"checkStateChange",void 0),e=n.__decorate([r.Component({selector:"kendo-checkbox",template:'\n        <input\n            class="k-checkbox"\n            type="checkbox"\n            [id]="id"\n            [checked]="checked"\n            [indeterminate]="indeterminate"\n            [tabindex]="tabindex"\n            (change)="handleChange($event)"\n        />\n        <label\n            class="k-checkbox-label"\n            tabindex="-1"\n            [for]="id"\n        >{{labelText}}</label>\n    '}),n.__metadata("design:paramtypes",[r.ElementRef,r.Renderer2])],e)}();t.CheckBoxComponent=s}])});

dist/es/check.directive.d.ts

@@ -1,2 +0,2 @@
-import { ChangeDetectorRef, DoCheck, EventEmitter, OnDestroy, OnChanges, IterableDiffers } from '@angular/core';
+import { ChangeDetectorRef, EventEmitter, OnDestroy, OnChanges } from '@angular/core';
 import { TreeViewComponent } from './treeview.component';
@@ -9,6 +9,5 @@ import { CheckableSettings } from './checkable-settings';
  */
-export declare class CheckDirective implements DoCheck, OnChanges, OnDestroy {
+export declare class CheckDirective implements OnChanges, OnDestroy {
     protected treeView: TreeViewComponent;
     private cdr;
-    private differs;
     /**
@@ -41,5 +40,4 @@ * @hidden
     private _checkedKeys;
-    private differ;
-    constructor(treeView: TreeViewComponent, cdr: ChangeDetectorRef, differs: IterableDiffers);
-    ngDoCheck(): void;
+    private resolvedPromise;
+    constructor(treeView: TreeViewComponent, cdr: ChangeDetectorRef);
     ngOnChanges(changes: any): void;
@@ -57,2 +55,3 @@ ngOnDestroy(): void;
     private notify();
+    private addChildrenKeys(args);
 }

dist/es/check.directive.js

@@ -1,5 +0,6 @@
-import { ChangeDetectorRef, Directive, EventEmitter, Input, IterableDiffers, Output } from '@angular/core';
+import { ChangeDetectorRef, Directive, EventEmitter, Input, Output } from '@angular/core';
 import { TreeViewComponent } from './treeview.component';
 import { isPresent, noop } from './utils';
 import { Subscription } from 'rxjs/Subscription';
+import { filter } from 'rxjs/operators/filter';
 var indexChecked = function (keys, index) { return keys.filter(function (k) { return k === index; }).length > 0; };
@@ -10,7 +11,6 @@ /**
 var CheckDirective = /** @class */ (function () {
-    function CheckDirective(treeView, cdr, differs) {
+    function CheckDirective(treeView, cdr) {
         var _this = this;
         this.treeView = treeView;
         this.cdr = cdr;
-        this.differs = differs;
         /**
@@ -26,4 +26,13 @@ * Fires when the `checkedKeys` collection was updated.
         this._checkedKeys = [];
+        this.resolvedPromise = Promise.resolve(null);
         this.subscriptions.add(this.treeView.checkedChange
             .subscribe(function (e) { return _this.check(e); }));
+        this.subscriptions.add(this.treeView.childrenLoaded
+            .pipe(filter(function () { return _this.options.checkChildren; }))
+            .subscribe(function (e) {
+            _this.resolvedPromise.then(function () {
+                _this.addChildrenKeys(e);
+                _this.cdr.detectChanges();
+            });
+        }));
         this.treeView.isChecked = this.isItemChecked.bind(this);
@@ -50,5 +59,2 @@ }
             this._checkedKeys = keys;
-            if (!this.differ && keys) {
-                this.differ = this.differs.find(keys).create();
-            }
         },
@@ -78,14 +84,5 @@ enumerable: true,
     });
-    CheckDirective.prototype.ngDoCheck = function () {
-        if (this.differ) {
-            var changes = this.differ.diff(this.checkedKeys);
-            if (changes) {
-                this.cdr.markForCheck();
-            }
-        }
-    };
     CheckDirective.prototype.ngOnChanges = function (changes) {
         if (changes.checkable) {
             this.treeView.checkboxes = this.options.enabled;
-            this.cdr.markForCheck();
         }
@@ -104,3 +101,3 @@ };
     CheckDirective.prototype.isIndexChecked = function (index) {
-        var checkedKeys = this.checkedKeys.filter(function (k) { return k.indexOf(index) === 0; });
+        var checkedKeys = this.checkedKeys.filter(function (k) { return k.indexOf && k.indexOf(index) === 0; });
         if (indexChecked(checkedKeys, index)) {
@@ -189,2 +186,20 @@ return 'checked';
     };
+    CheckDirective.prototype.addChildrenKeys = function (args) {
+        var _this = this;
+        if (this.checkedKeys.indexOf(this.itemKey(args.item)) === -1) {
+            return;
+        }
+        var keys = args.children.reduce(function (acc, item) {
+            var itemKey = _this.itemKey(item);
+            var existingKey = _this.checkedKeys.find(function (key) { return itemKey === key; });
+            if (!existingKey) {
+                acc.push(itemKey);
+            }
+            return acc;
+        }, []);
+        if (keys.length) {
+            this.checkedKeys = this.checkedKeys.concat(keys);
+            this.notify();
+        }
+    };
     CheckDirective.decorators = [
@@ -197,3 +212,2 @@ { type: Directive, args: [{ selector: '[kendoTreeViewCheckable]' },] },
         { type: ChangeDetectorRef, },
-        { type: IterableDiffers, },
     ]; };
@@ -200,0 +214,0 @@ CheckDirective.propDecorators = {

dist/es/check.directive.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"CheckDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[kendoTreeViewCheckable]"}]}],"members":{"isChecked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"checkKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["checkBy"]}]}],"checkedKeys":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"checkable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["kendoTreeViewCheckable"]}]}],"checkedKeysChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./treeview.component","name":"TreeViewComponent"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"},{"__symbolic":"reference","module":"@angular/core","name":"IterableDiffers"}]}],"ngDoCheck":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"isItemChecked":[{"__symbolic":"method"}],"isIndexChecked":[{"__symbolic":"method"}],"itemKey":[{"__symbolic":"method"}],"check":[{"__symbolic":"method"}],"checkSingle":[{"__symbolic":"method"}],"checkMultiple":[{"__symbolic":"method"}],"checkNode":[{"__symbolic":"method"}],"checkParents":[{"__symbolic":"method"}],"allChildrenSelected":[{"__symbolic":"method"}],"notify":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"CheckDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[kendoTreeViewCheckable]"}]}],"members":{"isChecked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"checkKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["checkBy"]}]}],"checkedKeys":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"checkable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["kendoTreeViewCheckable"]}]}],"checkedKeysChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./treeview.component","name":"TreeViewComponent"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"},{"__symbolic":"reference","module":"@angular/core","name":"IterableDiffers"}]}],"ngDoCheck":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"isItemChecked":[{"__symbolic":"method"}],"isIndexChecked":[{"__symbolic":"method"}],"itemKey":[{"__symbolic":"method"}],"check":[{"__symbolic":"method"}],"checkSingle":[{"__symbolic":"method"}],"checkMultiple":[{"__symbolic":"method"}],"checkNode":[{"__symbolic":"method"}],"checkParents":[{"__symbolic":"method"}],"allChildrenSelected":[{"__symbolic":"method"}],"notify":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"CheckDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[kendoTreeViewCheckable]"}]}],"members":{"isChecked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"checkKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["checkBy"]}]}],"checkedKeys":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"checkable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["kendoTreeViewCheckable"]}]}],"checkedKeysChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./treeview.component","name":"TreeViewComponent"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"isItemChecked":[{"__symbolic":"method"}],"isIndexChecked":[{"__symbolic":"method"}],"itemKey":[{"__symbolic":"method"}],"check":[{"__symbolic":"method"}],"checkSingle":[{"__symbolic":"method"}],"checkMultiple":[{"__symbolic":"method"}],"checkNode":[{"__symbolic":"method"}],"checkParents":[{"__symbolic":"method"}],"allChildrenSelected":[{"__symbolic":"method"}],"notify":[{"__symbolic":"method"}],"addChildrenKeys":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"CheckDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[kendoTreeViewCheckable]"}]}],"members":{"isChecked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"checkKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["checkBy"]}]}],"checkedKeys":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"checkable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["kendoTreeViewCheckable"]}]}],"checkedKeysChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./treeview.component","name":"TreeViewComponent"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"isItemChecked":[{"__symbolic":"method"}],"isIndexChecked":[{"__symbolic":"method"}],"itemKey":[{"__symbolic":"method"}],"check":[{"__symbolic":"method"}],"checkSingle":[{"__symbolic":"method"}],"checkMultiple":[{"__symbolic":"method"}],"checkNode":[{"__symbolic":"method"}],"checkParents":[{"__symbolic":"method"}],"allChildrenSelected":[{"__symbolic":"method"}],"notify":[{"__symbolic":"method"}],"addChildrenKeys":[{"__symbolic":"method"}]}}}}]

dist/es/expand.directive.d.ts

@@ -1,2 +0,2 @@
-import { ChangeDetectorRef, DoCheck, EventEmitter, IterableDiffers, OnDestroy } from '@angular/core';
+import { EventEmitter, OnDestroy } from '@angular/core';
 import { TreeViewComponent } from './treeview.component';
@@ -7,6 +7,4 @@ import { Subscription } from 'rxjs/Subscription';
  */
-export declare class ExpandDirective implements DoCheck, OnDestroy {
+export declare class ExpandDirective implements OnDestroy {
     protected treeView: TreeViewComponent;
-    private cdr;
-    private differs;
     /**
@@ -32,6 +30,4 @@ * @hidden
     protected subscriptions: Subscription;
-    private differ;
     private _expandedKeys;
-    constructor(treeView: TreeViewComponent, cdr: ChangeDetectorRef, differs: IterableDiffers);
-    ngDoCheck(): void;
+    constructor(treeView: TreeViewComponent);
     ngOnDestroy(): void;
@@ -38,0 +34,0 @@ protected itemKey(e: any): any;

dist/es/expand.directive.js

 import * as tslib_1 from "tslib";
-import { ChangeDetectorRef, Directive, EventEmitter, IterableDiffers, Input, Output } from '@angular/core';
+import { Directive, EventEmitter, Input, Output } from '@angular/core';
 import { TreeViewComponent } from './treeview.component';
@@ -11,7 +11,5 @@ import { Subscription } from 'rxjs/Subscription';
 var ExpandDirective = /** @class */ (function () {
-    function ExpandDirective(treeView, cdr, differs) {
+    function ExpandDirective(treeView) {
         var _this = this;
         this.treeView = treeView;
-        this.cdr = cdr;
-        this.differs = differs;
         /**
@@ -47,5 +45,2 @@ * Fires when the `expandedKeys` collection was updated.
             this._expandedKeys = keys;
-            if (!this.differ && keys) {
-                this.differ = this.differs.find(keys).create();
-            }
         },
@@ -55,10 +50,2 @@ enumerable: true,
     });
-    ExpandDirective.prototype.ngDoCheck = function () {
-        if (this.differ) {
-            var changes = this.differ.diff(this.expandedKeys);
-            if (changes) {
-                this.cdr.markForCheck();
-            }
-        }
-    };
     ExpandDirective.prototype.ngOnDestroy = function () {
@@ -101,4 +88,2 @@ this.subscriptions.unsubscribe();
         { type: TreeViewComponent, },
-        { type: ChangeDetectorRef, },
-        { type: IterableDiffers, },
     ]; };
@@ -105,0 +90,0 @@ ExpandDirective.propDecorators = {

dist/es/expand.directive.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"ExpandDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[kendoTreeViewExpandable]"}]}],"members":{"isExpanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"expandKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["expandBy"]}]}],"expandedKeysChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"expandedKeys":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./treeview.component","name":"TreeViewComponent"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"},{"__symbolic":"reference","module":"@angular/core","name":"IterableDiffers"}]}],"ngDoCheck":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"itemKey":[{"__symbolic":"method"}],"toggleExpand":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"ExpandDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[kendoTreeViewExpandable]"}]}],"members":{"isExpanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"expandKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["expandBy"]}]}],"expandedKeysChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"expandedKeys":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./treeview.component","name":"TreeViewComponent"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"},{"__symbolic":"reference","module":"@angular/core","name":"IterableDiffers"}]}],"ngDoCheck":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"itemKey":[{"__symbolic":"method"}],"toggleExpand":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"ExpandDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[kendoTreeViewExpandable]"}]}],"members":{"isExpanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"expandKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["expandBy"]}]}],"expandedKeysChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"expandedKeys":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./treeview.component","name":"TreeViewComponent"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"itemKey":[{"__symbolic":"method"}],"toggleExpand":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"ExpandDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[kendoTreeViewExpandable]"}]}],"members":{"isExpanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"expandKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["expandBy"]}]}],"expandedKeysChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"expandedKeys":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./treeview.component","name":"TreeViewComponent"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"itemKey":[{"__symbolic":"method"}],"toggleExpand":[{"__symbolic":"method"}]}}}}]

dist/es/selection/select.directive.d.ts

@@ -1,2 +0,2 @@
-import { ChangeDetectorRef, DoCheck, EventEmitter, OnDestroy, IterableDiffers } from '@angular/core';
+import { EventEmitter, OnDestroy } from '@angular/core';
 import { TreeViewComponent } from '../treeview.component';
@@ -8,6 +8,4 @@ import { SelectableSettings } from './selectable-settings';
  */
-export declare class SelectDirective implements DoCheck, OnDestroy {
+export declare class SelectDirective implements OnDestroy {
     protected treeView: TreeViewComponent;
-    private cdr;
-    private differs;
     /**
@@ -40,6 +38,4 @@ * @hidden
     private selectActions;
-    private differ;
     private _selectedKeys;
-    constructor(treeView: TreeViewComponent, cdr: ChangeDetectorRef, differs: IterableDiffers);
-    ngDoCheck(): void;
+    constructor(treeView: TreeViewComponent);
     ngOnDestroy(): void;
@@ -46,0 +42,0 @@ protected itemKey(e: any): any;

dist/es/selection/select.directive.js

@@ -1,2 +0,2 @@
-import { ChangeDetectorRef, Directive, EventEmitter, HostBinding, Input, IterableDiffers, Output } from '@angular/core';
+import { Directive, EventEmitter, HostBinding, Input, Output } from '@angular/core';
 import { TreeViewComponent } from '../treeview.component';
@@ -9,7 +9,5 @@ import { isPresent, noop } from '../utils';
 var SelectDirective = /** @class */ (function () {
-    function SelectDirective(treeView, cdr, differs) {
+    function SelectDirective(treeView) {
         var _this = this;
         this.treeView = treeView;
-        this.cdr = cdr;
-        this.differs = differs;
         /**
@@ -47,5 +45,2 @@ * Fires when the `selectedKeys` collection was updated.
             this._selectedKeys = keys;
-            if (!this.differ && keys) {
-                this.differ = this.differs.find(keys).create();
-            }
         },
@@ -78,10 +73,2 @@ enumerable: true,
     });
-    SelectDirective.prototype.ngDoCheck = function () {
-        if (this.differ) {
-            var changes = this.differ.diff(this.selectedKeys);
-            if (changes) {
-                this.cdr.markForCheck();
-            }
-        }
-    };
     SelectDirective.prototype.ngOnDestroy = function () {
@@ -141,4 +128,2 @@ this.subscriptions.unsubscribe();
         { type: TreeViewComponent, },
-        { type: ChangeDetectorRef, },
-        { type: IterableDiffers, },
     ]; };
@@ -145,0 +130,0 @@ SelectDirective.propDecorators = {

dist/es/selection/select.directive.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"SelectDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[kendoTreeViewSelectable]"}]}],"members":{"isSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selectKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["selectBy"]}]}],"selection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["kendoTreeViewSelectable"]}]}],"selectedKeys":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selectedKeysChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"getAriaMultiselectable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-multiselectable"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../treeview.component","name":"TreeViewComponent"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"},{"__symbolic":"reference","module":"@angular/core","name":"IterableDiffers"}]}],"ngDoCheck":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"itemKey":[{"__symbolic":"method"}],"select":[{"__symbolic":"method"}],"selectSingle":[{"__symbolic":"method"}],"selectMultiple":[{"__symbolic":"method"}],"notify":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SelectDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[kendoTreeViewSelectable]"}]}],"members":{"isSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selectKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["selectBy"]}]}],"selection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["kendoTreeViewSelectable"]}]}],"selectedKeys":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selectedKeysChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"getAriaMultiselectable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-multiselectable"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../treeview.component","name":"TreeViewComponent"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"},{"__symbolic":"reference","module":"@angular/core","name":"IterableDiffers"}]}],"ngDoCheck":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"itemKey":[{"__symbolic":"method"}],"select":[{"__symbolic":"method"}],"selectSingle":[{"__symbolic":"method"}],"selectMultiple":[{"__symbolic":"method"}],"notify":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"SelectDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[kendoTreeViewSelectable]"}]}],"members":{"isSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selectKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["selectBy"]}]}],"selection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["kendoTreeViewSelectable"]}]}],"selectedKeys":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selectedKeysChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"getAriaMultiselectable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-multiselectable"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../treeview.component","name":"TreeViewComponent"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"itemKey":[{"__symbolic":"method"}],"select":[{"__symbolic":"method"}],"selectSingle":[{"__symbolic":"method"}],"selectMultiple":[{"__symbolic":"method"}],"notify":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SelectDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[kendoTreeViewSelectable]"}]}],"members":{"isSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selectKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["selectBy"]}]}],"selection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["kendoTreeViewSelectable"]}]}],"selectedKeys":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selectedKeysChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"getAriaMultiselectable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-multiselectable"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../treeview.component","name":"TreeViewComponent"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"itemKey":[{"__symbolic":"method"}],"select":[{"__symbolic":"method"}],"selectSingle":[{"__symbolic":"method"}],"selectMultiple":[{"__symbolic":"method"}],"notify":[{"__symbolic":"method"}]}}}}]

dist/es/treeview-group.component.d.ts

@@ -1,2 +0,2 @@
-import { ChangeDetectorRef, TemplateRef, OnChanges, OnInit, OnDestroy } from '@angular/core';
+import { TemplateRef, OnChanges, OnInit, OnDestroy } from '@angular/core';
 import { ExpandStateService } from './expand-state.service';
@@ -6,2 +6,3 @@ import { IndexBuilderService } from './index-builder.service';
 import { NavigationService } from './navigation/navigation.service';
+import { NodeChildrenService } from './node-children.service';
 import { LoadingNotificationService } from './loading-notification.service';
@@ -19,3 +20,3 @@ import { CheckedState } from './checkbox/checked-state';
     protected navigationService: NavigationService;
-    protected cd: ChangeDetectorRef;
+    protected nodeChildrenService: NodeChildrenService;
     kGroupClass: boolean;
@@ -33,3 +34,3 @@ readonly role: string;
     private subscription;
-    constructor(expandService: ExpandStateService, loadingService: LoadingNotificationService, indexBuilder: IndexBuilderService, treeViewLookupService: TreeViewLookupService, navigationService: NavigationService, cd: ChangeDetectorRef);
+    constructor(expandService: ExpandStateService, loadingService: LoadingNotificationService, indexBuilder: IndexBuilderService, treeViewLookupService: TreeViewLookupService, navigationService: NavigationService, nodeChildrenService: NodeChildrenService);
     isChecked: <T>(item: T, index: string) => CheckedState;
@@ -51,4 +52,5 @@ isDisabled: <T>(item: T, index: string) => boolean;
     readonly nextFields: string[];
-    private updateParentChildren();
+    private setNodeChildren(children);
     private mapToTreeItem(data);
+    private emitChildrenLoaded(children);
 }

dist/es/treeview-group.component.js

@@ -1,2 +0,2 @@
-import { Component, ChangeDetectorRef, HostBinding, Input } from '@angular/core';
+import { Component, HostBinding, Input } from '@angular/core';
 import { trigger, style, animate, transition } from '@angular/animations';
@@ -7,2 +7,3 @@ import { ExpandStateService } from './expand-state.service';
 import { NavigationService } from './navigation/navigation.service';
+import { NodeChildrenService } from './node-children.service';
 import { isPresent, isArray } from './utils';
@@ -19,3 +20,3 @@ import { getter } from './accessor';
 var TreeViewGroupComponent = /** @class */ (function () {
-    function TreeViewGroupComponent(expandService, loadingService, indexBuilder, treeViewLookupService, navigationService, cd) {
+    function TreeViewGroupComponent(expandService, loadingService, indexBuilder, treeViewLookupService, navigationService, nodeChildrenService) {
         this.expandService = expandService;
@@ -26,3 +27,3 @@ this.loadingService = loadingService;
         this.navigationService = navigationService;
-        this.cd = cd;
+        this.nodeChildrenService = nodeChildrenService;
         this.kGroupClass = true;
@@ -49,3 +50,5 @@ this.textField = "";
             this._data = data;
-            this.updateParentChildren();
+            var mappedChildren = this.mapToTreeItem(data);
+            this.setNodeChildren(mappedChildren);
+            this.emitChildrenLoaded(mappedChildren);
         },
@@ -88,7 +91,7 @@ enumerable: true,
         var _this = this;
-        this.subscription = this.nodes.subscribe(function (x) { _this.data = x; _this.cd.markForCheck(); });
+        this.subscription = this.nodes.subscribe(function (x) { _this.data = x; });
     };
     TreeViewGroupComponent.prototype.ngOnChanges = function (changes) {
         if (changes.parentIndex) {
-            this.updateParentChildren();
+            this.setNodeChildren(this.mapToTreeItem(this.data));
         }
@@ -114,4 +117,3 @@ };
     });
-    TreeViewGroupComponent.prototype.updateParentChildren = function () {
-        var children = this.parentIndex ? this.mapToTreeItem(this.data) : [];
+    TreeViewGroupComponent.prototype.setNodeChildren = function (children) {
         this.treeViewLookupService.registerChildren(this.parentIndex, children);
@@ -121,4 +123,13 @@ };
         var _this = this;
+        if (!this.parentIndex) {
+            return [];
+        }
         return data.map(function (dataItem, idx) { return ({ dataItem: dataItem, index: _this.nodeIndex(idx) }); });
     };
+    TreeViewGroupComponent.prototype.emitChildrenLoaded = function (children) {
+        if (!this.parentIndex) {
+            return;
+        }
+        this.nodeChildrenService.childrenLoaded({ dataItem: this.parentDataItem, index: this.parentIndex }, children);
+    };
     TreeViewGroupComponent.decorators = [
@@ -149,3 +160,3 @@ { type: Component, args: [{
         { type: NavigationService, },
-        { type: ChangeDetectorRef, },
+        { type: NodeChildrenService, },
     ]; };
@@ -152,0 +163,0 @@ TreeViewGroupComponent.propDecorators = {

dist/es/treeview-group.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"TreeViewGroupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger"},"arguments":["toggle",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["void => *",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"height":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["0.1s ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"height":"*"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["* => void",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"height":"*"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["0.1s ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"height":0}]}]}]]}]]}],"selector":"[kendoTreeViewGroup]","template":"\n        <li\n            *ngFor=\"let node of data; let index = index\" class=\"k-item\"\n            kendoTreeViewItem\n            [dataItem]=\"node\"\n            [index]=\"nodeIndex(index)\"\n            [parentDataItem]=\"parentDataItem\"\n            [parentIndex]=\"parentIndex\"\n            [isChecked]=\"isChecked(node, nodeIndex(index))\"\n            [isDisabled]=\"isDisabled(node, nodeIndex(index))\"\n            [isExpanded]=\"isExpanded(node, nodeIndex(index))\"\n            [isSelected]=\"isSelected(node, nodeIndex(index))\"\n            [attr.data-treeindex]=\"nodeIndex(index)\"\n        >\n            <div class=\"k-mid\" (mousedown)=\"$event.preventDefault()\">\n                <span\n                    class=\"k-icon\"\n                    [class.k-i-collapse]=\"isExpanded(node, nodeIndex(index))\"\n                    [class.k-i-expand]=\"!isExpanded(node, nodeIndex(index))\"\n                    [kendoTreeViewLoading]=\"nodeIndex(index)\"\n                    (click)=\"expandNode(nodeIndex(index), node, !isExpanded(node, nodeIndex(index)))\"\n                    (mousedown)=\"$event.preventDefault()\"\n                    *ngIf=\"expandIcons && hasChildren(node)\"\n                    >\n                </span>\n                <kendo-checkbox\n                    *ngIf=\"checkboxes\"\n                    [checkState]=\"isChecked(node, nodeIndex(index))\"\n                    (checkStateChange)=\"checkNode(nodeIndex(index))\"\n                    tabindex=\"-1\"\n                ></kendo-checkbox>\n                <span kendoTreeViewItemContent\n                    [attr.data-treeindex]=\"nodeIndex(index)\"\n                    [dataItem]=\"node\"\n                    [index]=\"nodeIndex(index)\"\n                    [initialSelection]=\"isSelected(node, nodeIndex(index))\"\n                    [isSelected]=\"isSelected\"\n                    (mousedown)=\"$event.preventDefault()\"\n                    class=\"k-in\"\n                >\n                    <ng-container [ngSwitch]=\"hasTemplate\">\n                        <ng-container *ngSwitchCase=\"true\">\n                            <ng-template\n                                [ngTemplateOutlet]=\"nodeTemplateRef\" [ngTemplateOutletContext]=\"{$implicit: node, index: nodeIndex(index)}\"\n                                >\n                            </ng-template>\n                        </ng-container>\n                        <ng-container *ngSwitchDefault>\n                            {{nodeText(node)}}\n                        </ng-container>\n                    </ng-container>\n                </span>\n            </div>\n            <ul\n                *ngIf=\"isExpanded(node, nodeIndex(index)) && hasChildren(node)\"\n                kendoTreeViewGroup\n                role=\"group\"\n                [nodes]=\"fetchChildren(node, nodeIndex(index))\"\n                [checkboxes]=\"checkboxes\"\n                [expandIcons]=\"expandIcons\"\n                [children]=\"children\"\n                [hasChildren]=\"hasChildren\"\n                [isChecked]=\"isChecked\"\n                [isDisabled]=\"isDisabled\"\n                [isExpanded]=\"isExpanded\"\n                [isSelected]=\"isSelected\"\n                [nodeTemplateRef]=\"nodeTemplateRef\"\n                [parentIndex]=\"nodeIndex(index)\"\n                [parentDataItem]=\"node\"\n                [textField]=\"nextFields\"\n                [@toggle]=\"true\"\n                >\n            </ul>\n        </li>\n    "}]}],"members":{"kGroupClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-group"]}]}],"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.role"]}]}],"checkboxes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"expandIcons":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"nodes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"textField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"parentDataItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"parentIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"nodeTemplateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./expand-state.service","name":"ExpandStateService"},{"__symbolic":"reference","module":"./loading-notification.service","name":"LoadingNotificationService"},{"__symbolic":"reference","module":"./index-builder.service","name":"IndexBuilderService"},{"__symbolic":"reference","module":"./treeview-lookup.service","name":"TreeViewLookupService"},{"__symbolic":"reference","module":"./navigation/navigation.service","name":"NavigationService"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"}]}],"isChecked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isExpanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"children":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"hasChildren":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"expandNode":[{"__symbolic":"method"}],"checkNode":[{"__symbolic":"method"}],"nodeIndex":[{"__symbolic":"method"}],"nodeText":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"fetchChildren":[{"__symbolic":"method"}],"updateParentChildren":[{"__symbolic":"method"}],"mapToTreeItem":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"TreeViewGroupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger"},"arguments":["toggle",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["void => *",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"height":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["0.1s ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"height":"*"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["* => void",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"height":"*"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["0.1s ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"height":0}]}]}]]}]]}],"selector":"[kendoTreeViewGroup]","template":"\n        <li\n            *ngFor=\"let node of data; let index = index\" class=\"k-item\"\n            kendoTreeViewItem\n            [dataItem]=\"node\"\n            [index]=\"nodeIndex(index)\"\n            [parentDataItem]=\"parentDataItem\"\n            [parentIndex]=\"parentIndex\"\n            [isChecked]=\"isChecked(node, nodeIndex(index))\"\n            [isDisabled]=\"isDisabled(node, nodeIndex(index))\"\n            [isExpanded]=\"isExpanded(node, nodeIndex(index))\"\n            [isSelected]=\"isSelected(node, nodeIndex(index))\"\n            [attr.data-treeindex]=\"nodeIndex(index)\"\n        >\n            <div class=\"k-mid\" (mousedown)=\"$event.preventDefault()\">\n                <span\n                    class=\"k-icon\"\n                    [class.k-i-collapse]=\"isExpanded(node, nodeIndex(index))\"\n                    [class.k-i-expand]=\"!isExpanded(node, nodeIndex(index))\"\n                    [kendoTreeViewLoading]=\"nodeIndex(index)\"\n                    (click)=\"expandNode(nodeIndex(index), node, !isExpanded(node, nodeIndex(index)))\"\n                    (mousedown)=\"$event.preventDefault()\"\n                    *ngIf=\"expandIcons && hasChildren(node)\"\n                    >\n                </span>\n                <kendo-checkbox\n                    *ngIf=\"checkboxes\"\n                    [checkState]=\"isChecked(node, nodeIndex(index))\"\n                    (checkStateChange)=\"checkNode(nodeIndex(index))\"\n                    tabindex=\"-1\"\n                ></kendo-checkbox>\n                <span kendoTreeViewItemContent\n                    [attr.data-treeindex]=\"nodeIndex(index)\"\n                    [dataItem]=\"node\"\n                    [index]=\"nodeIndex(index)\"\n                    [initialSelection]=\"isSelected(node, nodeIndex(index))\"\n                    [isSelected]=\"isSelected\"\n                    (mousedown)=\"$event.preventDefault()\"\n                    class=\"k-in\"\n                >\n                    <ng-container [ngSwitch]=\"hasTemplate\">\n                        <ng-container *ngSwitchCase=\"true\">\n                            <ng-template\n                                [ngTemplateOutlet]=\"nodeTemplateRef\" [ngTemplateOutletContext]=\"{$implicit: node, index: nodeIndex(index)}\"\n                                >\n                            </ng-template>\n                        </ng-container>\n                        <ng-container *ngSwitchDefault>\n                            {{nodeText(node)}}\n                        </ng-container>\n                    </ng-container>\n                </span>\n            </div>\n            <ul\n                *ngIf=\"isExpanded(node, nodeIndex(index)) && hasChildren(node)\"\n                kendoTreeViewGroup\n                role=\"group\"\n                [nodes]=\"fetchChildren(node, nodeIndex(index))\"\n                [checkboxes]=\"checkboxes\"\n                [expandIcons]=\"expandIcons\"\n                [children]=\"children\"\n                [hasChildren]=\"hasChildren\"\n                [isChecked]=\"isChecked\"\n                [isDisabled]=\"isDisabled\"\n                [isExpanded]=\"isExpanded\"\n                [isSelected]=\"isSelected\"\n                [nodeTemplateRef]=\"nodeTemplateRef\"\n                [parentIndex]=\"nodeIndex(index)\"\n                [parentDataItem]=\"node\"\n                [textField]=\"nextFields\"\n                [@toggle]=\"true\"\n                >\n            </ul>\n        </li>\n    "}]}],"members":{"kGroupClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-group"]}]}],"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.role"]}]}],"checkboxes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"expandIcons":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"nodes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"textField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"parentDataItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"parentIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"nodeTemplateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./expand-state.service","name":"ExpandStateService"},{"__symbolic":"reference","module":"./loading-notification.service","name":"LoadingNotificationService"},{"__symbolic":"reference","module":"./index-builder.service","name":"IndexBuilderService"},{"__symbolic":"reference","module":"./treeview-lookup.service","name":"TreeViewLookupService"},{"__symbolic":"reference","module":"./navigation/navigation.service","name":"NavigationService"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"}]}],"isChecked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isExpanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"children":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"hasChildren":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"expandNode":[{"__symbolic":"method"}],"checkNode":[{"__symbolic":"method"}],"nodeIndex":[{"__symbolic":"method"}],"nodeText":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"fetchChildren":[{"__symbolic":"method"}],"updateParentChildren":[{"__symbolic":"method"}],"mapToTreeItem":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"TreeViewGroupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger"},"arguments":["toggle",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["void => *",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"height":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["0.1s ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"height":"*"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["* => void",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"height":"*"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["0.1s ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"height":0}]}]}]]}]]}],"selector":"[kendoTreeViewGroup]","template":"\n        <li\n            *ngFor=\"let node of data; let index = index\" class=\"k-item\"\n            kendoTreeViewItem\n            [dataItem]=\"node\"\n            [index]=\"nodeIndex(index)\"\n            [parentDataItem]=\"parentDataItem\"\n            [parentIndex]=\"parentIndex\"\n            [isChecked]=\"isChecked(node, nodeIndex(index))\"\n            [isDisabled]=\"isDisabled(node, nodeIndex(index))\"\n            [isExpanded]=\"isExpanded(node, nodeIndex(index))\"\n            [isSelected]=\"isSelected(node, nodeIndex(index))\"\n            [attr.data-treeindex]=\"nodeIndex(index)\"\n        >\n            <div class=\"k-mid\" (mousedown)=\"$event.preventDefault()\">\n                <span\n                    class=\"k-icon\"\n                    [class.k-i-collapse]=\"isExpanded(node, nodeIndex(index))\"\n                    [class.k-i-expand]=\"!isExpanded(node, nodeIndex(index))\"\n                    [kendoTreeViewLoading]=\"nodeIndex(index)\"\n                    (click)=\"expandNode(nodeIndex(index), node, !isExpanded(node, nodeIndex(index)))\"\n                    (mousedown)=\"$event.preventDefault()\"\n                    *ngIf=\"expandIcons && hasChildren(node)\"\n                    >\n                </span>\n                <kendo-checkbox\n                    *ngIf=\"checkboxes\"\n                    [checkState]=\"isChecked(node, nodeIndex(index))\"\n                    (checkStateChange)=\"checkNode(nodeIndex(index))\"\n                    tabindex=\"-1\"\n                ></kendo-checkbox>\n                <span kendoTreeViewItemContent\n                    [attr.data-treeindex]=\"nodeIndex(index)\"\n                    [dataItem]=\"node\"\n                    [index]=\"nodeIndex(index)\"\n                    [initialSelection]=\"isSelected(node, nodeIndex(index))\"\n                    [isSelected]=\"isSelected\"\n                    (mousedown)=\"$event.preventDefault()\"\n                    class=\"k-in\"\n                >\n                    <ng-container [ngSwitch]=\"hasTemplate\">\n                        <ng-container *ngSwitchCase=\"true\">\n                            <ng-template\n                                [ngTemplateOutlet]=\"nodeTemplateRef\" [ngTemplateOutletContext]=\"{$implicit: node, index: nodeIndex(index)}\"\n                                >\n                            </ng-template>\n                        </ng-container>\n                        <ng-container *ngSwitchDefault>\n                            {{nodeText(node)}}\n                        </ng-container>\n                    </ng-container>\n                </span>\n            </div>\n            <ul\n                *ngIf=\"isExpanded(node, nodeIndex(index)) && hasChildren(node)\"\n                kendoTreeViewGroup\n                role=\"group\"\n                [nodes]=\"fetchChildren(node, nodeIndex(index))\"\n                [checkboxes]=\"checkboxes\"\n                [expandIcons]=\"expandIcons\"\n                [children]=\"children\"\n                [hasChildren]=\"hasChildren\"\n                [isChecked]=\"isChecked\"\n                [isDisabled]=\"isDisabled\"\n                [isExpanded]=\"isExpanded\"\n                [isSelected]=\"isSelected\"\n                [nodeTemplateRef]=\"nodeTemplateRef\"\n                [parentIndex]=\"nodeIndex(index)\"\n                [parentDataItem]=\"node\"\n                [textField]=\"nextFields\"\n                [@toggle]=\"true\"\n                >\n            </ul>\n        </li>\n    "}]}],"members":{"kGroupClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-group"]}]}],"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.role"]}]}],"checkboxes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"expandIcons":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"nodes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"textField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"parentDataItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"parentIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"nodeTemplateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./expand-state.service","name":"ExpandStateService"},{"__symbolic":"reference","module":"./loading-notification.service","name":"LoadingNotificationService"},{"__symbolic":"reference","module":"./index-builder.service","name":"IndexBuilderService"},{"__symbolic":"reference","module":"./treeview-lookup.service","name":"TreeViewLookupService"},{"__symbolic":"reference","module":"./navigation/navigation.service","name":"NavigationService"},{"__symbolic":"reference","module":"./node-children.service","name":"NodeChildrenService"}]}],"isChecked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isExpanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"children":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"hasChildren":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"expandNode":[{"__symbolic":"method"}],"checkNode":[{"__symbolic":"method"}],"nodeIndex":[{"__symbolic":"method"}],"nodeText":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"fetchChildren":[{"__symbolic":"method"}],"setNodeChildren":[{"__symbolic":"method"}],"mapToTreeItem":[{"__symbolic":"method"}],"emitChildrenLoaded":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"TreeViewGroupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger"},"arguments":["toggle",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["void => *",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"height":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["0.1s ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"height":"*"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["* => void",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"height":"*"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["0.1s ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"height":0}]}]}]]}]]}],"selector":"[kendoTreeViewGroup]","template":"\n        <li\n            *ngFor=\"let node of data; let index = index\" class=\"k-item\"\n            kendoTreeViewItem\n            [dataItem]=\"node\"\n            [index]=\"nodeIndex(index)\"\n            [parentDataItem]=\"parentDataItem\"\n            [parentIndex]=\"parentIndex\"\n            [isChecked]=\"isChecked(node, nodeIndex(index))\"\n            [isDisabled]=\"isDisabled(node, nodeIndex(index))\"\n            [isExpanded]=\"isExpanded(node, nodeIndex(index))\"\n            [isSelected]=\"isSelected(node, nodeIndex(index))\"\n            [attr.data-treeindex]=\"nodeIndex(index)\"\n        >\n            <div class=\"k-mid\" (mousedown)=\"$event.preventDefault()\">\n                <span\n                    class=\"k-icon\"\n                    [class.k-i-collapse]=\"isExpanded(node, nodeIndex(index))\"\n                    [class.k-i-expand]=\"!isExpanded(node, nodeIndex(index))\"\n                    [kendoTreeViewLoading]=\"nodeIndex(index)\"\n                    (click)=\"expandNode(nodeIndex(index), node, !isExpanded(node, nodeIndex(index)))\"\n                    (mousedown)=\"$event.preventDefault()\"\n                    *ngIf=\"expandIcons && hasChildren(node)\"\n                    >\n                </span>\n                <kendo-checkbox\n                    *ngIf=\"checkboxes\"\n                    [checkState]=\"isChecked(node, nodeIndex(index))\"\n                    (checkStateChange)=\"checkNode(nodeIndex(index))\"\n                    tabindex=\"-1\"\n                ></kendo-checkbox>\n                <span kendoTreeViewItemContent\n                    [attr.data-treeindex]=\"nodeIndex(index)\"\n                    [dataItem]=\"node\"\n                    [index]=\"nodeIndex(index)\"\n                    [initialSelection]=\"isSelected(node, nodeIndex(index))\"\n                    [isSelected]=\"isSelected\"\n                    (mousedown)=\"$event.preventDefault()\"\n                    class=\"k-in\"\n                >\n                    <ng-container [ngSwitch]=\"hasTemplate\">\n                        <ng-container *ngSwitchCase=\"true\">\n                            <ng-template\n                                [ngTemplateOutlet]=\"nodeTemplateRef\" [ngTemplateOutletContext]=\"{$implicit: node, index: nodeIndex(index)}\"\n                                >\n                            </ng-template>\n                        </ng-container>\n                        <ng-container *ngSwitchDefault>\n                            {{nodeText(node)}}\n                        </ng-container>\n                    </ng-container>\n                </span>\n            </div>\n            <ul\n                *ngIf=\"isExpanded(node, nodeIndex(index)) && hasChildren(node)\"\n                kendoTreeViewGroup\n                role=\"group\"\n                [nodes]=\"fetchChildren(node, nodeIndex(index))\"\n                [checkboxes]=\"checkboxes\"\n                [expandIcons]=\"expandIcons\"\n                [children]=\"children\"\n                [hasChildren]=\"hasChildren\"\n                [isChecked]=\"isChecked\"\n                [isDisabled]=\"isDisabled\"\n                [isExpanded]=\"isExpanded\"\n                [isSelected]=\"isSelected\"\n                [nodeTemplateRef]=\"nodeTemplateRef\"\n                [parentIndex]=\"nodeIndex(index)\"\n                [parentDataItem]=\"node\"\n                [textField]=\"nextFields\"\n                [@toggle]=\"true\"\n                >\n            </ul>\n        </li>\n    "}]}],"members":{"kGroupClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-group"]}]}],"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.role"]}]}],"checkboxes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"expandIcons":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"nodes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"textField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"parentDataItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"parentIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"nodeTemplateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./expand-state.service","name":"ExpandStateService"},{"__symbolic":"reference","module":"./loading-notification.service","name":"LoadingNotificationService"},{"__symbolic":"reference","module":"./index-builder.service","name":"IndexBuilderService"},{"__symbolic":"reference","module":"./treeview-lookup.service","name":"TreeViewLookupService"},{"__symbolic":"reference","module":"./navigation/navigation.service","name":"NavigationService"},{"__symbolic":"reference","module":"./node-children.service","name":"NodeChildrenService"}]}],"isChecked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isExpanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"children":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"hasChildren":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"expandNode":[{"__symbolic":"method"}],"checkNode":[{"__symbolic":"method"}],"nodeIndex":[{"__symbolic":"method"}],"nodeText":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"fetchChildren":[{"__symbolic":"method"}],"setNodeChildren":[{"__symbolic":"method"}],"mapToTreeItem":[{"__symbolic":"method"}],"emitChildrenLoaded":[{"__symbolic":"method"}]}}}}]

dist/es/treeview.component.d.ts

@@ -5,2 +5,3 @@ import { ElementRef, EventEmitter, OnChanges, OnInit, OnDestroy } from '@angular/core';
 import { ExpandStateService } from './expand-state.service';
+import { NodeChildrenService } from './node-children.service';
 import { NavigationService } from './navigation/navigation.service';
@@ -12,3 +13,2 @@ import { SelectionService } from './selection/selection.service';
 import { TreeItem } from './treeitem.interface';
-import { Subscription } from 'rxjs/Subscription';
 import { Subject } from 'rxjs/Subject';
@@ -64,2 +64,3 @@ import { Observable } from 'rxjs/Observable';
     protected navigationService: NavigationService;
+    protected nodeChildrenService: NodeChildrenService;
     protected selectionService: SelectionService;
@@ -75,2 +76,9 @@ protected treeViewLookupService: TreeViewLookupService;
     /**
+     * Fires when the children of the expanded node are loaded.
+     */
+    childrenLoaded: EventEmitter<{
+        children: TreeItem[];
+        item: TreeItem;
+    }>;
+    /**
      * Fires when the user blurs the component.
@@ -139,14 +147,9 @@ */
     /**
-     * @hidden
-     * Determines whether to render checkbox elements.
+     * A function which provides the child nodes for a given parent node.
      */
+    children: <T>(item: T) => Observable<any[]>;
     checkboxes: boolean;
-    /**
-     * @hidden
-     * Determines whether to render expand or collapse icons.
-     */
     expandIcons: boolean;
     isActive: boolean;
     data: Subject<any[]>;
-    protected subscriptions: Subscription;
     private _animate;
@@ -158,2 +161,3 @@ private _isChecked;
     private resolvedPromise;
+    private subscriptions;
     /**
@@ -167,3 +171,3 @@ * @hidden
     handleClick({target}: any): void;
-    constructor(focusService: FocusStateService, expandService: ExpandStateService, navigationService: NavigationService, selectionService: SelectionService, treeViewLookupService: TreeViewLookupService, element: ElementRef);
+    constructor(focusService: FocusStateService, expandService: ExpandStateService, navigationService: NavigationService, nodeChildrenService: NodeChildrenService, selectionService: SelectionService, treeViewLookupService: TreeViewLookupService, element: ElementRef);
     ngOnChanges(_: any): void;
@@ -173,6 +177,2 @@ ngOnDestroy(): void;
     /**
-     * A function which provides the child nodes for a given parent node.
-     */
-    children: <T>(item: T) => Observable<any[]>;
-    /**
      * Blurs the focused TreeView item.
@@ -179,0 +179,0 @@ */

dist/es/treeview.component.js

@@ -0,1 +1,2 @@
+/* tslint:disable:member-ordering */
 import { ChangeDetectionStrategy, Component, ElementRef, HostBinding, HostListener, Input, ContentChild, Output, EventEmitter } from '@angular/core';
@@ -7,2 +8,3 @@ import { NodeTemplateDirective } from './node-template.directive';
 import { LoadingNotificationService } from './loading-notification.service';
+import { NodeChildrenService } from './node-children.service';
 import { NavigationService } from './navigation/navigation.service';
@@ -24,2 +26,3 @@ import { SelectionService } from './selection/selection.service';
     LoadingNotificationService,
+    NodeChildrenService,
     NavigationService,
@@ -73,6 +76,7 @@ SelectionService
 var TreeViewComponent = /** @class */ (function () {
-    function TreeViewComponent(focusService, expandService, navigationService, selectionService, treeViewLookupService, element) {
+    function TreeViewComponent(focusService, expandService, navigationService, nodeChildrenService, selectionService, treeViewLookupService, element) {
         this.focusService = focusService;
         this.expandService = expandService;
         this.navigationService = navigationService;
+        this.nodeChildrenService = nodeChildrenService;
         this.selectionService = selectionService;
@@ -83,2 +87,6 @@ this.treeViewLookupService = treeViewLookupService;
         /**
+         * Fires when the children of the expanded node are loaded.
+         */
+        this.childrenLoaded = new EventEmitter();
+        /**
          * Fires when the user blurs the component.
@@ -116,14 +124,12 @@ */
         /**
-         * @hidden
-         * Determines whether to render checkbox elements.
+         * A function which provides the child nodes for a given parent node.
          */
+        this.children = function () { return of([]); };
         this.checkboxes = false;
+        this.expandIcons = false;
+        this.isActive = false;
         this.data = new BehaviorSubject([]);
-        this.subscriptions = new Subscription(function () { });
         this._animate = true;
         this.resolvedPromise = Promise.resolve(null);
-        /**
-         * A function which provides the child nodes for a given parent node.
-         */
-        this.children = function () { return of([]); };
+        this.subscriptions = new Subscription(function () { });
     }
@@ -248,2 +254,5 @@ Object.defineProperty(TreeViewComponent.prototype, "role", {
         var _this = this;
+        this.subscriptions.add(this.nodeChildrenService
+            .changes
+            .subscribe(function (x) { return _this.childrenLoaded.emit(x); }));
         this.subscriptions.add(this.focusService.changes
@@ -342,3 +351,3 @@ .pipe(auditTime(1))
         { type: Component, args: [{
-                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    changeDetection: ChangeDetectionStrategy.Default,
                     exportAs: 'kendoTreeView',
@@ -355,2 +364,3 @@ providers: providers,
         { type: NavigationService, },
+        { type: NodeChildrenService, },
         { type: SelectionService, },
@@ -364,2 +374,3 @@ { type: TreeViewLookupService, },
         'animate': [{ type: Input }, { type: HostBinding, args: ['@.disabled',] },],
+        'childrenLoaded': [{ type: Output },],
         'onBlur': [{ type: Output, args: ['blur',] },],
@@ -380,5 +391,5 @@ 'onFocus': [{ type: Output, args: ['focus',] },],
         'navigable': [{ type: Input },],
+        'children': [{ type: Input },],
         'handleKeydown': [{ type: HostListener, args: ['keydown', ['$event'],] },],
         'handleClick': [{ type: HostListener, args: ['click', ['$event'],] },],
-        'children': [{ type: Input },],
     };
@@ -385,0 +396,0 @@ return TreeViewComponent;

dist/es/treeview.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"TreeViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"},"exportAs":"kendoTreeView","providers":[{"__symbolic":"reference","module":"./focus-state.service","name":"FocusStateService"},{"__symbolic":"reference","module":"./expand-state.service","name":"ExpandStateService"},{"__symbolic":"reference","module":"./index-builder.service","name":"IndexBuilderService"},{"__symbolic":"reference","module":"./treeview-lookup.service","name":"TreeViewLookupService"},{"__symbolic":"reference","module":"./loading-notification.service","name":"LoadingNotificationService"},{"__symbolic":"reference","module":"./navigation/navigation.service","name":"NavigationService"},{"__symbolic":"reference","module":"./selection/selection.service","name":"SelectionService"}],"selector":"kendo-treeview","template":"\n    <ul class=\"k-treeview-lines\"\n      kendoTreeViewGroup\n      role=\"group\"\n      [checkboxes]=\"checkboxes\"\n      [expandIcons]=\"expandIcons\"\n      [children]=\"children\"\n      [hasChildren]=\"hasChildren\"\n      [isChecked]=\"isChecked\"\n      [isDisabled]=\"isDisabled\"\n      [isExpanded]=\"isExpanded\"\n      [isSelected]=\"isSelected\"\n      [nodeTemplateRef]=\"nodeTemplate?.templateRef\"\n      [nodes]=\"data\"\n      [textField]=\"textField\"\n      >\n    </ul>\n  "}]}],"members":{"classNames":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-widget"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-treeview"]}]}],"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.role"]}]}],"animate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["@.disabled"]}]}],"onBlur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["blur"]}]}],"onFocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["focus"]}]}],"expand":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"collapse":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"checkedChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"nodeTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./node-template.directive","name":"NodeTemplateDirective"}]}]}],"nodes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"textField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"hasChildren":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isChecked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isExpanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"navigable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"handleKeydown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"handleClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["click",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./focus-state.service","name":"FocusStateService"},{"__symbolic":"reference","module":"./expand-state.service","name":"ExpandStateService"},{"__symbolic":"reference","module":"./navigation/navigation.service","name":"NavigationService"},{"__symbolic":"reference","module":"./selection/selection.service","name":"SelectionService"},{"__symbolic":"reference","module":"./treeview-lookup.service","name":"TreeViewLookupService"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"children":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"blur":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"focusin":[{"__symbolic":"method"}],"focusout":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"TreeViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"},"exportAs":"kendoTreeView","providers":[{"__symbolic":"reference","module":"./focus-state.service","name":"FocusStateService"},{"__symbolic":"reference","module":"./expand-state.service","name":"ExpandStateService"},{"__symbolic":"reference","module":"./index-builder.service","name":"IndexBuilderService"},{"__symbolic":"reference","module":"./treeview-lookup.service","name":"TreeViewLookupService"},{"__symbolic":"reference","module":"./loading-notification.service","name":"LoadingNotificationService"},{"__symbolic":"reference","module":"./navigation/navigation.service","name":"NavigationService"},{"__symbolic":"reference","module":"./selection/selection.service","name":"SelectionService"}],"selector":"kendo-treeview","template":"\n    <ul class=\"k-treeview-lines\"\n      kendoTreeViewGroup\n      role=\"group\"\n      [checkboxes]=\"checkboxes\"\n      [expandIcons]=\"expandIcons\"\n      [children]=\"children\"\n      [hasChildren]=\"hasChildren\"\n      [isChecked]=\"isChecked\"\n      [isDisabled]=\"isDisabled\"\n      [isExpanded]=\"isExpanded\"\n      [isSelected]=\"isSelected\"\n      [nodeTemplateRef]=\"nodeTemplate?.templateRef\"\n      [nodes]=\"data\"\n      [textField]=\"textField\"\n      >\n    </ul>\n  "}]}],"members":{"classNames":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-widget"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-treeview"]}]}],"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.role"]}]}],"animate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["@.disabled"]}]}],"onBlur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["blur"]}]}],"onFocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["focus"]}]}],"expand":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"collapse":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"checkedChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"nodeTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./node-template.directive","name":"NodeTemplateDirective"}]}]}],"nodes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"textField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"hasChildren":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isChecked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isExpanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"navigable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"handleKeydown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"handleClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["click",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./focus-state.service","name":"FocusStateService"},{"__symbolic":"reference","module":"./expand-state.service","name":"ExpandStateService"},{"__symbolic":"reference","module":"./navigation/navigation.service","name":"NavigationService"},{"__symbolic":"reference","module":"./selection/selection.service","name":"SelectionService"},{"__symbolic":"reference","module":"./treeview-lookup.service","name":"TreeViewLookupService"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"children":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"blur":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"focusin":[{"__symbolic":"method"}],"focusout":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"TreeViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"Default"},"exportAs":"kendoTreeView","providers":[{"__symbolic":"reference","module":"./focus-state.service","name":"FocusStateService"},{"__symbolic":"reference","module":"./expand-state.service","name":"ExpandStateService"},{"__symbolic":"reference","module":"./index-builder.service","name":"IndexBuilderService"},{"__symbolic":"reference","module":"./treeview-lookup.service","name":"TreeViewLookupService"},{"__symbolic":"reference","module":"./loading-notification.service","name":"LoadingNotificationService"},{"__symbolic":"reference","module":"./node-children.service","name":"NodeChildrenService"},{"__symbolic":"reference","module":"./navigation/navigation.service","name":"NavigationService"},{"__symbolic":"reference","module":"./selection/selection.service","name":"SelectionService"}],"selector":"kendo-treeview","template":"\n    <ul class=\"k-treeview-lines\"\n      kendoTreeViewGroup\n      role=\"group\"\n      [checkboxes]=\"checkboxes\"\n      [expandIcons]=\"expandIcons\"\n      [children]=\"children\"\n      [hasChildren]=\"hasChildren\"\n      [isChecked]=\"isChecked\"\n      [isDisabled]=\"isDisabled\"\n      [isExpanded]=\"isExpanded\"\n      [isSelected]=\"isSelected\"\n      [nodeTemplateRef]=\"nodeTemplate?.templateRef\"\n      [nodes]=\"data\"\n      [textField]=\"textField\"\n      >\n    </ul>\n  "}]}],"members":{"classNames":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-widget"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-treeview"]}]}],"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.role"]}]}],"animate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["@.disabled"]}]}],"childrenLoaded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onBlur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["blur"]}]}],"onFocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["focus"]}]}],"expand":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"collapse":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"checkedChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"nodeTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./node-template.directive","name":"NodeTemplateDirective"}]}]}],"nodes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"textField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"hasChildren":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isChecked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isExpanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"navigable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"children":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"handleKeydown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"handleClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["click",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./focus-state.service","name":"FocusStateService"},{"__symbolic":"reference","module":"./expand-state.service","name":"ExpandStateService"},{"__symbolic":"reference","module":"./navigation/navigation.service","name":"NavigationService"},{"__symbolic":"reference","module":"./node-children.service","name":"NodeChildrenService"},{"__symbolic":"reference","module":"./selection/selection.service","name":"SelectionService"},{"__symbolic":"reference","module":"./treeview-lookup.service","name":"TreeViewLookupService"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"blur":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"focusin":[{"__symbolic":"method"}],"focusout":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"TreeViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"Default"},"exportAs":"kendoTreeView","providers":[{"__symbolic":"reference","module":"./focus-state.service","name":"FocusStateService"},{"__symbolic":"reference","module":"./expand-state.service","name":"ExpandStateService"},{"__symbolic":"reference","module":"./index-builder.service","name":"IndexBuilderService"},{"__symbolic":"reference","module":"./treeview-lookup.service","name":"TreeViewLookupService"},{"__symbolic":"reference","module":"./loading-notification.service","name":"LoadingNotificationService"},{"__symbolic":"reference","module":"./node-children.service","name":"NodeChildrenService"},{"__symbolic":"reference","module":"./navigation/navigation.service","name":"NavigationService"},{"__symbolic":"reference","module":"./selection/selection.service","name":"SelectionService"}],"selector":"kendo-treeview","template":"\n    <ul class=\"k-treeview-lines\"\n      kendoTreeViewGroup\n      role=\"group\"\n      [checkboxes]=\"checkboxes\"\n      [expandIcons]=\"expandIcons\"\n      [children]=\"children\"\n      [hasChildren]=\"hasChildren\"\n      [isChecked]=\"isChecked\"\n      [isDisabled]=\"isDisabled\"\n      [isExpanded]=\"isExpanded\"\n      [isSelected]=\"isSelected\"\n      [nodeTemplateRef]=\"nodeTemplate?.templateRef\"\n      [nodes]=\"data\"\n      [textField]=\"textField\"\n      >\n    </ul>\n  "}]}],"members":{"classNames":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-widget"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-treeview"]}]}],"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.role"]}]}],"animate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["@.disabled"]}]}],"childrenLoaded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onBlur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["blur"]}]}],"onFocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["focus"]}]}],"expand":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"collapse":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"checkedChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"nodeTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./node-template.directive","name":"NodeTemplateDirective"}]}]}],"nodes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"textField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"hasChildren":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isChecked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isExpanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"navigable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"children":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"handleKeydown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"handleClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["click",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./focus-state.service","name":"FocusStateService"},{"__symbolic":"reference","module":"./expand-state.service","name":"ExpandStateService"},{"__symbolic":"reference","module":"./navigation/navigation.service","name":"NavigationService"},{"__symbolic":"reference","module":"./node-children.service","name":"NodeChildrenService"},{"__symbolic":"reference","module":"./selection/selection.service","name":"SelectionService"},{"__symbolic":"reference","module":"./treeview-lookup.service","name":"TreeViewLookupService"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"blur":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"focusin":[{"__symbolic":"method"}],"focusout":[{"__symbolic":"method"}]}}}}]

dist/es/utils.d.ts

@@ -55,3 +55,3 @@ import { ElementRef } from '@angular/core';
  */
-export declare const nodeIndex: (item: NavigationItem | TreeItem) => string;
+export declare const nodeIndex: (item: TreeItem | NavigationItem) => string;
 /**
@@ -58,0 +58,0 @@ * @hidden

dist/npm/check.directive.d.ts

@@ -1,2 +0,2 @@
-import { ChangeDetectorRef, DoCheck, EventEmitter, OnDestroy, OnChanges, IterableDiffers } from '@angular/core';
+import { ChangeDetectorRef, EventEmitter, OnDestroy, OnChanges } from '@angular/core';
 import { TreeViewComponent } from './treeview.component';
@@ -9,6 +9,5 @@ import { CheckableSettings } from './checkable-settings';
  */
-export declare class CheckDirective implements DoCheck, OnChanges, OnDestroy {
+export declare class CheckDirective implements OnChanges, OnDestroy {
     protected treeView: TreeViewComponent;
     private cdr;
-    private differs;
     /**
@@ -41,5 +40,4 @@ * @hidden
     private _checkedKeys;
-    private differ;
-    constructor(treeView: TreeViewComponent, cdr: ChangeDetectorRef, differs: IterableDiffers);
-    ngDoCheck(): void;
+    private resolvedPromise;
+    constructor(treeView: TreeViewComponent, cdr: ChangeDetectorRef);
     ngOnChanges(changes: any): void;
@@ -57,2 +55,3 @@ ngOnDestroy(): void;
     private notify();
+    private addChildrenKeys(args);
 }

dist/npm/check.directive.js

@@ -7,2 +7,3 @@ "use strict";
 var Subscription_1 = require("rxjs/Subscription");
+var filter_1 = require("rxjs/operators/filter");
 var indexChecked = function (keys, index) { return keys.filter(function (k) { return k === index; }).length > 0; };
@@ -13,7 +14,6 @@ /**
 var CheckDirective = /** @class */ (function () {
-    function CheckDirective(treeView, cdr, differs) {
+    function CheckDirective(treeView, cdr) {
         var _this = this;
         this.treeView = treeView;
         this.cdr = cdr;
-        this.differs = differs;
         /**
@@ -29,4 +29,13 @@ * Fires when the `checkedKeys` collection was updated.
         this._checkedKeys = [];
+        this.resolvedPromise = Promise.resolve(null);
         this.subscriptions.add(this.treeView.checkedChange
             .subscribe(function (e) { return _this.check(e); }));
+        this.subscriptions.add(this.treeView.childrenLoaded
+            .pipe(filter_1.filter(function () { return _this.options.checkChildren; }))
+            .subscribe(function (e) {
+            _this.resolvedPromise.then(function () {
+                _this.addChildrenKeys(e);
+                _this.cdr.detectChanges();
+            });
+        }));
         this.treeView.isChecked = this.isItemChecked.bind(this);
@@ -53,5 +62,2 @@ }
             this._checkedKeys = keys;
-            if (!this.differ && keys) {
-                this.differ = this.differs.find(keys).create();
-            }
         },
@@ -81,14 +87,5 @@ enumerable: true,
     });
-    CheckDirective.prototype.ngDoCheck = function () {
-        if (this.differ) {
-            var changes = this.differ.diff(this.checkedKeys);
-            if (changes) {
-                this.cdr.markForCheck();
-            }
-        }
-    };
     CheckDirective.prototype.ngOnChanges = function (changes) {
         if (changes.checkable) {
             this.treeView.checkboxes = this.options.enabled;
-            this.cdr.markForCheck();
         }
@@ -107,3 +104,3 @@ };
     CheckDirective.prototype.isIndexChecked = function (index) {
-        var checkedKeys = this.checkedKeys.filter(function (k) { return k.indexOf(index) === 0; });
+        var checkedKeys = this.checkedKeys.filter(function (k) { return k.indexOf && k.indexOf(index) === 0; });
         if (indexChecked(checkedKeys, index)) {
@@ -192,2 +189,20 @@ return 'checked';
     };
+    CheckDirective.prototype.addChildrenKeys = function (args) {
+        var _this = this;
+        if (this.checkedKeys.indexOf(this.itemKey(args.item)) === -1) {
+            return;
+        }
+        var keys = args.children.reduce(function (acc, item) {
+            var itemKey = _this.itemKey(item);
+            var existingKey = _this.checkedKeys.find(function (key) { return itemKey === key; });
+            if (!existingKey) {
+                acc.push(itemKey);
+            }
+            return acc;
+        }, []);
+        if (keys.length) {
+            this.checkedKeys = this.checkedKeys.concat(keys);
+            this.notify();
+        }
+    };
     CheckDirective.decorators = [
@@ -200,3 +215,2 @@ { type: core_1.Directive, args: [{ selector: '[kendoTreeViewCheckable]' },] },
         { type: core_1.ChangeDetectorRef, },
-        { type: core_1.IterableDiffers, },
     ]; };
@@ -203,0 +217,0 @@ CheckDirective.propDecorators = {

dist/npm/check.directive.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"CheckDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[kendoTreeViewCheckable]"}]}],"members":{"isChecked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"checkKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["checkBy"]}]}],"checkedKeys":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"checkable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["kendoTreeViewCheckable"]}]}],"checkedKeysChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./treeview.component","name":"TreeViewComponent"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"},{"__symbolic":"reference","module":"@angular/core","name":"IterableDiffers"}]}],"ngDoCheck":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"isItemChecked":[{"__symbolic":"method"}],"isIndexChecked":[{"__symbolic":"method"}],"itemKey":[{"__symbolic":"method"}],"check":[{"__symbolic":"method"}],"checkSingle":[{"__symbolic":"method"}],"checkMultiple":[{"__symbolic":"method"}],"checkNode":[{"__symbolic":"method"}],"checkParents":[{"__symbolic":"method"}],"allChildrenSelected":[{"__symbolic":"method"}],"notify":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"CheckDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[kendoTreeViewCheckable]"}]}],"members":{"isChecked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"checkKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["checkBy"]}]}],"checkedKeys":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"checkable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["kendoTreeViewCheckable"]}]}],"checkedKeysChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./treeview.component","name":"TreeViewComponent"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"},{"__symbolic":"reference","module":"@angular/core","name":"IterableDiffers"}]}],"ngDoCheck":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"isItemChecked":[{"__symbolic":"method"}],"isIndexChecked":[{"__symbolic":"method"}],"itemKey":[{"__symbolic":"method"}],"check":[{"__symbolic":"method"}],"checkSingle":[{"__symbolic":"method"}],"checkMultiple":[{"__symbolic":"method"}],"checkNode":[{"__symbolic":"method"}],"checkParents":[{"__symbolic":"method"}],"allChildrenSelected":[{"__symbolic":"method"}],"notify":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"CheckDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[kendoTreeViewCheckable]"}]}],"members":{"isChecked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"checkKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["checkBy"]}]}],"checkedKeys":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"checkable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["kendoTreeViewCheckable"]}]}],"checkedKeysChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./treeview.component","name":"TreeViewComponent"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"isItemChecked":[{"__symbolic":"method"}],"isIndexChecked":[{"__symbolic":"method"}],"itemKey":[{"__symbolic":"method"}],"check":[{"__symbolic":"method"}],"checkSingle":[{"__symbolic":"method"}],"checkMultiple":[{"__symbolic":"method"}],"checkNode":[{"__symbolic":"method"}],"checkParents":[{"__symbolic":"method"}],"allChildrenSelected":[{"__symbolic":"method"}],"notify":[{"__symbolic":"method"}],"addChildrenKeys":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"CheckDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[kendoTreeViewCheckable]"}]}],"members":{"isChecked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"checkKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["checkBy"]}]}],"checkedKeys":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"checkable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["kendoTreeViewCheckable"]}]}],"checkedKeysChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./treeview.component","name":"TreeViewComponent"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"isItemChecked":[{"__symbolic":"method"}],"isIndexChecked":[{"__symbolic":"method"}],"itemKey":[{"__symbolic":"method"}],"check":[{"__symbolic":"method"}],"checkSingle":[{"__symbolic":"method"}],"checkMultiple":[{"__symbolic":"method"}],"checkNode":[{"__symbolic":"method"}],"checkParents":[{"__symbolic":"method"}],"allChildrenSelected":[{"__symbolic":"method"}],"notify":[{"__symbolic":"method"}],"addChildrenKeys":[{"__symbolic":"method"}]}}}}]

dist/npm/expand.directive.d.ts

@@ -1,2 +0,2 @@
-import { ChangeDetectorRef, DoCheck, EventEmitter, IterableDiffers, OnDestroy } from '@angular/core';
+import { EventEmitter, OnDestroy } from '@angular/core';
 import { TreeViewComponent } from './treeview.component';
@@ -7,6 +7,4 @@ import { Subscription } from 'rxjs/Subscription';
  */
-export declare class ExpandDirective implements DoCheck, OnDestroy {
+export declare class ExpandDirective implements OnDestroy {
     protected treeView: TreeViewComponent;
-    private cdr;
-    private differs;
     /**
@@ -32,6 +30,4 @@ * @hidden
     protected subscriptions: Subscription;
-    private differ;
     private _expandedKeys;
-    constructor(treeView: TreeViewComponent, cdr: ChangeDetectorRef, differs: IterableDiffers);
-    ngDoCheck(): void;
+    constructor(treeView: TreeViewComponent);
     ngOnDestroy(): void;
@@ -38,0 +34,0 @@ protected itemKey(e: any): any;

dist/npm/expand.directive.js

@@ -13,7 +13,5 @@ "use strict";
 var ExpandDirective = /** @class */ (function () {
-    function ExpandDirective(treeView, cdr, differs) {
+    function ExpandDirective(treeView) {
         var _this = this;
         this.treeView = treeView;
-        this.cdr = cdr;
-        this.differs = differs;
         /**
@@ -49,5 +47,2 @@ * Fires when the `expandedKeys` collection was updated.
             this._expandedKeys = keys;
-            if (!this.differ && keys) {
-                this.differ = this.differs.find(keys).create();
-            }
         },
@@ -57,10 +52,2 @@ enumerable: true,
     });
-    ExpandDirective.prototype.ngDoCheck = function () {
-        if (this.differ) {
-            var changes = this.differ.diff(this.expandedKeys);
-            if (changes) {
-                this.cdr.markForCheck();
-            }
-        }
-    };
     ExpandDirective.prototype.ngOnDestroy = function () {
@@ -103,4 +90,2 @@ this.subscriptions.unsubscribe();
         { type: treeview_component_1.TreeViewComponent, },
-        { type: core_1.ChangeDetectorRef, },
-        { type: core_1.IterableDiffers, },
     ]; };
@@ -107,0 +92,0 @@ ExpandDirective.propDecorators = {

dist/npm/expand.directive.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"ExpandDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[kendoTreeViewExpandable]"}]}],"members":{"isExpanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"expandKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["expandBy"]}]}],"expandedKeysChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"expandedKeys":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./treeview.component","name":"TreeViewComponent"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"},{"__symbolic":"reference","module":"@angular/core","name":"IterableDiffers"}]}],"ngDoCheck":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"itemKey":[{"__symbolic":"method"}],"toggleExpand":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"ExpandDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[kendoTreeViewExpandable]"}]}],"members":{"isExpanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"expandKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["expandBy"]}]}],"expandedKeysChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"expandedKeys":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./treeview.component","name":"TreeViewComponent"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"},{"__symbolic":"reference","module":"@angular/core","name":"IterableDiffers"}]}],"ngDoCheck":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"itemKey":[{"__symbolic":"method"}],"toggleExpand":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"ExpandDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[kendoTreeViewExpandable]"}]}],"members":{"isExpanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"expandKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["expandBy"]}]}],"expandedKeysChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"expandedKeys":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./treeview.component","name":"TreeViewComponent"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"itemKey":[{"__symbolic":"method"}],"toggleExpand":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"ExpandDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[kendoTreeViewExpandable]"}]}],"members":{"isExpanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"expandKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["expandBy"]}]}],"expandedKeysChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"expandedKeys":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./treeview.component","name":"TreeViewComponent"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"itemKey":[{"__symbolic":"method"}],"toggleExpand":[{"__symbolic":"method"}]}}}}]

dist/npm/selection/select.directive.d.ts

@@ -1,2 +0,2 @@
-import { ChangeDetectorRef, DoCheck, EventEmitter, OnDestroy, IterableDiffers } from '@angular/core';
+import { EventEmitter, OnDestroy } from '@angular/core';
 import { TreeViewComponent } from '../treeview.component';
@@ -8,6 +8,4 @@ import { SelectableSettings } from './selectable-settings';
  */
-export declare class SelectDirective implements DoCheck, OnDestroy {
+export declare class SelectDirective implements OnDestroy {
     protected treeView: TreeViewComponent;
-    private cdr;
-    private differs;
     /**
@@ -40,6 +38,4 @@ * @hidden
     private selectActions;
-    private differ;
     private _selectedKeys;
-    constructor(treeView: TreeViewComponent, cdr: ChangeDetectorRef, differs: IterableDiffers);
-    ngDoCheck(): void;
+    constructor(treeView: TreeViewComponent);
     ngOnDestroy(): void;
@@ -46,0 +42,0 @@ protected itemKey(e: any): any;

dist/npm/selection/select.directive.js

@@ -11,7 +11,5 @@ "use strict";
 var SelectDirective = /** @class */ (function () {
-    function SelectDirective(treeView, cdr, differs) {
+    function SelectDirective(treeView) {
         var _this = this;
         this.treeView = treeView;
-        this.cdr = cdr;
-        this.differs = differs;
         /**
@@ -49,5 +47,2 @@ * Fires when the `selectedKeys` collection was updated.
             this._selectedKeys = keys;
-            if (!this.differ && keys) {
-                this.differ = this.differs.find(keys).create();
-            }
         },
@@ -80,10 +75,2 @@ enumerable: true,
     });
-    SelectDirective.prototype.ngDoCheck = function () {
-        if (this.differ) {
-            var changes = this.differ.diff(this.selectedKeys);
-            if (changes) {
-                this.cdr.markForCheck();
-            }
-        }
-    };
     SelectDirective.prototype.ngOnDestroy = function () {
@@ -143,4 +130,2 @@ this.subscriptions.unsubscribe();
         { type: treeview_component_1.TreeViewComponent, },
-        { type: core_1.ChangeDetectorRef, },
-        { type: core_1.IterableDiffers, },
     ]; };
@@ -147,0 +132,0 @@ SelectDirective.propDecorators = {

dist/npm/selection/select.directive.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"SelectDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[kendoTreeViewSelectable]"}]}],"members":{"isSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selectKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["selectBy"]}]}],"selection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["kendoTreeViewSelectable"]}]}],"selectedKeys":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selectedKeysChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"getAriaMultiselectable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-multiselectable"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../treeview.component","name":"TreeViewComponent"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"},{"__symbolic":"reference","module":"@angular/core","name":"IterableDiffers"}]}],"ngDoCheck":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"itemKey":[{"__symbolic":"method"}],"select":[{"__symbolic":"method"}],"selectSingle":[{"__symbolic":"method"}],"selectMultiple":[{"__symbolic":"method"}],"notify":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SelectDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[kendoTreeViewSelectable]"}]}],"members":{"isSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selectKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["selectBy"]}]}],"selection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["kendoTreeViewSelectable"]}]}],"selectedKeys":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selectedKeysChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"getAriaMultiselectable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-multiselectable"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../treeview.component","name":"TreeViewComponent"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"},{"__symbolic":"reference","module":"@angular/core","name":"IterableDiffers"}]}],"ngDoCheck":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"itemKey":[{"__symbolic":"method"}],"select":[{"__symbolic":"method"}],"selectSingle":[{"__symbolic":"method"}],"selectMultiple":[{"__symbolic":"method"}],"notify":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"SelectDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[kendoTreeViewSelectable]"}]}],"members":{"isSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selectKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["selectBy"]}]}],"selection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["kendoTreeViewSelectable"]}]}],"selectedKeys":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selectedKeysChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"getAriaMultiselectable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-multiselectable"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../treeview.component","name":"TreeViewComponent"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"itemKey":[{"__symbolic":"method"}],"select":[{"__symbolic":"method"}],"selectSingle":[{"__symbolic":"method"}],"selectMultiple":[{"__symbolic":"method"}],"notify":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"SelectDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[kendoTreeViewSelectable]"}]}],"members":{"isSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selectKey":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["selectBy"]}]}],"selection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["kendoTreeViewSelectable"]}]}],"selectedKeys":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selectedKeysChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"getAriaMultiselectable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-multiselectable"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"../treeview.component","name":"TreeViewComponent"}]}],"ngOnDestroy":[{"__symbolic":"method"}],"itemKey":[{"__symbolic":"method"}],"select":[{"__symbolic":"method"}],"selectSingle":[{"__symbolic":"method"}],"selectMultiple":[{"__symbolic":"method"}],"notify":[{"__symbolic":"method"}]}}}}]

dist/npm/treeview-group.component.d.ts

@@ -1,2 +0,2 @@
-import { ChangeDetectorRef, TemplateRef, OnChanges, OnInit, OnDestroy } from '@angular/core';
+import { TemplateRef, OnChanges, OnInit, OnDestroy } from '@angular/core';
 import { ExpandStateService } from './expand-state.service';
@@ -6,2 +6,3 @@ import { IndexBuilderService } from './index-builder.service';
 import { NavigationService } from './navigation/navigation.service';
+import { NodeChildrenService } from './node-children.service';
 import { LoadingNotificationService } from './loading-notification.service';
@@ -19,3 +20,3 @@ import { CheckedState } from './checkbox/checked-state';
     protected navigationService: NavigationService;
-    protected cd: ChangeDetectorRef;
+    protected nodeChildrenService: NodeChildrenService;
     kGroupClass: boolean;
@@ -33,3 +34,3 @@ readonly role: string;
     private subscription;
-    constructor(expandService: ExpandStateService, loadingService: LoadingNotificationService, indexBuilder: IndexBuilderService, treeViewLookupService: TreeViewLookupService, navigationService: NavigationService, cd: ChangeDetectorRef);
+    constructor(expandService: ExpandStateService, loadingService: LoadingNotificationService, indexBuilder: IndexBuilderService, treeViewLookupService: TreeViewLookupService, navigationService: NavigationService, nodeChildrenService: NodeChildrenService);
     isChecked: <T>(item: T, index: string) => CheckedState;
@@ -51,4 +52,5 @@ isDisabled: <T>(item: T, index: string) => boolean;
     readonly nextFields: string[];
-    private updateParentChildren();
+    private setNodeChildren(children);
     private mapToTreeItem(data);
+    private emitChildrenLoaded(children);
 }

dist/npm/treeview-group.component.js

@@ -9,2 +9,3 @@ "use strict";
 var navigation_service_1 = require("./navigation/navigation.service");
+var node_children_service_1 = require("./node-children.service");
 var utils_1 = require("./utils");
@@ -21,3 +22,3 @@ var accessor_1 = require("./accessor");
 var TreeViewGroupComponent = /** @class */ (function () {
-    function TreeViewGroupComponent(expandService, loadingService, indexBuilder, treeViewLookupService, navigationService, cd) {
+    function TreeViewGroupComponent(expandService, loadingService, indexBuilder, treeViewLookupService, navigationService, nodeChildrenService) {
         this.expandService = expandService;
@@ -28,3 +29,3 @@ this.loadingService = loadingService;
         this.navigationService = navigationService;
-        this.cd = cd;
+        this.nodeChildrenService = nodeChildrenService;
         this.kGroupClass = true;
@@ -51,3 +52,5 @@ this.textField = "";
             this._data = data;
-            this.updateParentChildren();
+            var mappedChildren = this.mapToTreeItem(data);
+            this.setNodeChildren(mappedChildren);
+            this.emitChildrenLoaded(mappedChildren);
         },
@@ -90,7 +93,7 @@ enumerable: true,
         var _this = this;
-        this.subscription = this.nodes.subscribe(function (x) { _this.data = x; _this.cd.markForCheck(); });
+        this.subscription = this.nodes.subscribe(function (x) { _this.data = x; });
     };
     TreeViewGroupComponent.prototype.ngOnChanges = function (changes) {
         if (changes.parentIndex) {
-            this.updateParentChildren();
+            this.setNodeChildren(this.mapToTreeItem(this.data));
         }
@@ -116,4 +119,3 @@ };
     });
-    TreeViewGroupComponent.prototype.updateParentChildren = function () {
-        var children = this.parentIndex ? this.mapToTreeItem(this.data) : [];
+    TreeViewGroupComponent.prototype.setNodeChildren = function (children) {
         this.treeViewLookupService.registerChildren(this.parentIndex, children);
@@ -123,4 +125,13 @@ };
         var _this = this;
+        if (!this.parentIndex) {
+            return [];
+        }
         return data.map(function (dataItem, idx) { return ({ dataItem: dataItem, index: _this.nodeIndex(idx) }); });
     };
+    TreeViewGroupComponent.prototype.emitChildrenLoaded = function (children) {
+        if (!this.parentIndex) {
+            return;
+        }
+        this.nodeChildrenService.childrenLoaded({ dataItem: this.parentDataItem, index: this.parentIndex }, children);
+    };
     TreeViewGroupComponent.decorators = [
@@ -151,3 +162,3 @@ { type: core_1.Component, args: [{
         { type: navigation_service_1.NavigationService, },
-        { type: core_1.ChangeDetectorRef, },
+        { type: node_children_service_1.NodeChildrenService, },
     ]; };
@@ -154,0 +165,0 @@ TreeViewGroupComponent.propDecorators = {

dist/npm/treeview-group.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"TreeViewGroupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger"},"arguments":["toggle",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["void => *",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"height":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["0.1s ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"height":"*"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["* => void",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"height":"*"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["0.1s ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"height":0}]}]}]]}]]}],"selector":"[kendoTreeViewGroup]","template":"\n        <li\n            *ngFor=\"let node of data; let index = index\" class=\"k-item\"\n            kendoTreeViewItem\n            [dataItem]=\"node\"\n            [index]=\"nodeIndex(index)\"\n            [parentDataItem]=\"parentDataItem\"\n            [parentIndex]=\"parentIndex\"\n            [isChecked]=\"isChecked(node, nodeIndex(index))\"\n            [isDisabled]=\"isDisabled(node, nodeIndex(index))\"\n            [isExpanded]=\"isExpanded(node, nodeIndex(index))\"\n            [isSelected]=\"isSelected(node, nodeIndex(index))\"\n            [attr.data-treeindex]=\"nodeIndex(index)\"\n        >\n            <div class=\"k-mid\" (mousedown)=\"$event.preventDefault()\">\n                <span\n                    class=\"k-icon\"\n                    [class.k-i-collapse]=\"isExpanded(node, nodeIndex(index))\"\n                    [class.k-i-expand]=\"!isExpanded(node, nodeIndex(index))\"\n                    [kendoTreeViewLoading]=\"nodeIndex(index)\"\n                    (click)=\"expandNode(nodeIndex(index), node, !isExpanded(node, nodeIndex(index)))\"\n                    (mousedown)=\"$event.preventDefault()\"\n                    *ngIf=\"expandIcons && hasChildren(node)\"\n                    >\n                </span>\n                <kendo-checkbox\n                    *ngIf=\"checkboxes\"\n                    [checkState]=\"isChecked(node, nodeIndex(index))\"\n                    (checkStateChange)=\"checkNode(nodeIndex(index))\"\n                    tabindex=\"-1\"\n                ></kendo-checkbox>\n                <span kendoTreeViewItemContent\n                    [attr.data-treeindex]=\"nodeIndex(index)\"\n                    [dataItem]=\"node\"\n                    [index]=\"nodeIndex(index)\"\n                    [initialSelection]=\"isSelected(node, nodeIndex(index))\"\n                    [isSelected]=\"isSelected\"\n                    (mousedown)=\"$event.preventDefault()\"\n                    class=\"k-in\"\n                >\n                    <ng-container [ngSwitch]=\"hasTemplate\">\n                        <ng-container *ngSwitchCase=\"true\">\n                            <ng-template\n                                [ngTemplateOutlet]=\"nodeTemplateRef\" [ngTemplateOutletContext]=\"{$implicit: node, index: nodeIndex(index)}\"\n                                >\n                            </ng-template>\n                        </ng-container>\n                        <ng-container *ngSwitchDefault>\n                            {{nodeText(node)}}\n                        </ng-container>\n                    </ng-container>\n                </span>\n            </div>\n            <ul\n                *ngIf=\"isExpanded(node, nodeIndex(index)) && hasChildren(node)\"\n                kendoTreeViewGroup\n                role=\"group\"\n                [nodes]=\"fetchChildren(node, nodeIndex(index))\"\n                [checkboxes]=\"checkboxes\"\n                [expandIcons]=\"expandIcons\"\n                [children]=\"children\"\n                [hasChildren]=\"hasChildren\"\n                [isChecked]=\"isChecked\"\n                [isDisabled]=\"isDisabled\"\n                [isExpanded]=\"isExpanded\"\n                [isSelected]=\"isSelected\"\n                [nodeTemplateRef]=\"nodeTemplateRef\"\n                [parentIndex]=\"nodeIndex(index)\"\n                [parentDataItem]=\"node\"\n                [textField]=\"nextFields\"\n                [@toggle]=\"true\"\n                >\n            </ul>\n        </li>\n    "}]}],"members":{"kGroupClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-group"]}]}],"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.role"]}]}],"checkboxes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"expandIcons":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"nodes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"textField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"parentDataItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"parentIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"nodeTemplateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./expand-state.service","name":"ExpandStateService"},{"__symbolic":"reference","module":"./loading-notification.service","name":"LoadingNotificationService"},{"__symbolic":"reference","module":"./index-builder.service","name":"IndexBuilderService"},{"__symbolic":"reference","module":"./treeview-lookup.service","name":"TreeViewLookupService"},{"__symbolic":"reference","module":"./navigation/navigation.service","name":"NavigationService"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"}]}],"isChecked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isExpanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"children":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"hasChildren":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"expandNode":[{"__symbolic":"method"}],"checkNode":[{"__symbolic":"method"}],"nodeIndex":[{"__symbolic":"method"}],"nodeText":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"fetchChildren":[{"__symbolic":"method"}],"updateParentChildren":[{"__symbolic":"method"}],"mapToTreeItem":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"TreeViewGroupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger"},"arguments":["toggle",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["void => *",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"height":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["0.1s ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"height":"*"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["* => void",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"height":"*"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["0.1s ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"height":0}]}]}]]}]]}],"selector":"[kendoTreeViewGroup]","template":"\n        <li\n            *ngFor=\"let node of data; let index = index\" class=\"k-item\"\n            kendoTreeViewItem\n            [dataItem]=\"node\"\n            [index]=\"nodeIndex(index)\"\n            [parentDataItem]=\"parentDataItem\"\n            [parentIndex]=\"parentIndex\"\n            [isChecked]=\"isChecked(node, nodeIndex(index))\"\n            [isDisabled]=\"isDisabled(node, nodeIndex(index))\"\n            [isExpanded]=\"isExpanded(node, nodeIndex(index))\"\n            [isSelected]=\"isSelected(node, nodeIndex(index))\"\n            [attr.data-treeindex]=\"nodeIndex(index)\"\n        >\n            <div class=\"k-mid\" (mousedown)=\"$event.preventDefault()\">\n                <span\n                    class=\"k-icon\"\n                    [class.k-i-collapse]=\"isExpanded(node, nodeIndex(index))\"\n                    [class.k-i-expand]=\"!isExpanded(node, nodeIndex(index))\"\n                    [kendoTreeViewLoading]=\"nodeIndex(index)\"\n                    (click)=\"expandNode(nodeIndex(index), node, !isExpanded(node, nodeIndex(index)))\"\n                    (mousedown)=\"$event.preventDefault()\"\n                    *ngIf=\"expandIcons && hasChildren(node)\"\n                    >\n                </span>\n                <kendo-checkbox\n                    *ngIf=\"checkboxes\"\n                    [checkState]=\"isChecked(node, nodeIndex(index))\"\n                    (checkStateChange)=\"checkNode(nodeIndex(index))\"\n                    tabindex=\"-1\"\n                ></kendo-checkbox>\n                <span kendoTreeViewItemContent\n                    [attr.data-treeindex]=\"nodeIndex(index)\"\n                    [dataItem]=\"node\"\n                    [index]=\"nodeIndex(index)\"\n                    [initialSelection]=\"isSelected(node, nodeIndex(index))\"\n                    [isSelected]=\"isSelected\"\n                    (mousedown)=\"$event.preventDefault()\"\n                    class=\"k-in\"\n                >\n                    <ng-container [ngSwitch]=\"hasTemplate\">\n                        <ng-container *ngSwitchCase=\"true\">\n                            <ng-template\n                                [ngTemplateOutlet]=\"nodeTemplateRef\" [ngTemplateOutletContext]=\"{$implicit: node, index: nodeIndex(index)}\"\n                                >\n                            </ng-template>\n                        </ng-container>\n                        <ng-container *ngSwitchDefault>\n                            {{nodeText(node)}}\n                        </ng-container>\n                    </ng-container>\n                </span>\n            </div>\n            <ul\n                *ngIf=\"isExpanded(node, nodeIndex(index)) && hasChildren(node)\"\n                kendoTreeViewGroup\n                role=\"group\"\n                [nodes]=\"fetchChildren(node, nodeIndex(index))\"\n                [checkboxes]=\"checkboxes\"\n                [expandIcons]=\"expandIcons\"\n                [children]=\"children\"\n                [hasChildren]=\"hasChildren\"\n                [isChecked]=\"isChecked\"\n                [isDisabled]=\"isDisabled\"\n                [isExpanded]=\"isExpanded\"\n                [isSelected]=\"isSelected\"\n                [nodeTemplateRef]=\"nodeTemplateRef\"\n                [parentIndex]=\"nodeIndex(index)\"\n                [parentDataItem]=\"node\"\n                [textField]=\"nextFields\"\n                [@toggle]=\"true\"\n                >\n            </ul>\n        </li>\n    "}]}],"members":{"kGroupClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-group"]}]}],"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.role"]}]}],"checkboxes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"expandIcons":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"nodes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"textField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"parentDataItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"parentIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"nodeTemplateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./expand-state.service","name":"ExpandStateService"},{"__symbolic":"reference","module":"./loading-notification.service","name":"LoadingNotificationService"},{"__symbolic":"reference","module":"./index-builder.service","name":"IndexBuilderService"},{"__symbolic":"reference","module":"./treeview-lookup.service","name":"TreeViewLookupService"},{"__symbolic":"reference","module":"./navigation/navigation.service","name":"NavigationService"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"}]}],"isChecked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isExpanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"children":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"hasChildren":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"expandNode":[{"__symbolic":"method"}],"checkNode":[{"__symbolic":"method"}],"nodeIndex":[{"__symbolic":"method"}],"nodeText":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"fetchChildren":[{"__symbolic":"method"}],"updateParentChildren":[{"__symbolic":"method"}],"mapToTreeItem":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"TreeViewGroupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger"},"arguments":["toggle",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["void => *",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"height":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["0.1s ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"height":"*"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["* => void",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"height":"*"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["0.1s ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"height":0}]}]}]]}]]}],"selector":"[kendoTreeViewGroup]","template":"\n        <li\n            *ngFor=\"let node of data; let index = index\" class=\"k-item\"\n            kendoTreeViewItem\n            [dataItem]=\"node\"\n            [index]=\"nodeIndex(index)\"\n            [parentDataItem]=\"parentDataItem\"\n            [parentIndex]=\"parentIndex\"\n            [isChecked]=\"isChecked(node, nodeIndex(index))\"\n            [isDisabled]=\"isDisabled(node, nodeIndex(index))\"\n            [isExpanded]=\"isExpanded(node, nodeIndex(index))\"\n            [isSelected]=\"isSelected(node, nodeIndex(index))\"\n            [attr.data-treeindex]=\"nodeIndex(index)\"\n        >\n            <div class=\"k-mid\" (mousedown)=\"$event.preventDefault()\">\n                <span\n                    class=\"k-icon\"\n                    [class.k-i-collapse]=\"isExpanded(node, nodeIndex(index))\"\n                    [class.k-i-expand]=\"!isExpanded(node, nodeIndex(index))\"\n                    [kendoTreeViewLoading]=\"nodeIndex(index)\"\n                    (click)=\"expandNode(nodeIndex(index), node, !isExpanded(node, nodeIndex(index)))\"\n                    (mousedown)=\"$event.preventDefault()\"\n                    *ngIf=\"expandIcons && hasChildren(node)\"\n                    >\n                </span>\n                <kendo-checkbox\n                    *ngIf=\"checkboxes\"\n                    [checkState]=\"isChecked(node, nodeIndex(index))\"\n                    (checkStateChange)=\"checkNode(nodeIndex(index))\"\n                    tabindex=\"-1\"\n                ></kendo-checkbox>\n                <span kendoTreeViewItemContent\n                    [attr.data-treeindex]=\"nodeIndex(index)\"\n                    [dataItem]=\"node\"\n                    [index]=\"nodeIndex(index)\"\n                    [initialSelection]=\"isSelected(node, nodeIndex(index))\"\n                    [isSelected]=\"isSelected\"\n                    (mousedown)=\"$event.preventDefault()\"\n                    class=\"k-in\"\n                >\n                    <ng-container [ngSwitch]=\"hasTemplate\">\n                        <ng-container *ngSwitchCase=\"true\">\n                            <ng-template\n                                [ngTemplateOutlet]=\"nodeTemplateRef\" [ngTemplateOutletContext]=\"{$implicit: node, index: nodeIndex(index)}\"\n                                >\n                            </ng-template>\n                        </ng-container>\n                        <ng-container *ngSwitchDefault>\n                            {{nodeText(node)}}\n                        </ng-container>\n                    </ng-container>\n                </span>\n            </div>\n            <ul\n                *ngIf=\"isExpanded(node, nodeIndex(index)) && hasChildren(node)\"\n                kendoTreeViewGroup\n                role=\"group\"\n                [nodes]=\"fetchChildren(node, nodeIndex(index))\"\n                [checkboxes]=\"checkboxes\"\n                [expandIcons]=\"expandIcons\"\n                [children]=\"children\"\n                [hasChildren]=\"hasChildren\"\n                [isChecked]=\"isChecked\"\n                [isDisabled]=\"isDisabled\"\n                [isExpanded]=\"isExpanded\"\n                [isSelected]=\"isSelected\"\n                [nodeTemplateRef]=\"nodeTemplateRef\"\n                [parentIndex]=\"nodeIndex(index)\"\n                [parentDataItem]=\"node\"\n                [textField]=\"nextFields\"\n                [@toggle]=\"true\"\n                >\n            </ul>\n        </li>\n    "}]}],"members":{"kGroupClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-group"]}]}],"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.role"]}]}],"checkboxes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"expandIcons":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"nodes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"textField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"parentDataItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"parentIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"nodeTemplateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./expand-state.service","name":"ExpandStateService"},{"__symbolic":"reference","module":"./loading-notification.service","name":"LoadingNotificationService"},{"__symbolic":"reference","module":"./index-builder.service","name":"IndexBuilderService"},{"__symbolic":"reference","module":"./treeview-lookup.service","name":"TreeViewLookupService"},{"__symbolic":"reference","module":"./navigation/navigation.service","name":"NavigationService"},{"__symbolic":"reference","module":"./node-children.service","name":"NodeChildrenService"}]}],"isChecked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isExpanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"children":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"hasChildren":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"expandNode":[{"__symbolic":"method"}],"checkNode":[{"__symbolic":"method"}],"nodeIndex":[{"__symbolic":"method"}],"nodeText":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"fetchChildren":[{"__symbolic":"method"}],"setNodeChildren":[{"__symbolic":"method"}],"mapToTreeItem":[{"__symbolic":"method"}],"emitChildrenLoaded":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"TreeViewGroupComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger"},"arguments":["toggle",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["void => *",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"height":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["0.1s ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"height":"*"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["* => void",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"height":"*"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":["0.1s ease-in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"height":0}]}]}]]}]]}],"selector":"[kendoTreeViewGroup]","template":"\n        <li\n            *ngFor=\"let node of data; let index = index\" class=\"k-item\"\n            kendoTreeViewItem\n            [dataItem]=\"node\"\n            [index]=\"nodeIndex(index)\"\n            [parentDataItem]=\"parentDataItem\"\n            [parentIndex]=\"parentIndex\"\n            [isChecked]=\"isChecked(node, nodeIndex(index))\"\n            [isDisabled]=\"isDisabled(node, nodeIndex(index))\"\n            [isExpanded]=\"isExpanded(node, nodeIndex(index))\"\n            [isSelected]=\"isSelected(node, nodeIndex(index))\"\n            [attr.data-treeindex]=\"nodeIndex(index)\"\n        >\n            <div class=\"k-mid\" (mousedown)=\"$event.preventDefault()\">\n                <span\n                    class=\"k-icon\"\n                    [class.k-i-collapse]=\"isExpanded(node, nodeIndex(index))\"\n                    [class.k-i-expand]=\"!isExpanded(node, nodeIndex(index))\"\n                    [kendoTreeViewLoading]=\"nodeIndex(index)\"\n                    (click)=\"expandNode(nodeIndex(index), node, !isExpanded(node, nodeIndex(index)))\"\n                    (mousedown)=\"$event.preventDefault()\"\n                    *ngIf=\"expandIcons && hasChildren(node)\"\n                    >\n                </span>\n                <kendo-checkbox\n                    *ngIf=\"checkboxes\"\n                    [checkState]=\"isChecked(node, nodeIndex(index))\"\n                    (checkStateChange)=\"checkNode(nodeIndex(index))\"\n                    tabindex=\"-1\"\n                ></kendo-checkbox>\n                <span kendoTreeViewItemContent\n                    [attr.data-treeindex]=\"nodeIndex(index)\"\n                    [dataItem]=\"node\"\n                    [index]=\"nodeIndex(index)\"\n                    [initialSelection]=\"isSelected(node, nodeIndex(index))\"\n                    [isSelected]=\"isSelected\"\n                    (mousedown)=\"$event.preventDefault()\"\n                    class=\"k-in\"\n                >\n                    <ng-container [ngSwitch]=\"hasTemplate\">\n                        <ng-container *ngSwitchCase=\"true\">\n                            <ng-template\n                                [ngTemplateOutlet]=\"nodeTemplateRef\" [ngTemplateOutletContext]=\"{$implicit: node, index: nodeIndex(index)}\"\n                                >\n                            </ng-template>\n                        </ng-container>\n                        <ng-container *ngSwitchDefault>\n                            {{nodeText(node)}}\n                        </ng-container>\n                    </ng-container>\n                </span>\n            </div>\n            <ul\n                *ngIf=\"isExpanded(node, nodeIndex(index)) && hasChildren(node)\"\n                kendoTreeViewGroup\n                role=\"group\"\n                [nodes]=\"fetchChildren(node, nodeIndex(index))\"\n                [checkboxes]=\"checkboxes\"\n                [expandIcons]=\"expandIcons\"\n                [children]=\"children\"\n                [hasChildren]=\"hasChildren\"\n                [isChecked]=\"isChecked\"\n                [isDisabled]=\"isDisabled\"\n                [isExpanded]=\"isExpanded\"\n                [isSelected]=\"isSelected\"\n                [nodeTemplateRef]=\"nodeTemplateRef\"\n                [parentIndex]=\"nodeIndex(index)\"\n                [parentDataItem]=\"node\"\n                [textField]=\"nextFields\"\n                [@toggle]=\"true\"\n                >\n            </ul>\n        </li>\n    "}]}],"members":{"kGroupClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-group"]}]}],"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.role"]}]}],"checkboxes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"expandIcons":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"nodes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"textField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"parentDataItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"parentIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"nodeTemplateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./expand-state.service","name":"ExpandStateService"},{"__symbolic":"reference","module":"./loading-notification.service","name":"LoadingNotificationService"},{"__symbolic":"reference","module":"./index-builder.service","name":"IndexBuilderService"},{"__symbolic":"reference","module":"./treeview-lookup.service","name":"TreeViewLookupService"},{"__symbolic":"reference","module":"./navigation/navigation.service","name":"NavigationService"},{"__symbolic":"reference","module":"./node-children.service","name":"NodeChildrenService"}]}],"isChecked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isExpanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"children":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"hasChildren":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"expandNode":[{"__symbolic":"method"}],"checkNode":[{"__symbolic":"method"}],"nodeIndex":[{"__symbolic":"method"}],"nodeText":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"fetchChildren":[{"__symbolic":"method"}],"setNodeChildren":[{"__symbolic":"method"}],"mapToTreeItem":[{"__symbolic":"method"}],"emitChildrenLoaded":[{"__symbolic":"method"}]}}}}]

dist/npm/treeview.component.d.ts

@@ -5,2 +5,3 @@ import { ElementRef, EventEmitter, OnChanges, OnInit, OnDestroy } from '@angular/core';
 import { ExpandStateService } from './expand-state.service';
+import { NodeChildrenService } from './node-children.service';
 import { NavigationService } from './navigation/navigation.service';
@@ -12,3 +13,2 @@ import { SelectionService } from './selection/selection.service';
 import { TreeItem } from './treeitem.interface';
-import { Subscription } from 'rxjs/Subscription';
 import { Subject } from 'rxjs/Subject';
@@ -64,2 +64,3 @@ import { Observable } from 'rxjs/Observable';
     protected navigationService: NavigationService;
+    protected nodeChildrenService: NodeChildrenService;
     protected selectionService: SelectionService;
@@ -75,2 +76,9 @@ protected treeViewLookupService: TreeViewLookupService;
     /**
+     * Fires when the children of the expanded node are loaded.
+     */
+    childrenLoaded: EventEmitter<{
+        children: TreeItem[];
+        item: TreeItem;
+    }>;
+    /**
      * Fires when the user blurs the component.
@@ -139,14 +147,9 @@ */
     /**
-     * @hidden
-     * Determines whether to render checkbox elements.
+     * A function which provides the child nodes for a given parent node.
      */
+    children: <T>(item: T) => Observable<any[]>;
     checkboxes: boolean;
-    /**
-     * @hidden
-     * Determines whether to render expand or collapse icons.
-     */
     expandIcons: boolean;
     isActive: boolean;
     data: Subject<any[]>;
-    protected subscriptions: Subscription;
     private _animate;
@@ -158,2 +161,3 @@ private _isChecked;
     private resolvedPromise;
+    private subscriptions;
     /**
@@ -167,3 +171,3 @@ * @hidden
     handleClick({target}: any): void;
-    constructor(focusService: FocusStateService, expandService: ExpandStateService, navigationService: NavigationService, selectionService: SelectionService, treeViewLookupService: TreeViewLookupService, element: ElementRef);
+    constructor(focusService: FocusStateService, expandService: ExpandStateService, navigationService: NavigationService, nodeChildrenService: NodeChildrenService, selectionService: SelectionService, treeViewLookupService: TreeViewLookupService, element: ElementRef);
     ngOnChanges(_: any): void;
@@ -173,6 +177,2 @@ ngOnDestroy(): void;
     /**
-     * A function which provides the child nodes for a given parent node.
-     */
-    children: <T>(item: T) => Observable<any[]>;
-    /**
      * Blurs the focused TreeView item.
@@ -179,0 +179,0 @@ */

dist/npm/treeview.component.js

 "use strict";
+/* tslint:disable:member-ordering */
 Object.defineProperty(exports, "__esModule", { value: true });
@@ -9,2 +10,3 @@ var core_1 = require("@angular/core");
 var loading_notification_service_1 = require("./loading-notification.service");
+var node_children_service_1 = require("./node-children.service");
 var navigation_service_1 = require("./navigation/navigation.service");
@@ -26,2 +28,3 @@ var selection_service_1 = require("./selection/selection.service");
     loading_notification_service_1.LoadingNotificationService,
+    node_children_service_1.NodeChildrenService,
     navigation_service_1.NavigationService,
@@ -75,6 +78,7 @@ selection_service_1.SelectionService
 var TreeViewComponent = /** @class */ (function () {
-    function TreeViewComponent(focusService, expandService, navigationService, selectionService, treeViewLookupService, element) {
+    function TreeViewComponent(focusService, expandService, navigationService, nodeChildrenService, selectionService, treeViewLookupService, element) {
         this.focusService = focusService;
         this.expandService = expandService;
         this.navigationService = navigationService;
+        this.nodeChildrenService = nodeChildrenService;
         this.selectionService = selectionService;
@@ -85,2 +89,6 @@ this.treeViewLookupService = treeViewLookupService;
         /**
+         * Fires when the children of the expanded node are loaded.
+         */
+        this.childrenLoaded = new core_1.EventEmitter();
+        /**
          * Fires when the user blurs the component.
@@ -118,14 +126,12 @@ */
         /**
-         * @hidden
-         * Determines whether to render checkbox elements.
+         * A function which provides the child nodes for a given parent node.
          */
+        this.children = function () { return of_1.of([]); };
         this.checkboxes = false;
+        this.expandIcons = false;
+        this.isActive = false;
         this.data = new BehaviorSubject_1.BehaviorSubject([]);
-        this.subscriptions = new Subscription_1.Subscription(function () { });
         this._animate = true;
         this.resolvedPromise = Promise.resolve(null);
-        /**
-         * A function which provides the child nodes for a given parent node.
-         */
-        this.children = function () { return of_1.of([]); };
+        this.subscriptions = new Subscription_1.Subscription(function () { });
     }
@@ -250,2 +256,5 @@ Object.defineProperty(TreeViewComponent.prototype, "role", {
         var _this = this;
+        this.subscriptions.add(this.nodeChildrenService
+            .changes
+            .subscribe(function (x) { return _this.childrenLoaded.emit(x); }));
         this.subscriptions.add(this.focusService.changes
@@ -344,3 +353,3 @@ .pipe(auditTime_1.auditTime(1))
         { type: core_1.Component, args: [{
-                    changeDetection: core_1.ChangeDetectionStrategy.OnPush,
+                    changeDetection: core_1.ChangeDetectionStrategy.Default,
                     exportAs: 'kendoTreeView',
@@ -357,2 +366,3 @@ providers: providers,
         { type: navigation_service_1.NavigationService, },
+        { type: node_children_service_1.NodeChildrenService, },
         { type: selection_service_1.SelectionService, },
@@ -366,2 +376,3 @@ { type: treeview_lookup_service_1.TreeViewLookupService, },
         'animate': [{ type: core_1.Input }, { type: core_1.HostBinding, args: ['@.disabled',] },],
+        'childrenLoaded': [{ type: core_1.Output },],
         'onBlur': [{ type: core_1.Output, args: ['blur',] },],
@@ -382,5 +393,5 @@ 'onFocus': [{ type: core_1.Output, args: ['focus',] },],
         'navigable': [{ type: core_1.Input },],
+        'children': [{ type: core_1.Input },],
         'handleKeydown': [{ type: core_1.HostListener, args: ['keydown', ['$event'],] },],
         'handleClick': [{ type: core_1.HostListener, args: ['click', ['$event'],] },],
-        'children': [{ type: core_1.Input },],
     };
@@ -387,0 +398,0 @@ return TreeViewComponent;

dist/npm/treeview.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"TreeViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"},"exportAs":"kendoTreeView","providers":[{"__symbolic":"reference","module":"./focus-state.service","name":"FocusStateService"},{"__symbolic":"reference","module":"./expand-state.service","name":"ExpandStateService"},{"__symbolic":"reference","module":"./index-builder.service","name":"IndexBuilderService"},{"__symbolic":"reference","module":"./treeview-lookup.service","name":"TreeViewLookupService"},{"__symbolic":"reference","module":"./loading-notification.service","name":"LoadingNotificationService"},{"__symbolic":"reference","module":"./navigation/navigation.service","name":"NavigationService"},{"__symbolic":"reference","module":"./selection/selection.service","name":"SelectionService"}],"selector":"kendo-treeview","template":"\n    <ul class=\"k-treeview-lines\"\n      kendoTreeViewGroup\n      role=\"group\"\n      [checkboxes]=\"checkboxes\"\n      [expandIcons]=\"expandIcons\"\n      [children]=\"children\"\n      [hasChildren]=\"hasChildren\"\n      [isChecked]=\"isChecked\"\n      [isDisabled]=\"isDisabled\"\n      [isExpanded]=\"isExpanded\"\n      [isSelected]=\"isSelected\"\n      [nodeTemplateRef]=\"nodeTemplate?.templateRef\"\n      [nodes]=\"data\"\n      [textField]=\"textField\"\n      >\n    </ul>\n  "}]}],"members":{"classNames":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-widget"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-treeview"]}]}],"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.role"]}]}],"animate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["@.disabled"]}]}],"onBlur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["blur"]}]}],"onFocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["focus"]}]}],"expand":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"collapse":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"checkedChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"nodeTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./node-template.directive","name":"NodeTemplateDirective"}]}]}],"nodes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"textField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"hasChildren":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isChecked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isExpanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"navigable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"handleKeydown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"handleClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["click",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./focus-state.service","name":"FocusStateService"},{"__symbolic":"reference","module":"./expand-state.service","name":"ExpandStateService"},{"__symbolic":"reference","module":"./navigation/navigation.service","name":"NavigationService"},{"__symbolic":"reference","module":"./selection/selection.service","name":"SelectionService"},{"__symbolic":"reference","module":"./treeview-lookup.service","name":"TreeViewLookupService"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"children":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"blur":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"focusin":[{"__symbolic":"method"}],"focusout":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"TreeViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"},"exportAs":"kendoTreeView","providers":[{"__symbolic":"reference","module":"./focus-state.service","name":"FocusStateService"},{"__symbolic":"reference","module":"./expand-state.service","name":"ExpandStateService"},{"__symbolic":"reference","module":"./index-builder.service","name":"IndexBuilderService"},{"__symbolic":"reference","module":"./treeview-lookup.service","name":"TreeViewLookupService"},{"__symbolic":"reference","module":"./loading-notification.service","name":"LoadingNotificationService"},{"__symbolic":"reference","module":"./navigation/navigation.service","name":"NavigationService"},{"__symbolic":"reference","module":"./selection/selection.service","name":"SelectionService"}],"selector":"kendo-treeview","template":"\n    <ul class=\"k-treeview-lines\"\n      kendoTreeViewGroup\n      role=\"group\"\n      [checkboxes]=\"checkboxes\"\n      [expandIcons]=\"expandIcons\"\n      [children]=\"children\"\n      [hasChildren]=\"hasChildren\"\n      [isChecked]=\"isChecked\"\n      [isDisabled]=\"isDisabled\"\n      [isExpanded]=\"isExpanded\"\n      [isSelected]=\"isSelected\"\n      [nodeTemplateRef]=\"nodeTemplate?.templateRef\"\n      [nodes]=\"data\"\n      [textField]=\"textField\"\n      >\n    </ul>\n  "}]}],"members":{"classNames":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-widget"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-treeview"]}]}],"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.role"]}]}],"animate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["@.disabled"]}]}],"onBlur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["blur"]}]}],"onFocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["focus"]}]}],"expand":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"collapse":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"checkedChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"nodeTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./node-template.directive","name":"NodeTemplateDirective"}]}]}],"nodes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"textField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"hasChildren":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isChecked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isExpanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"navigable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"handleKeydown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"handleClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["click",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./focus-state.service","name":"FocusStateService"},{"__symbolic":"reference","module":"./expand-state.service","name":"ExpandStateService"},{"__symbolic":"reference","module":"./navigation/navigation.service","name":"NavigationService"},{"__symbolic":"reference","module":"./selection/selection.service","name":"SelectionService"},{"__symbolic":"reference","module":"./treeview-lookup.service","name":"TreeViewLookupService"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"children":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"blur":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"focusin":[{"__symbolic":"method"}],"focusout":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"TreeViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"Default"},"exportAs":"kendoTreeView","providers":[{"__symbolic":"reference","module":"./focus-state.service","name":"FocusStateService"},{"__symbolic":"reference","module":"./expand-state.service","name":"ExpandStateService"},{"__symbolic":"reference","module":"./index-builder.service","name":"IndexBuilderService"},{"__symbolic":"reference","module":"./treeview-lookup.service","name":"TreeViewLookupService"},{"__symbolic":"reference","module":"./loading-notification.service","name":"LoadingNotificationService"},{"__symbolic":"reference","module":"./node-children.service","name":"NodeChildrenService"},{"__symbolic":"reference","module":"./navigation/navigation.service","name":"NavigationService"},{"__symbolic":"reference","module":"./selection/selection.service","name":"SelectionService"}],"selector":"kendo-treeview","template":"\n    <ul class=\"k-treeview-lines\"\n      kendoTreeViewGroup\n      role=\"group\"\n      [checkboxes]=\"checkboxes\"\n      [expandIcons]=\"expandIcons\"\n      [children]=\"children\"\n      [hasChildren]=\"hasChildren\"\n      [isChecked]=\"isChecked\"\n      [isDisabled]=\"isDisabled\"\n      [isExpanded]=\"isExpanded\"\n      [isSelected]=\"isSelected\"\n      [nodeTemplateRef]=\"nodeTemplate?.templateRef\"\n      [nodes]=\"data\"\n      [textField]=\"textField\"\n      >\n    </ul>\n  "}]}],"members":{"classNames":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-widget"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-treeview"]}]}],"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.role"]}]}],"animate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["@.disabled"]}]}],"childrenLoaded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onBlur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["blur"]}]}],"onFocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["focus"]}]}],"expand":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"collapse":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"checkedChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"nodeTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./node-template.directive","name":"NodeTemplateDirective"}]}]}],"nodes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"textField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"hasChildren":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isChecked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isExpanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"navigable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"children":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"handleKeydown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"handleClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["click",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./focus-state.service","name":"FocusStateService"},{"__symbolic":"reference","module":"./expand-state.service","name":"ExpandStateService"},{"__symbolic":"reference","module":"./navigation/navigation.service","name":"NavigationService"},{"__symbolic":"reference","module":"./node-children.service","name":"NodeChildrenService"},{"__symbolic":"reference","module":"./selection/selection.service","name":"SelectionService"},{"__symbolic":"reference","module":"./treeview-lookup.service","name":"TreeViewLookupService"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"blur":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"focusin":[{"__symbolic":"method"}],"focusout":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"TreeViewComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"Default"},"exportAs":"kendoTreeView","providers":[{"__symbolic":"reference","module":"./focus-state.service","name":"FocusStateService"},{"__symbolic":"reference","module":"./expand-state.service","name":"ExpandStateService"},{"__symbolic":"reference","module":"./index-builder.service","name":"IndexBuilderService"},{"__symbolic":"reference","module":"./treeview-lookup.service","name":"TreeViewLookupService"},{"__symbolic":"reference","module":"./loading-notification.service","name":"LoadingNotificationService"},{"__symbolic":"reference","module":"./node-children.service","name":"NodeChildrenService"},{"__symbolic":"reference","module":"./navigation/navigation.service","name":"NavigationService"},{"__symbolic":"reference","module":"./selection/selection.service","name":"SelectionService"}],"selector":"kendo-treeview","template":"\n    <ul class=\"k-treeview-lines\"\n      kendoTreeViewGroup\n      role=\"group\"\n      [checkboxes]=\"checkboxes\"\n      [expandIcons]=\"expandIcons\"\n      [children]=\"children\"\n      [hasChildren]=\"hasChildren\"\n      [isChecked]=\"isChecked\"\n      [isDisabled]=\"isDisabled\"\n      [isExpanded]=\"isExpanded\"\n      [isSelected]=\"isSelected\"\n      [nodeTemplateRef]=\"nodeTemplate?.templateRef\"\n      [nodes]=\"data\"\n      [textField]=\"textField\"\n      >\n    </ul>\n  "}]}],"members":{"classNames":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-widget"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-treeview"]}]}],"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.role"]}]}],"animate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["@.disabled"]}]}],"childrenLoaded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onBlur":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["blur"]}]}],"onFocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["focus"]}]}],"expand":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"collapse":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"checkedChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"selectionChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"nodeTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./node-template.directive","name":"NodeTemplateDirective"}]}]}],"nodes":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"textField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"hasChildren":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isChecked":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isExpanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"navigable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"children":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"handleKeydown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"handleClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["click",["$event"]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./focus-state.service","name":"FocusStateService"},{"__symbolic":"reference","module":"./expand-state.service","name":"ExpandStateService"},{"__symbolic":"reference","module":"./navigation/navigation.service","name":"NavigationService"},{"__symbolic":"reference","module":"./node-children.service","name":"NodeChildrenService"},{"__symbolic":"reference","module":"./selection/selection.service","name":"SelectionService"},{"__symbolic":"reference","module":"./treeview-lookup.service","name":"TreeViewLookupService"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"blur":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"focusin":[{"__symbolic":"method"}],"focusout":[{"__symbolic":"method"}]}}}}]

dist/npm/utils.d.ts

@@ -55,3 +55,3 @@ import { ElementRef } from '@angular/core';
  */
-export declare const nodeIndex: (item: NavigationItem | TreeItem) => string;
+export declare const nodeIndex: (item: TreeItem | NavigationItem) => string;
 /**
@@ -58,0 +58,0 @@ * @hidden

dist/systemjs/kendo-angular-treeview.js

@@ -1,1 +0,1 @@
-System.register("@progress/kendo-angular-treeview",["tslib","@angular/core","rxjs/BehaviorSubject","rxjs/observable/of","rxjs/Subscription","rxjs/operators/auditTime","rxjs/operators/map","rxjs/observable/merge","rxjs/Subject","@angular/common","rxjs/Observable","@angular/animations","rxjs/observable/empty","rxjs/operators/catchError","rxjs/operators/tap","rxjs/operators/filter","rxjs/operators/delay","rxjs/operators/switchMap","rxjs/operators/takeUntil"],function(e){var t,i,n,o,r,s,a,d,c,p,u,l,h,f,y,v,m,_,g;function b(e){return e.__useDefault?e.default:e}return{setters:[function(e){t=b(e)},function(e){i=b(e)},function(e){n=b(e)},function(e){o=b(e)},function(e){r=b(e)},function(e){s=b(e)},function(e){a=b(e)},function(e){d=b(e)},function(e){c=b(e)},function(e){p=b(e)},function(e){u=b(e)},function(e){l=b(e)},function(e){h=b(e)},function(e){f=b(e)},function(e){y=b(e)},function(e){v=b(e)},function(e){m=b(e)},function(e){_=b(e)},function(e){g=b(e)}],execute:function(){!function(e){var t={};function i(n){if(t[n])return t[n].exports;var o=t[n]={exports:{},id:n,loaded:!1};return e[n].call(o.exports,o,o.exports,i),o.loaded=!0,o.exports}i.m=e,i.c=t,i.p="",i(0)}([function(t,i,n){"use strict";Object.defineProperty(i,"__esModule",{value:!0});var o=n(1);i.TreeViewComponent=o.TreeViewComponent;var r=n(21);i.TreeViewModule=r.TreeViewModule;var s=n(4);i.NodeTemplateDirective=s.NodeTemplateDirective;var a=n(31);i.CheckDirective=a.CheckDirective;var d=n(32);i.DisableDirective=d.DisableDirective;var c=n(33);i.ExpandDirective=c.ExpandDirective;var p=n(36);i.SelectDirective=p.SelectDirective;var u=n(37);i.HierarchyBindingDirective=u.HierarchyBindingDirective;var l=n(43);i.FlatDataBindingDirective=l.FlatDataBindingDirective,function(t){for(var i in t)e(i,t[i])}(i)},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),o=i(3),r=i(4),s=i(5),a=i(7),d=i(8),c=i(9),p=i(10),u=i(14),l=i(15),h=i(12),f=i(16),y=i(17),v=i(18),m=i(19),_=i(20),g=[s.FocusStateService,a.ExpandStateService,d.IndexBuilderService,l.TreeViewLookupService,c.LoadingNotificationService,p.NavigationService,u.SelectionService],b=function(){function e(e,t,i,n,r,s){this.focusService=e,this.expandService=t,this.navigationService=i,this.selectionService=n,this.treeViewLookupService=r,this.element=s,this.classNames=!0,this.onBlur=new o.EventEmitter,this.onFocus=new o.EventEmitter,this.expand=new o.EventEmitter,this.collapse=new o.EventEmitter,this.checkedChange=new o.EventEmitter,this.selectionChange=new o.EventEmitter,this.isDisabled=f.isDisabled,this.navigable=!0,this.checkboxes=!1,this.data=new v.BehaviorSubject([]),this.subscriptions=new y.Subscription(function(){}),this._animate=!0,this.resolvedPromise=Promise.resolve(null),this.children=function(){return _.of([])}}return Object.defineProperty(e.prototype,"role",{get:function(){return"tree"},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"animate",{get:function(){return!this._animate},set:function(e){this._animate=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"nodes",{set:function(e){this.data.next(e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"hasChildren",{get:function(){return this._hasChildren||f.hasChildren},set:function(e){this._hasChildren=e,this.expandIcons=Boolean(this._isExpanded&&this._hasChildren)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isChecked",{get:function(){return this._isChecked||f.isChecked},set:function(e){this._isChecked=e,this.checkboxes=Boolean(this._isChecked)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isExpanded",{get:function(){return this._isExpanded||f.isExpanded},set:function(e){this._isExpanded=e,this.expandIcons=Boolean(this._isExpanded&&this._hasChildren)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isSelected",{get:function(){return this._isSelected||f.isSelected},set:function(e){this._isSelected=e},enumerable:!0,configurable:!0}),e.prototype.handleKeydown=function(e){this.isActive&&this.navigationService.move(e)},e.prototype.handleClick=function(e){var t=this,i=e.target,n=h.nodeId(h.closestNode(i));n&&!this.focusService.hasActiveContent()&&this.focusin(n).then(function(){t.isActive&&!/k-i-collapse|k-i-expand/.test(i.className)&&t.navigationService.selectIndex(n)})},e.prototype.ngOnChanges=function(e){this.navigationService.navigable=Boolean(this.navigable)},e.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},e.prototype.ngOnInit=function(){var e=this;this.subscriptions.add(this.focusService.changes.pipe(m.auditTime(1)).subscribe(function(t){var i=t.focused,n=t.index;return i?e.focusin(n):e.focusout(n)})),this.subscriptions.add(this.expandService.changes.subscribe(function(t){var i=t.index,n=t.dataItem;return t.expand?e.expand.emit({index:i,dataItem:n}):e.collapse.emit({index:i,dataItem:n})})),this.subscriptions.add(this.navigationService.checks.subscribe(function(t){return e.checkedChange.emit(e.treeViewLookupService.itemLookup(t))})),this.subscriptions.add(this.selectionService.changes.subscribe(function(t){return e.selectionChange.emit(t)}))},e.prototype.blur=function(){if(h.isDocumentAvailable()){var e=h.focusableNode(this.element);document.activeElement===e&&e.blur()}},e.prototype.focus=function(e){this.navigationService.activateIndex(e);var t=h.focusableNode(this.element);t&&t.focus()},e.prototype.focusin=function(e){var t=this;if(e)return this.navigationService.activateIndex(e),this.resolvedPromise.then(function(){!t.isActive&&t.navigationService.isActive(e)&&(t.isActive=!0,t.onFocus.emit())})},e.prototype.focusout=function(e){var t=this;return this.resolvedPromise.then(function(){t.isActive&&t.navigationService.isActive(e)&&(t.navigationService.deactivate(),t.isActive=!1,t.onBlur.emit())})},n.__decorate([o.HostBinding("class.k-widget"),o.HostBinding("class.k-treeview"),n.__metadata("design:type",Boolean)],e.prototype,"classNames",void 0),n.__decorate([o.HostBinding("attr.role"),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[])],e.prototype,"role",null),n.__decorate([o.Input(),o.HostBinding("@.disabled"),n.__metadata("design:type",Boolean),n.__metadata("design:paramtypes",[Boolean])],e.prototype,"animate",null),n.__decorate([o.Output("blur"),n.__metadata("design:type",o.EventEmitter)],e.prototype,"onBlur",void 0),n.__decorate([o.Output("focus"),n.__metadata("design:type",o.EventEmitter)],e.prototype,"onFocus",void 0),n.__decorate([o.Output(),n.__metadata("design:type",o.EventEmitter)],e.prototype,"expand",void 0),n.__decorate([o.Output(),n.__metadata("design:type",o.EventEmitter)],e.prototype,"collapse",void 0),n.__decorate([o.Output(),n.__metadata("design:type",o.EventEmitter)],e.prototype,"checkedChange",void 0),n.__decorate([o.Output(),n.__metadata("design:type",o.EventEmitter)],e.prototype,"selectionChange",void 0),n.__decorate([o.ContentChild(r.NodeTemplateDirective),n.__metadata("design:type",r.NodeTemplateDirective)],e.prototype,"nodeTemplate",void 0),n.__decorate([o.Input(),n.__metadata("design:type",Array),n.__metadata("design:paramtypes",[Array])],e.prototype,"nodes",null),n.__decorate([o.Input(),n.__metadata("design:type",Object)],e.prototype,"textField",void 0),n.__decorate([o.Input(),n.__metadata("design:type",Function),n.__metadata("design:paramtypes",[Function])],e.prototype,"hasChildren",null),n.__decorate([o.Input(),n.__metadata("design:type",Function),n.__metadata("design:paramtypes",[Function])],e.prototype,"isChecked",null),n.__decorate([o.Input(),n.__metadata("design:type",Function)],e.prototype,"isDisabled",void 0),n.__decorate([o.Input(),n.__metadata("design:type",Function),n.__metadata("design:paramtypes",[Function])],e.prototype,"isExpanded",null),n.__decorate([o.Input(),n.__metadata("design:type",Function),n.__metadata("design:paramtypes",[Function])],e.prototype,"isSelected",null),n.__decorate([o.Input(),n.__metadata("design:type",Boolean)],e.prototype,"navigable",void 0),n.__decorate([o.HostListener("keydown",["$event"]),n.__metadata("design:type",Function),n.__metadata("design:paramtypes",[Object]),n.__metadata("design:returntype",void 0)],e.prototype,"handleKeydown",null),n.__decorate([o.HostListener("click",["$event"]),n.__metadata("design:type",Function),n.__metadata("design:paramtypes",[Object]),n.__metadata("design:returntype",void 0)],e.prototype,"handleClick",null),n.__decorate([o.Input(),n.__metadata("design:type",Function)],e.prototype,"children",void 0),e=n.__decorate([o.Component({changeDetection:o.ChangeDetectionStrategy.OnPush,exportAs:"kendoTreeView",providers:g,selector:"kendo-treeview",template:'\n    <ul class="k-treeview-lines"\n      kendoTreeViewGroup\n      role="group"\n      [checkboxes]="checkboxes"\n      [expandIcons]="expandIcons"\n      [children]="children"\n      [hasChildren]="hasChildren"\n      [isChecked]="isChecked"\n      [isDisabled]="isDisabled"\n      [isExpanded]="isExpanded"\n      [isSelected]="isSelected"\n      [nodeTemplateRef]="nodeTemplate?.templateRef"\n      [nodes]="data"\n      [textField]="textField"\n      >\n    </ul>\n  '}),n.__metadata("design:paramtypes",[s.FocusStateService,a.ExpandStateService,p.NavigationService,u.SelectionService,l.TreeViewLookupService,o.ElementRef])],e)}();t.TreeViewComponent=b},function(e,i){e.exports=t},function(e,t){e.exports=i},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),o=i(3),r=function(){function e(e){this.templateRef=e}return e=n.__decorate([o.Directive({selector:"[kendoTreeViewNodeTemplate]"}),n.__param(0,o.Optional()),n.__metadata("design:paramtypes",[o.TemplateRef])],e)}();t.NodeTemplateDirective=r},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),o=i(3),r=i(6),s=function(){function e(){this.changes=new r.Subject,this.activeContent=!1,this.isActive=!1}return e.prototype.hasActiveContent=function(){return!this.isActive&&this.activeContent},e.prototype.focus=function(e){this.isActive=!0,this.changes.next({focused:!0,index:e})},e.prototype.blur=function(e){this.isActive=!1,this.changes.next({focused:!1,index:e})},e.prototype.focusin=function(e){this.activeContent=!0},e.prototype.focusout=function(e){this.activeContent=!1},e=n.__decorate([o.Injectable()],e)}();t.FocusStateService=s},function(e,t){e.exports=c},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),o=i(3),r=i(6),s=function(){function e(){this.changes=new r.Subject}return e.prototype.expand=function(e,t){this.changes.next({dataItem:t,index:e,expand:!0})},e.prototype.collapse=function(e,t){this.changes.next({dataItem:t,index:e,expand:!1})},e=n.__decorate([o.Injectable()],e)}();t.ExpandStateService=s},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),o=i(3),r=function(){function e(){this.INDEX_SEPARATOR="_"}return e.prototype.nodeIndex=function(e,t){return void 0===e&&(e=""),void 0===t&&(t=""),""+t+(t?this.INDEX_SEPARATOR:"")+e},e.prototype.indexForLevel=function(e,t){return e.split(this.INDEX_SEPARATOR).slice(0,t).join(this.INDEX_SEPARATOR)},e.prototype.lastLevelIndex=function(e){void 0===e&&(e="");var t=e.split(this.INDEX_SEPARATOR);return t.length?parseInt(t[t.length-1],10):NaN},e.prototype.level=function(e){return e.split(this.INDEX_SEPARATOR).length},e=n.__decorate([o.Injectable()],e)}();t.IndexBuilderService=r},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),o=i(3),r=i(6),s=function(){function e(){this.changes=new r.Subject}return e.prototype.notifyLoaded=function(e){this.changes.next(e)},e=n.__decorate([o.Injectable()],e)}();t.LoadingNotificationService=s},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),o=i(3),r=i(11),s=i(12),a=i(13),d=i(6),c=function(e,t){return e[t]||e},p=function(){function e(){var e,t=this;this.expands=new d.Subject,this.moves=new d.Subject,this.checks=new d.Subject,this.selects=new d.Subject,this.navigable=!0,this.actions=((e={})[a.Keys.up]=function(){return t.activate(c(t.focusableItem,"prev"))},e[a.Keys.down]=function(){return t.activate(c(t.focusableItem,"next"))},e[a.Keys.left]=function(){return t.expand({expand:!1,intercept:t.moveToParent.bind(t)})},e[a.Keys.right]=function(){return t.expand({expand:!0,intercept:t.moveToChild.bind(t)})},e[a.Keys.home]=function(){return t.activate(t.model.firstNode())},e[a.Keys.end]=function(){return t.activate(t.model.lastNode())},e[a.Keys.enter]=function(){return t.navigable&&t.selectIndex(s.nodeIndex(t.activeItem))},e[a.Keys.space]=function(){return t.navigable&&t.checkIndex(s.nodeIndex(t.activeItem))},e),this.isFocused=!1,this._model=new r.NavigationModel}return Object.defineProperty(e.prototype,"model",{get:function(){return this._model},set:function(e){this._model=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"activeIndex",{get:function(){return s.nodeIndex(this.activeItem)||null},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"focusableItem",{get:function(){return this.activeItem||this.model.firstNode()},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isActiveExpanded",{get:function(){return this.activeItem&&this.activeItem.children.length>0},enumerable:!0,configurable:!0}),e.prototype.activate=function(e){this.navigable&&e&&!this.isActive(s.nodeIndex(e))&&(this.isFocused=!0,this.activeItem=e||this.activeItem,this.notifyMove())},e.prototype.activateParent=function(e){this.activate(this.model.findParent(e))},e.prototype.activateIndex=function(e){e&&this.activate(this.model.findNode(e))},e.prototype.activateClosest=function(e){e&&s.nodeIndex(this.focusableItem)===e&&(this.activeItem=this.model.closestNode(e),this.notifyMove())},e.prototype.activateFocusable=function(){this.activeItem||(this.activeItem=this.model.firstNode(),this.notifyMove())},e.prototype.deactivate=function(){this.navigable&&this.isFocused&&(this.isFocused=!1,this.notifyMove())},e.prototype.checkIndex=function(e){this.checks.next(e)},e.prototype.selectIndex=function(e){this.selects.next(e)},e.prototype.isActive=function(e){return!!e&&(this.isFocused&&this.activeIndex===e)},e.prototype.isFocusable=function(e){return s.nodeIndex(this.focusableItem)===e},e.prototype.registerItem=function(e){this.model.registerItem(e)},e.prototype.unregisterItem=function(e){this.isActive(e)&&this.activateParent(e),this.model.unregisterItem(e)},e.prototype.move=function(e){if(this.navigable){var t=this.actions[e.keyCode];t&&(t(),e.preventDefault())}},e.prototype.expand=function(e){var t=e.expand,i=e.intercept,n=s.nodeIndex(this.activeItem);n&&!i(n)&&this.notifyExpand(t)},e.prototype.moveToParent=function(){return!this.isActiveExpanded&&(this.activate(this.model.findParent(s.nodeIndex(this.activeItem))),!0)},e.prototype.moveToChild=function(){return!!this.isActiveExpanded&&(this.activate(this.model.findChild(s.nodeIndex(this.activeItem))),!0)},e.prototype.notifyExpand=function(e){this.expands.next(this.navigationState(e))},e.prototype.notifyMove=function(){this.moves.next(this.navigationState())},e.prototype.navigationState=function(e){return void 0===e&&(e=!1),{expand:e,index:s.nodeIndex(this.activeItem),isFocused:this.isFocused}},e=n.__decorate([o.Injectable()],e)}();t.NavigationService=p},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(8),o=function(e){return e[e.length-1]},r=function(e){return e||{}},s=function(e){return r(e).children||[]},a=function(e){for(var t=e,i=[].concat(s(e));i.length;)t=(i=i.concat(s(o(i)))).shift();return t},d=function(){function e(){this.ib=new n.IndexBuilderService,this.nodes=[]}return e.prototype.firstNode=function(){return this.nodes[0]||null},e.prototype.lastNode=function(){var e=this.nodes[this.nodes.length-1];return e?a(o(this.container(e)))||e:null},e.prototype.closestNode=function(e){var t=r(this.findNode(e)).prev||this.firstNode();return r(t).index===e?this.sibling(t,1):t},e.prototype.findNode=function(e){return this.find(e,this.nodes)},e.prototype.findParent=function(e){var t=this.ib.level(e)-1;return this.findNode(this.ib.indexForLevel(e,t))},e.prototype.findChild=function(e){return s(this.findNode(e))[0]||null},e.prototype.registerItem=function(e){var t,i,n,o=this.ib.level(e),r=this.findParent(e);if(r||1===o){var s={children:[],index:e,parent:r,prev:this.prevNode(r,e),next:this.nextNode(r,e)};i=(t=s).prev,n=t.next,i&&(i.next=t),n&&(n.prev=t),this.insert(s,r)}},e.prototype.unregisterItem=function(e){var t=this.find(e,this.nodes);if(t){var i,n;i=t.prev,n=this.nextNode(t.parent,t.index),i&&(i.next=n),n&&(n.prev=i);var o=this.container(t.parent);o.splice(o.indexOf(t),1)}},e.prototype.childLevel=function(e){return e&&e.length?this.ib.level(e[0].index):1},e.prototype.container=function(e){return e?e.children:this.nodes},e.prototype.find=function(e,t){var i=this.childLevel(t),n=this.ib.indexForLevel(e,i),o=i===this.ib.level(e),r=t.find(function(e){return e.index===n});return r?o?r:this.find(e,r.children):null},e.prototype.closestIndexPosition=function(e,t){for(var i=this.ib.lastLevelIndex(t),n=0;n<e.length;){if(this.ib.lastLevelIndex(e[n].index)>i)return n;n+=1}return n},e.prototype.insert=function(e,t){var i=this.container(t);i.splice(this.closestIndexPosition(i,e.index),0,e)},e.prototype.prevNode=function(e,t){var i=this.container(e),n=i.slice(0,this.closestIndexPosition(i,t));return a(o(n))||e||null},e.prototype.nextNode=function(e,t){var i=this.container(e),n=this.findNode(t);if(!e&&n)return this.sibling(n,1);var o=this.closestIndexPosition(i,t),r=i.slice(o)[0];return r||this.sibling(e,1)},e.prototype.sibling=function(e,t){if(!e)return null;var i=this.findParent(e.index),n=this.container(i);return n[n.indexOf(e)+t]||this.sibling(i,t)||null},e}();t.NavigationModel=d},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.noop=function(){},t.isPresent=function(e){return null!==e&&void 0!==e},t.isBlank=function(e){return null===e||void 0===e},t.isArray=function(e){return Array.isArray(e)},t.isNullOrEmptyString=function(e){return t.isBlank(e)||0===e.trim().length},t.isDocumentAvailable=function(){return"undefined"!=typeof document},t.isChanged=function(e,t,i){return void 0===i&&(i=!0),t[e]&&(!t[e].isFirstChange()||!i)&&t[e].previousValue!==t[e].currentValue},t.anyChanged=function(e,i,n){return void 0===n&&(n=!0),e.some(function(e){return t.isChanged(e,i,n)})},t.closestNode=function(e){var i="li.k-item";return t.isDocumentAvailable()?e.closest?e.closest(i):function(e,t){if(!document.documentElement.contains(e))return null;for(var i,n,o,r=e;null!==r&&1===r.nodeType;){if(n=t,o=void 0,(o=(i=r).matches||i.msMatchesSelector||i.webkitMatchesSelector)&&o.call(i,n))return r;r=r.parentElement||r.parentNode}return null}(e,i):null},t.focusableNode=function(e){return e.nativeElement.querySelector('li[tabindex="0"]')},t.hasActiveNode=function(e,i){var n=i||t.closestNode(e);return n&&(n===e||e.tabIndex<0)},t.nodeId=function(e){return e?e.getAttribute("data-treeindex"):""},t.nodeIndex=function(e){return(e||{}).index},t.guid=function(){for(var e,t="",i=0;i<32;i++)e=16*Math.random()|0,8!==i&&12!==i&&16!==i&&20!==i||(t+="-"),t+=(12===i?4:16===i?3&e|8:e).toString(16);return t}},function(e,t){"use strict";var i;Object.defineProperty(t,"__esModule",{value:!0}),(i=t.Keys||(t.Keys={}))[i.enter=13]="enter",i[i.shift=16]="shift",i[i.space=32]="space",i[i.end=35]="end",i[i.home=36]="home",i[i.left=37]="left",i[i.up=38]="up",i[i.right=39]="right",i[i.down=40]="down"},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),o=i(3),r=i(6),s=function(){function e(){this.changes=new r.Subject}return e.prototype.isFirstSelected=function(e){return this.firstIndex===e},e.prototype.setFirstSelected=function(e,t){this.firstIndex===e&&!1===t?this.firstIndex=null:!this.firstIndex&&t&&(this.firstIndex=e)},e.prototype.select=function(e,t){this.changes.next({dataItem:t,index:e})},e=n.__decorate([o.Injectable()],e)}();t.SelectionService=s},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),o=i(3),r=i(12),s=function(){function e(){this.map=new Map}return e.prototype.registerItem=function(e,t){var i={children:[],item:e,parent:this.item(r.nodeIndex(t))};this.map.set(e.index,i)},e.prototype.registerChildren=function(e,t){var i=this.item(e);i&&(i.children=t)},e.prototype.unregisterItem=function(e){this.map.delete(e)},e.prototype.replaceItem=function(e,t,i){var n=this.item(e);n&&t&&(this.unregisterItem(e),this.registerItem(t,i),e===t.index&&this.registerChildren(t.index,n.children.slice()))},e.prototype.itemLookup=function(e){var t=this.item(e);return t?{children:this.mapChildren(t.children),item:t.item,parent:t.parent}:null},e.prototype.hasItem=function(e){return this.map.has(e)},e.prototype.item=function(e){return this.map.get(e)||null},e.prototype.mapChildren=function(e){var t=this;return e.map(function(e){var i=t.item(e.index),n=i.item,o=i.parent,r=i.children;return{children:t.mapChildren(r),item:n,parent:o}})},e=n.__decorate([o.Injectable()],e)}();t.TreeViewLookupService=s},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.hasChildren=function(){return!1},t.isChecked=function(){return"none"},t.isDisabled=function(){return!1},t.isExpanded=function(){return!0},t.isSelected=function(){return!1}},function(e,t){e.exports=r},function(e,t){e.exports=n},function(e,t){e.exports=s},function(e,t){e.exports=o},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),o=i(3),r=i(1),s=i(22),a=i(4),d=i(31),c=i(32),p=i(33),u=i(36),l=i(37),h=i(43),f=[r.TreeViewComponent,a.NodeTemplateDirective,d.CheckDirective,c.DisableDirective,p.ExpandDirective,u.SelectDirective,l.HierarchyBindingDirective,h.FlatDataBindingDirective],y=function(){function e(){}return e=n.__decorate([o.NgModule({exports:[f],imports:[s.SharedModule]})],e)}();t.TreeViewModule=y},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),o=i(3),r=i(1),s=i(23),a=i(30),d=i(4),c=i(31),p=i(32),u=i(33),l=i(36),h=i(37),f=i(38),y=i(43),v=i(45),m=i(46),_=i(47),g=[r.TreeViewComponent,s.TreeViewGroupComponent,v.TreeViewItemDirective,m.TreeViewItemContentDirective,d.NodeTemplateDirective,c.CheckDirective,p.DisableDirective,u.ExpandDirective,l.SelectDirective,h.HierarchyBindingDirective,f.LoadingIndicatorDirective,y.FlatDataBindingDirective],b=function(){function e(){}return e=n.__decorate([o.NgModule({declarations:[g],exports:[g],imports:[a.CommonModule,_.CheckBoxModule]})],e)}();t.SharedModule=b},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),o=i(3),r=i(24),s=i(7),a=i(8),d=i(15),c=i(10),p=i(12),u=i(25),l=i(9),h=i(26),f=i(27),y=i(20),v=i(28),m=i(29),_=function(){function e(e,t,i,n,o,r){this.expandService=e,this.loadingService=t,this.indexBuilder=i,this.treeViewLookupService=n,this.navigationService=o,this.cd=r,this.kGroupClass=!0,this.textField="",this._data=[],this.isChecked=function(){return"none"},this.isDisabled=function(){return!1},this.isExpanded=function(){return!1},this.isSelected=function(){return!1},this.children=function(){return y.of([])},this.hasChildren=function(){return!1}}return Object.defineProperty(e.prototype,"role",{get:function(){return"group"},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"data",{get:function(){return this._data},set:function(e){this._data=e,this.updateParentChildren()},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"hasTemplate",{get:function(){return p.isPresent(this.nodeTemplateRef)},enumerable:!0,configurable:!0}),e.prototype.expandNode=function(e,t,i){i?this.expandService.expand(e,t):this.expandService.collapse(e,t)},e.prototype.checkNode=function(e){this.navigationService.checkIndex(e),this.navigationService.activateIndex(e)},e.prototype.nodeIndex=function(e){return this.indexBuilder.nodeIndex(e.toString(),this.parentIndex)},e.prototype.nodeText=function(e){var t=p.isArray(this.textField)?this.textField[0]:this.textField;return u.getter(t,!0)(e)},e.prototype.ngOnDestroy=function(){this.subscription&&this.subscription.unsubscribe()},e.prototype.ngOnInit=function(){var e=this;this.subscription=this.nodes.subscribe(function(t){e.data=t,e.cd.markForCheck()})},e.prototype.ngOnChanges=function(e){e.parentIndex&&this.updateParentChildren()},e.prototype.fetchChildren=function(e,t){var i=this;return this.children(e).pipe(v.catchError(function(){return i.loadingService.notifyLoaded(t),f.empty()}),m.tap(function(){return i.loadingService.notifyLoaded(t)}))},Object.defineProperty(e.prototype,"nextFields",{get:function(){return p.isArray(this.textField)?this.textField.length>1?this.textField.slice(1):this.textField:[this.textField]},enumerable:!0,configurable:!0}),e.prototype.updateParentChildren=function(){var e=this.parentIndex?this.mapToTreeItem(this.data):[];this.treeViewLookupService.registerChildren(this.parentIndex,e)},e.prototype.mapToTreeItem=function(e){var t=this;return e.map(function(e,i){return{dataItem:e,index:t.nodeIndex(i)}})},n.__decorate([o.HostBinding("class.k-group"),n.__metadata("design:type",Boolean)],e.prototype,"kGroupClass",void 0),n.__decorate([o.HostBinding("attr.role"),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[])],e.prototype,"role",null),n.__decorate([o.Input(),n.__metadata("design:type",Boolean)],e.prototype,"checkboxes",void 0),n.__decorate([o.Input(),n.__metadata("design:type",Boolean)],e.prototype,"expandIcons",void 0),n.__decorate([o.Input(),n.__metadata("design:type",h.Observable)],e.prototype,"nodes",void 0),n.__decorate([o.Input(),n.__metadata("design:type",Object)],e.prototype,"textField",void 0),n.__decorate([o.Input(),n.__metadata("design:type",Object)],e.prototype,"parentDataItem",void 0),n.__decorate([o.Input(),n.__metadata("design:type",String)],e.prototype,"parentIndex",void 0),n.__decorate([o.Input(),n.__metadata("design:type",o.TemplateRef)],e.prototype,"nodeTemplateRef",void 0),n.__decorate([o.Input(),n.__metadata("design:type",Function)],e.prototype,"isChecked",void 0),n.__decorate([o.Input(),n.__metadata("design:type",Function)],e.prototype,"isDisabled",void 0),n.__decorate([o.Input(),n.__metadata("design:type",Function)],e.prototype,"isExpanded",void 0),n.__decorate([o.Input(),n.__metadata("design:type",Function)],e.prototype,"isSelected",void 0),n.__decorate([o.Input(),n.__metadata("design:type",Function)],e.prototype,"children",void 0),n.__decorate([o.Input(),n.__metadata("design:type",Function)],e.prototype,"hasChildren",void 0),e=n.__decorate([o.Component({animations:[r.trigger("toggle",[r.transition("void => *",[r.style({height:0}),r.animate("0.1s ease-in",r.style({height:"*"}))]),r.transition("* => void",[r.style({height:"*"}),r.animate("0.1s ease-in",r.style({height:0}))])])],selector:"[kendoTreeViewGroup]",template:'\n        <li\n            *ngFor="let node of data; let index = index" class="k-item"\n            kendoTreeViewItem\n            [dataItem]="node"\n            [index]="nodeIndex(index)"\n            [parentDataItem]="parentDataItem"\n            [parentIndex]="parentIndex"\n            [isChecked]="isChecked(node, nodeIndex(index))"\n            [isDisabled]="isDisabled(node, nodeIndex(index))"\n            [isExpanded]="isExpanded(node, nodeIndex(index))"\n            [isSelected]="isSelected(node, nodeIndex(index))"\n            [attr.data-treeindex]="nodeIndex(index)"\n        >\n            <div class="k-mid" (mousedown)="$event.preventDefault()">\n                <span\n                    class="k-icon"\n                    [class.k-i-collapse]="isExpanded(node, nodeIndex(index))"\n                    [class.k-i-expand]="!isExpanded(node, nodeIndex(index))"\n                    [kendoTreeViewLoading]="nodeIndex(index)"\n                    (click)="expandNode(nodeIndex(index), node, !isExpanded(node, nodeIndex(index)))"\n                    (mousedown)="$event.preventDefault()"\n                    *ngIf="expandIcons && hasChildren(node)"\n                    >\n                </span>\n                <kendo-checkbox\n                    *ngIf="checkboxes"\n                    [checkState]="isChecked(node, nodeIndex(index))"\n                    (checkStateChange)="checkNode(nodeIndex(index))"\n                    tabindex="-1"\n                ></kendo-checkbox>\n                <span kendoTreeViewItemContent\n                    [attr.data-treeindex]="nodeIndex(index)"\n                    [dataItem]="node"\n                    [index]="nodeIndex(index)"\n                    [initialSelection]="isSelected(node, nodeIndex(index))"\n                    [isSelected]="isSelected"\n                    (mousedown)="$event.preventDefault()"\n                    class="k-in"\n                >\n                    <ng-container [ngSwitch]="hasTemplate">\n                        <ng-container *ngSwitchCase="true">\n                            <ng-template\n                                [ngTemplateOutlet]="nodeTemplateRef" [ngTemplateOutletContext]="{$implicit: node, index: nodeIndex(index)}"\n                                >\n                            </ng-template>\n                        </ng-container>\n                        <ng-container *ngSwitchDefault>\n                            {{nodeText(node)}}\n                        </ng-container>\n                    </ng-container>\n                </span>\n            </div>\n            <ul\n                *ngIf="isExpanded(node, nodeIndex(index)) && hasChildren(node)"\n                kendoTreeViewGroup\n                role="group"\n                [nodes]="fetchChildren(node, nodeIndex(index))"\n                [checkboxes]="checkboxes"\n                [expandIcons]="expandIcons"\n                [children]="children"\n                [hasChildren]="hasChildren"\n                [isChecked]="isChecked"\n                [isDisabled]="isDisabled"\n                [isExpanded]="isExpanded"\n                [isSelected]="isSelected"\n                [nodeTemplateRef]="nodeTemplateRef"\n                [parentIndex]="nodeIndex(index)"\n                [parentDataItem]="node"\n                [textField]="nextFields"\n                [@toggle]="true"\n                >\n            </ul>\n        </li>\n    '}),n.__metadata("design:paramtypes",[s.ExpandStateService,l.LoadingNotificationService,a.IndexBuilderService,d.TreeViewLookupService,c.NavigationService,o.ChangeDetectorRef])],e)}();t.TreeViewGroupComponent=_},function(e,t){e.exports=l},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(12),o=/\[(?:(\d+)|['"](.*?)['"])\]|((?:(?!\[.*?\]|\.).)+)/g,r={undefined:function(e){return e}};t.getter=function(e,t){var i=e+t;if(r[i])return r[i];var s=[];return e.replace(o,function(e,t,i,o){s.push(n.isPresent(t)?t:i||o)}),r[i]=function(e){for(var i=e,o=0;o<s.length;o++)if(i=i[s[o]],!n.isPresent(i)&&t)return i;return i},r[i]}},function(e,t){e.exports=u},function(e,t){e.exports=h},function(e,t){e.exports=f},function(e,t){e.exports=y},function(e,t){e.exports=p},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),o=i(3),r=i(1),s=i(12),a=i(17),d=function(){function e(e,t,i){var n=this;this.treeView=e,this.cdr=t,this.differs=i,this.checkedKeysChange=new o.EventEmitter,this.subscriptions=new a.Subscription(function(){}),this.checkActions={multiple:function(e){return n.checkMultiple(e)},single:function(e){return n.checkSingle(e)}},this._checkedKeys=[],this.subscriptions.add(this.treeView.checkedChange.subscribe(function(e){return n.check(e)})),this.treeView.isChecked=this.isItemChecked.bind(this)}return Object.defineProperty(e.prototype,"isChecked",{set:function(e){this.treeView.isChecked=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"checkedKeys",{get:function(){return this._checkedKeys},set:function(e){this._checkedKeys=e,!this.differ&&e&&(this.differ=this.differs.find(e).create())},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"options",{get:function(){var e={checkChildren:!0,checkParents:!0,enabled:!0,mode:"multiple"};if(!s.isPresent(this.checkable))return e;var t="boolean"==typeof this.checkable?{enabled:this.checkable}:this.checkable;return Object.assign(e,t)},enumerable:!0,configurable:!0}),e.prototype.ngDoCheck=function(){this.differ&&(this.differ.diff(this.checkedKeys)&&this.cdr.markForCheck())},e.prototype.ngOnChanges=function(e){e.checkable&&(this.treeView.checkboxes=this.options.enabled,this.cdr.markForCheck())},e.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},e.prototype.isItemChecked=function(e,t){return this.checkKey?this.checkedKeys.indexOf(this.itemKey({dataItem:e,index:t}))>-1?"checked":"none":this.isIndexChecked(t)},e.prototype.isIndexChecked=function(e){var t,i=this.checkedKeys.filter(function(t){return 0===t.indexOf(e)});if(t=e,i.filter(function(e){return e===t}).length>0)return"checked";var n=this.options,o=n.mode,r=n.checkParents;return"multiple"===o&&r&&i.length?"indeterminate":"none"},e.prototype.itemKey=function(e){return this.checkKey?"string"==typeof this.checkKey?e.dataItem[this.checkKey]:"function"==typeof this.checkKey?this.checkKey(e):void 0:e.index},e.prototype.check=function(e){var t=this.options,i=t.enabled,n=t.mode,o=this.checkActions[n]||s.noop;i&&o(e)},e.prototype.checkSingle=function(e){var t=this.itemKey(e.item);this.checkedKeys=this.checkedKeys[0]!==t?[t]:[],this.notify()},e.prototype.checkMultiple=function(e){this.checkNode(e),this.options.checkParents&&this.checkParents(e.parent),this.notify()},e.prototype.checkNode=function(e,t){var i=this,n=this.itemKey(e.item),o=this.checkedKeys.indexOf(n),r=o>-1,a=void 0===t?!r:t;!s.isPresent(n)||r&&t||(r?this.checkedKeys.splice(o,1):this.checkedKeys.push(n),this.options.checkChildren&&e.children.map(function(e){return i.checkNode(e,a)}))},e.prototype.checkParents=function(e){for(var t=e;t;){var i=this.itemKey(t.item),n=this.checkedKeys.indexOf(i);this.allChildrenSelected(t.children)?-1===n&&this.checkedKeys.push(i):n>-1&&this.checkedKeys.splice(n,1),t=t.parent}},e.prototype.allChildrenSelected=function(e){var t=this;return e.reduce(function(e,i){return e&&"checked"===t.isItemChecked(i.dataItem,i.index)},!0)},e.prototype.notify=function(){this.checkedKeysChange.emit(this.checkedKeys.slice())},n.__decorate([o.Input(),n.__metadata("design:type",Function),n.__metadata("design:paramtypes",[Function])],e.prototype,"isChecked",null),n.__decorate([o.Input("checkBy"),n.__metadata("design:type",Object)],e.prototype,"checkKey",void 0),n.__decorate([o.Input(),n.__metadata("design:type",Array),n.__metadata("design:paramtypes",[Array])],e.prototype,"checkedKeys",null),n.__decorate([o.Input("kendoTreeViewCheckable"),n.__metadata("design:type",Object)],e.prototype,"checkable",void 0),n.__decorate([o.Output(),n.__metadata("design:type",o.EventEmitter)],e.prototype,"checkedKeysChange",void 0),e=n.__decorate([o.Directive({selector:"[kendoTreeViewCheckable]"}),n.__metadata("design:paramtypes",[r.TreeViewComponent,o.ChangeDetectorRef,o.IterableDiffers])],e)}();t.CheckDirective=d},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),o=i(3),r=i(1),s=function(){function e(e,t){var i=this;this.treeView=e,this.cdr=t,this.disabledKeys=[],this.treeView.isDisabled=function(e,t){return i.disabledKeys.indexOf(i.itemKey({dataItem:e,index:t}))>-1}}return Object.defineProperty(e.prototype,"isDisabled",{set:function(e){this.treeView.isDisabled=e},enumerable:!0,configurable:!0}),e.prototype.ngOnChanges=function(e){void 0===e&&(e={});var t=e.disabledKeys;t&&!t.firstChange&&this.cdr.markForCheck()},e.prototype.itemKey=function(e){return this.disableKey?"string"==typeof this.disableKey?e.dataItem[this.disableKey]:"function"==typeof this.disableKey?this.disableKey(e):void 0:e.index},n.__decorate([o.Input(),n.__metadata("design:type",Function),n.__metadata("design:paramtypes",[Function])],e.prototype,"isDisabled",null),n.__decorate([o.Input("kendoTreeViewDisable"),n.__metadata("design:type",Object)],e.prototype,"disableKey",void 0),n.__decorate([o.Input(),n.__metadata("design:type",Array)],e.prototype,"disabledKeys",void 0),e=n.__decorate([o.Directive({selector:"[kendoTreeViewDisable]"}),n.__metadata("design:paramtypes",[r.TreeViewComponent,o.ChangeDetectorRef])],e)}();t.DisableDirective=s},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),o=i(3),r=i(1),s=i(17),a=i(34),d=i(35),c=function(){function e(e,t,i){var r=this;this.treeView=e,this.cdr=t,this.differs=i,this.expandedKeysChange=new o.EventEmitter,this.subscriptions=new s.Subscription(function(){}),this._expandedKeys=[],this.subscriptions.add(a.merge(this.treeView.expand.pipe(d.map(function(e){return n.__assign({expand:!0},e)})),this.treeView.collapse.pipe(d.map(function(e){return n.__assign({expand:!1},e)}))).subscribe(this.toggleExpand.bind(this))),this.treeView.isExpanded=function(e,t){return r.expandedKeys.indexOf(r.itemKey({dataItem:e,index:t}))>-1}}return Object.defineProperty(e.prototype,"isExpanded",{set:function(e){this.treeView.isExpanded=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"expandedKeys",{get:function(){return this._expandedKeys},set:function(e){this._expandedKeys=e,!this.differ&&e&&(this.differ=this.differs.find(e).create())},enumerable:!0,configurable:!0}),e.prototype.ngDoCheck=function(){this.differ&&(this.differ.diff(this.expandedKeys)&&this.cdr.markForCheck())},e.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},e.prototype.itemKey=function(e){if(this.expandKey){if("string"==typeof this.expandKey)return e.dataItem[this.expandKey];if("function"==typeof this.expandKey)return this.expandKey(e)}return e.index},e.prototype.toggleExpand=function(e){var t=e.index,i=e.dataItem,n=e.expand,o=this.itemKey({index:t,dataItem:i}),r=this.expandedKeys.indexOf(o),s=!1;r>-1&&!n?(this.expandedKeys.splice(r,1),s=!0):-1===r&&n&&(this.expandedKeys.push(o),s=!0),s&&this.expandedKeysChange.emit(this.expandedKeys)},n.__decorate([o.Input(),n.__metadata("design:type",Function),n.__metadata("design:paramtypes",[Function])],e.prototype,"isExpanded",null),n.__decorate([o.Input("expandBy"),n.__metadata("design:type",Object)],e.prototype,"expandKey",void 0),n.__decorate([o.Output(),n.__metadata("design:type",o.EventEmitter)],e.prototype,"expandedKeysChange",void 0),n.__decorate([o.Input(),n.__metadata("design:type",Array),n.__metadata("design:paramtypes",[Array])],e.prototype,"expandedKeys",null),e=n.__decorate([o.Directive({selector:"[kendoTreeViewExpandable]"}),n.__metadata("design:paramtypes",[r.TreeViewComponent,o.ChangeDetectorRef,o.IterableDiffers])],e)}();t.ExpandDirective=c},function(e,t){e.exports=d},function(e,t){e.exports=a},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),o=i(3),r=i(1),s=i(12),a=i(17),d=function(){function e(e,t,i){var n=this;this.treeView=e,this.cdr=t,this.differs=i,this.selectedKeysChange=new o.EventEmitter,this.subscriptions=new a.Subscription(function(){}),this.selectActions={multiple:function(e){return n.selectMultiple(e)},single:function(e){return n.selectSingle(e)}},this._selectedKeys=[],this.subscriptions.add(this.treeView.selectionChange.subscribe(this.select.bind(this))),this.treeView.isSelected=function(e,t){return n.selectedKeys.indexOf(n.itemKey({dataItem:e,index:t}))>-1}}return Object.defineProperty(e.prototype,"isSelected",{set:function(e){this.treeView.isSelected=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"selectedKeys",{get:function(){return this._selectedKeys},set:function(e){this._selectedKeys=e,!this.differ&&e&&(this.differ=this.differs.find(e).create())},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"getAriaMultiselectable",{get:function(){return"multiple"===this.options.mode},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"options",{get:function(){var e={enabled:!0,mode:"single"};if(!s.isPresent(this.selection))return e;var t="boolean"==typeof this.selection?{enabled:this.selection}:this.selection;return Object.assign(e,t)},enumerable:!0,configurable:!0}),e.prototype.ngDoCheck=function(){this.differ&&(this.differ.diff(this.selectedKeys)&&this.cdr.markForCheck())},e.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},e.prototype.itemKey=function(e){return this.selectKey?"string"==typeof this.selectKey?e.dataItem[this.selectKey]:"function"==typeof this.selectKey?this.selectKey(e):void 0:e.index},e.prototype.select=function(e){var t=this.options,i=t.enabled,n=t.mode,o=this.selectActions[n]||s.noop;i&&o(e)},e.prototype.selectSingle=function(e){var t=this.itemKey(e);this.selectedKeys[0]!==t&&(this.selectedKeys=[t],this.notify())},e.prototype.selectMultiple=function(e){var t=this.itemKey(e),i=this.selectedKeys.indexOf(t),n=i>-1;s.isPresent(t)&&(n?this.selectedKeys.splice(i,1):this.selectedKeys.push(t),this.notify())},e.prototype.notify=function(){this.selectedKeysChange.emit(this.selectedKeys.slice())},n.__decorate([o.Input(),n.__metadata("design:type",Function),n.__metadata("design:paramtypes",[Function])],e.prototype,"isSelected",null),n.__decorate([o.Input("selectBy"),n.__metadata("design:type",Object)],e.prototype,"selectKey",void 0),n.__decorate([o.Input("kendoTreeViewSelectable"),n.__metadata("design:type",Object)],e.prototype,"selection",void 0),n.__decorate([o.Input(),n.__metadata("design:type",Array),n.__metadata("design:paramtypes",[Array])],e.prototype,"selectedKeys",null),n.__decorate([o.Output(),n.__metadata("design:type",o.EventEmitter)],e.prototype,"selectedKeysChange",void 0),n.__decorate([o.HostBinding("attr.aria-multiselectable"),n.__metadata("design:type",Boolean),n.__metadata("design:paramtypes",[])],e.prototype,"getAriaMultiselectable",null),e=n.__decorate([o.Directive({selector:"[kendoTreeViewSelectable]"}),n.__metadata("design:paramtypes",[r.TreeViewComponent,o.ChangeDetectorRef,o.IterableDiffers])],e)}();t.SelectDirective=d},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),o=i(3),r=i(1),s=i(25),a=i(12),d=i(16),c=i(20),p=function(){function e(e){this.treeView=e}return Object.defineProperty(e.prototype,"childrenField",{get:function(){return this._childrenField},set:function(e){if(!e)throw new Error("'childrenField' cannot be empty");this._childrenField=e},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){var e=this;a.isPresent(this.childrenField)&&(this.treeView.children=function(t){return c.of(s.getter(e.childrenField,!0)(t))},this.treeView.hasChildren=function(t){return e.childrenField in t},this.treeView.isExpanded!==d.isExpanded&&(this.treeView.expandIcons=!0))},n.__decorate([o.Input(),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[String])],e.prototype,"childrenField",null),e=n.__decorate([o.Directive({selector:"[kendoTreeViewHierarchyBinding]"}),n.__metadata("design:paramtypes",[r.TreeViewComponent])],e)}();t.HierarchyBindingDirective=p},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),o=i(3),r=i(7),s=i(9),a=i(20),d=i(39),c=i(40),p=i(41),u=i(42),l=i(29),h=function(){function e(e,t,i){this.expandService=e,this.loadingService=t,this.cd=i,this._loading=!1}return Object.defineProperty(e.prototype,"loading",{get:function(){return this._loading},set:function(e){this._loading=e,this.cd.markForCheck()},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){var e=this,t=this.loadingService.changes.pipe(c.filter(function(t){return t===e.index}));this.subscription=this.expandService.changes.pipe(c.filter(function(t){return t.index===e.index}),l.tap(function(t){!t.expand&&e.loading&&(e.loading=!1)}),c.filter(function(e){return e.expand}),p.switchMap(function(e){return a.of(e).pipe(d.delay(100),u.takeUntil(t))})).subscribe(function(){return e.loading=!0}),this.subscription.add(t.subscribe(function(){return e.loading=!1}))},e.prototype.ngOnDestroy=function(){this.subscription&&this.subscription.unsubscribe()},n.__decorate([o.HostBinding("class.k-i-loading"),n.__metadata("design:type",Boolean),n.__metadata("design:paramtypes",[Boolean])],e.prototype,"loading",null),n.__decorate([o.Input("kendoTreeViewLoading"),n.__metadata("design:type",String)],e.prototype,"index",void 0),e=n.__decorate([o.Directive({selector:"[kendoTreeViewLoading]"}),n.__metadata("design:paramtypes",[r.ExpandStateService,s.LoadingNotificationService,o.ChangeDetectorRef])],e)}();t.LoadingIndicatorDirective=h},function(e,t){e.exports=m},function(e,t){e.exports=v},function(e,t){e.exports=_},function(e,t){e.exports=g},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),o=i(3),r=i(1),s=i(25),a=i(12),d=i(44),c=i(20),p=function(){function e(e){this.treeView=e,this.originalData=[]}return Object.defineProperty(e.prototype,"nodes",{set:function(e){if(this.originalData=e||[],a.isNullOrEmptyString(this.parentIdField))this.treeView.nodes=this.originalData.slice(0);else{var t=s.getter(this.parentIdField,!0);this.treeView.nodes=this.originalData.filter(d.compose(a.isBlank,t))}},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){var e=this;if(a.isPresent(this.parentIdField)&&a.isPresent(this.idField)){var t=function(t){return i=s.getter(e.parentIdField,!0),n=e.originalData||[],o=s.getter(e.idField,!0)(t),n.filter(function(e){return i(e)===o});var i,n,o};this.treeView.hasChildren=function(e){return t(e).length>0},this.treeView.children=function(e){return c.of(t(e))}}},e.prototype.ngOnChanges=function(e){a.isChanged("parentIdField",e,!1)&&(this.nodes=this.originalData)},n.__decorate([o.Input(),n.__metadata("design:type",Array),n.__metadata("design:paramtypes",[Array])],e.prototype,"nodes",null),n.__decorate([o.Input(),n.__metadata("design:type",String)],e.prototype,"parentIdField",void 0),n.__decorate([o.Input(),n.__metadata("design:type",String)],e.prototype,"idField",void 0),e=n.__decorate([o.Directive({selector:"[kendoTreeViewFlatDataBinding]"}),n.__metadata("design:paramtypes",[r.TreeViewComponent])],e)}();t.FlatDataBindingDirective=p},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.compose=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return function(t){return e.reduceRight(function(e,t){return t(e)},t)}}},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),o=i(3),r=i(10),s=i(14),a=i(5),d=i(7),c=i(8),p=i(15),u=i(12),l=i(40),h=function(e,t){return{dataItem:t,index:e}},f=function(){function e(e,t,i,n,o,r,s,a){this.element=e,this.focusService=t,this.expandService=i,this.navigationService=n,this.selectionService=o,this.lookupService=r,this.renderer=s,this.ib=a,this.isDisabled=!1,this.ariaChecked="false",this.isInitialized=!1,this.subscriptions=[],this.subscribe()}return Object.defineProperty(e.prototype,"isChecked",{set:function(e){this.ariaChecked="checked"===e?"true":"indeterminate"===e?"mixed":"false"},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isExpanded",{get:function(){return this._isExpanded||!1},set:function(e){this._isExpanded=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isSelected",{get:function(){return this._isSelected||!1},set:function(e){this._isSelected=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"treeItem",{get:function(){return h(this.index,this.dataItem)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"parentTreeItem",{get:function(){return this.parentDataItem?h(this.parentIndex,this.parentDataItem):null},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){this.lookupService.registerItem(this.treeItem,this.parentTreeItem),this.registerNavigationItem(),this.isInitialized=!0,this.initEvents(),this.setAttribute("role","treeitem"),this.setAriaAttributes(),this.setDisabledClass(),this.updateTabIndex()},e.prototype.ngOnChanges=function(e){var t=e.index,i=e.isDisabled;(t||e.isChecked||e.isExpanded||e.isSelected)&&this.setAriaAttributes(),i&&this.setDisabledClass(),this.moveLookupItem(e),this.moveNavigationItem(t),this.disableNavigationItem(i)},e.prototype.ngOnDestroy=function(){this.navigationService.unregisterItem(this.index),this.subscriptions=this.subscriptions.reduce(function(e,t){return t.unsubscribe(),e},[])},e.prototype.subscribe=function(){var e=this;this.subscriptions=[this.navigationService.moves.subscribe(function(){e.updateTabIndex(),e.focusItem()}),this.navigationService.expands.pipe(l.filter(function(t){return t.index===e.index&&!e.isDisabled})).subscribe(function(t){var i=t.expand;return e.expand(i)})]},e.prototype.initEvents=function(){var e=this;["focusin","focusout","focus","blur"].forEach(function(t){e.subscriptions.push(e.listen(t,function(){return e.focusService[t](e.index)}))})},e.prototype.listen=function(e,t){return{unsubscribe:this.renderer.listen(this.element.nativeElement,e,t)}},e.prototype.registerNavigationItem=function(){this.isDisabled||(this.navigationService.registerItem(this.index),this.activateItem())},e.prototype.activateItem=function(){var e=this.navigationService,t=this.selectionService,i=this.index;t.setFirstSelected(i,this.isSelected),!e.isActive(i)&&t.isFirstSelected(i)&&e.activateIndex(i)},e.prototype.expand=function(e){this.expandService[e?"expand":"collapse"](this.index,this.dataItem)},e.prototype.isFocusable=function(){return!this.isDisabled&&this.navigationService.isFocusable(this.index)},e.prototype.focusItem=function(){this.isInitialized&&!this.isDisabled&&this.navigationService.isActive(this.index)&&this.element.nativeElement.focus()},e.prototype.moveLookupItem=function(e){void 0===e&&(e={});var t=e.dataItem,i=e.index,n=e.parentDataItem,o=e.parentIndex;if((!i||!i.firstChange||this.lookupService.hasItem(this.index))&&(t||i||n||o)){var r=(i||{}).previousValue||this.index;this.lookupService.replaceItem(r,this.treeItem,this.parentTreeItem)}},e.prototype.moveNavigationItem=function(e){void 0===e&&(e={});var t=e.currentValue,i=e.firstChange,n=e.previousValue;!i&&u.isPresent(t)&&u.isPresent(n)&&(this.navigationService.unregisterItem(n),this.navigationService.registerItem(t))},e.prototype.disableNavigationItem=function(e){if(e&&!e.firstChange){var t=this.navigationService;this.isDisabled?(t.activateClosest(this.index),t.unregisterItem(this.index)):(t.registerItem(this.index),t.activateFocusable())}},e.prototype.setAriaAttributes=function(){this.setAttribute("aria-level",this.ib.level(this.index).toString()),this.setAttribute("aria-expanded",this.isExpanded.toString()),this.setAttribute("aria-selected",this.isSelected.toString()),this.setAttribute("aria-checked",this.ariaChecked)},e.prototype.setDisabledClass=function(){this.setClass("k-state-disabled",this.isDisabled)},e.prototype.setClass=function(e,t){var i=t?"addClass":"removeClass";this.renderer[i](this.element.nativeElement,e)},e.prototype.updateTabIndex=function(){this.setAttribute("tabIndex",this.isFocusable()?"0":"-1")},e.prototype.setAttribute=function(e,t){this.renderer.setAttribute(this.element.nativeElement,e,t)},n.__decorate([o.Input(),n.__metadata("design:type",Object)],e.prototype,"dataItem",void 0),n.__decorate([o.Input(),n.__metadata("design:type",String)],e.prototype,"index",void 0),n.__decorate([o.Input(),n.__metadata("design:type",Object)],e.prototype,"parentDataItem",void 0),n.__decorate([o.Input(),n.__metadata("design:type",String)],e.prototype,"parentIndex",void 0),n.__decorate([o.Input(),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[String])],e.prototype,"isChecked",null),n.__decorate([o.Input(),n.__metadata("design:type",Boolean)],e.prototype,"isDisabled",void 0),n.__decorate([o.Input(),n.__metadata("design:type",Boolean),n.__metadata("design:paramtypes",[Boolean])],e.prototype,"isExpanded",null),n.__decorate([o.Input(),n.__metadata("design:type",Boolean),n.__metadata("design:paramtypes",[Boolean])],e.prototype,"isSelected",null),e=n.__decorate([o.Directive({selector:"[kendoTreeViewItem]"}),n.__metadata("design:paramtypes",[o.ElementRef,a.FocusStateService,d.ExpandStateService,r.NavigationService,s.SelectionService,p.TreeViewLookupService,o.Renderer2,c.IndexBuilderService])],e)}();t.TreeViewItemDirective=f},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),o=i(3),r=i(10),s=i(14),a=i(17),d=i(40),c=function(){function e(e,t,i,n){var o=this;this.element=e,this.navigationService=t,this.selectionService=i,this.renderer=n,this.initialSelection=!1,this.subscriptions=new a.Subscription(function(){}),this.subscriptions.add(this.navigationService.moves.subscribe(this.updateItem.bind(this))),this.subscriptions.add(this.navigationService.selects.pipe(d.filter(function(e){return e===o.index})).subscribe(function(e){return o.selectionService.select(e,o.dataItem)})),this.subscriptions.add(this.selectionService.changes.subscribe(function(){o.updateSelection(o.isSelected(o.dataItem,o.index))}))}return e.prototype.ngOnChanges=function(e){e.initialSelection&&this.updateSelection(this.initialSelection)},e.prototype.ngOnInit=function(){this.updateSelection(this.initialSelection)},e.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},e.prototype.updateItem=function(){this.render(this.navigationService.isActive(this.index),"k-state-focused")},e.prototype.updateSelection=function(e){this.render(e,"k-state-selected")},e.prototype.render=function(e,t){var i=e?"addClass":"removeClass";this.renderer[i](this.element.nativeElement,t)},n.__decorate([o.Input(),n.__metadata("design:type",Object)],e.prototype,"dataItem",void 0),n.__decorate([o.Input(),n.__metadata("design:type",String)],e.prototype,"index",void 0),n.__decorate([o.Input(),n.__metadata("design:type",Boolean)],e.prototype,"initialSelection",void 0),n.__decorate([o.Input(),n.__metadata("design:type",Function)],e.prototype,"isSelected",void 0),e=n.__decorate([o.Directive({selector:"[kendoTreeViewItemContent]"}),n.__metadata("design:paramtypes",[o.ElementRef,r.NavigationService,s.SelectionService,o.Renderer2])],e)}();t.TreeViewItemContentDirective=c},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),o=i(3),r=[i(48).CheckBoxComponent],s=function(){function e(){}return e=n.__decorate([o.NgModule({declarations:[r],exports:[r]})],e)}();t.CheckBoxModule=s},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(2),o=i(3),r=i(12),s=function(){function e(e,t){this.element=e,this.renderer=t,this.id="_"+r.guid(),this.checkState="none",this.tabindex=0,this.checkStateChange=new o.EventEmitter}return Object.defineProperty(e.prototype,"classWrapper",{get:function(){return!0},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"indeterminate",{get:function(){return"indeterminate"===this.checkState},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"checked",{get:function(){return"checked"===this.checkState},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){this.renderer.removeAttribute(this.element.nativeElement,"tabindex")},e.prototype.handleChange=function(e){this.checkStateChange.emit(e.target.checked?"checked":"none")},n.__decorate([o.HostBinding("class.k-checkbox-wrapper"),n.__metadata("design:type",Boolean),n.__metadata("design:paramtypes",[])],e.prototype,"classWrapper",null),n.__decorate([o.Input(),n.__metadata("design:type",String)],e.prototype,"id",void 0),n.__decorate([o.Input(),n.__metadata("design:type",String)],e.prototype,"checkState",void 0),n.__decorate([o.Input(),n.__metadata("design:type",String)],e.prototype,"labelText",void 0),n.__decorate([o.Input(),n.__metadata("design:type",Number)],e.prototype,"tabindex",void 0),n.__decorate([o.Output(),n.__metadata("design:type",o.EventEmitter)],e.prototype,"checkStateChange",void 0),e=n.__decorate([o.Component({selector:"kendo-checkbox",template:'\n        <input\n            class="k-checkbox"\n            type="checkbox"\n            [id]="id"\n            [checked]="checked"\n            [indeterminate]="indeterminate"\n            [tabindex]="tabindex"\n            (change)="handleChange($event)"\n        />\n        <label\n            class="k-checkbox-label"\n            tabindex="-1"\n            [for]="id"\n        >{{labelText}}</label>\n    '}),n.__metadata("design:paramtypes",[o.ElementRef,o.Renderer2])],e)}();t.CheckBoxComponent=s}])}}});
+System.register("@progress/kendo-angular-treeview",["tslib","@angular/core","rxjs/Subscription","rxjs/observable/of","rxjs/operators/auditTime","rxjs/BehaviorSubject","rxjs/operators/filter","rxjs/operators/map","rxjs/observable/merge","@angular/common","rxjs/Subject","rxjs/operators/delay","rxjs/operators/tap","rxjs/operators/switchMap","rxjs/operators/takeUntil","@angular/animations","rxjs/observable/empty","rxjs/Observable","rxjs/operators/catchError"],function(e){var t,n,i,o,r,s,a,d,c,p,u,l,h,f,v,y,m,_,g;function b(e){return e.__useDefault?e.default:e}return{setters:[function(e){t=b(e)},function(e){n=b(e)},function(e){i=b(e)},function(e){o=b(e)},function(e){r=b(e)},function(e){s=b(e)},function(e){a=b(e)},function(e){d=b(e)},function(e){c=b(e)},function(e){p=b(e)},function(e){u=b(e)},function(e){l=b(e)},function(e){h=b(e)},function(e){f=b(e)},function(e){v=b(e)},function(e){y=b(e)},function(e){m=b(e)},function(e){_=b(e)},function(e){g=b(e)}],execute:function(){!function(e){var t={};function n(i){if(t[i])return t[i].exports;var o=t[i]={exports:{},id:i,loaded:!1};return e[i].call(o.exports,o,o.exports,n),o.loaded=!0,o.exports}n.m=e,n.c=t,n.p="",n(0)}([function(t,n,i){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var o=i(1);n.TreeViewComponent=o.TreeViewComponent;var r=i(22);n.TreeViewModule=r.TreeViewModule;var s=i(4);n.NodeTemplateDirective=s.NodeTemplateDirective;var a=i(32);n.CheckDirective=a.CheckDirective;var d=i(34);n.DisableDirective=d.DisableDirective;var c=i(35);n.ExpandDirective=c.ExpandDirective;var p=i(38);n.SelectDirective=p.SelectDirective;var u=i(39);n.HierarchyBindingDirective=u.HierarchyBindingDirective;var l=i(44);n.FlatDataBindingDirective=l.FlatDataBindingDirective,function(t){for(var n in t)e(n,t[n])}(n)},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(4),s=n(5),a=n(7),d=n(8),c=n(9),p=n(10),u=n(11),l=n(15),h=n(16),f=n(13),v=n(17),y=n(18),m=n(19),_=n(20),g=n(21),b=[s.FocusStateService,a.ExpandStateService,d.IndexBuilderService,h.TreeViewLookupService,c.LoadingNotificationService,p.NodeChildrenService,u.NavigationService,l.SelectionService],x=function(){function e(e,t,n,i,r,s,a){this.focusService=e,this.expandService=t,this.navigationService=n,this.nodeChildrenService=i,this.selectionService=r,this.treeViewLookupService=s,this.element=a,this.classNames=!0,this.childrenLoaded=new o.EventEmitter,this.onBlur=new o.EventEmitter,this.onFocus=new o.EventEmitter,this.expand=new o.EventEmitter,this.collapse=new o.EventEmitter,this.checkedChange=new o.EventEmitter,this.selectionChange=new o.EventEmitter,this.isDisabled=v.isDisabled,this.navigable=!0,this.children=function(){return g.of([])},this.checkboxes=!1,this.expandIcons=!1,this.isActive=!1,this.data=new m.BehaviorSubject([]),this._animate=!0,this.resolvedPromise=Promise.resolve(null),this.subscriptions=new y.Subscription(function(){})}return Object.defineProperty(e.prototype,"role",{get:function(){return"tree"},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"animate",{get:function(){return!this._animate},set:function(e){this._animate=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"nodes",{set:function(e){this.data.next(e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"hasChildren",{get:function(){return this._hasChildren||v.hasChildren},set:function(e){this._hasChildren=e,this.expandIcons=Boolean(this._isExpanded&&this._hasChildren)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isChecked",{get:function(){return this._isChecked||v.isChecked},set:function(e){this._isChecked=e,this.checkboxes=Boolean(this._isChecked)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isExpanded",{get:function(){return this._isExpanded||v.isExpanded},set:function(e){this._isExpanded=e,this.expandIcons=Boolean(this._isExpanded&&this._hasChildren)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isSelected",{get:function(){return this._isSelected||v.isSelected},set:function(e){this._isSelected=e},enumerable:!0,configurable:!0}),e.prototype.handleKeydown=function(e){this.isActive&&this.navigationService.move(e)},e.prototype.handleClick=function(e){var t=this,n=e.target,i=f.nodeId(f.closestNode(n));i&&!this.focusService.hasActiveContent()&&this.focusin(i).then(function(){t.isActive&&!/k-i-collapse|k-i-expand/.test(n.className)&&t.navigationService.selectIndex(i)})},e.prototype.ngOnChanges=function(e){this.navigationService.navigable=Boolean(this.navigable)},e.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},e.prototype.ngOnInit=function(){var e=this;this.subscriptions.add(this.nodeChildrenService.changes.subscribe(function(t){return e.childrenLoaded.emit(t)})),this.subscriptions.add(this.focusService.changes.pipe(_.auditTime(1)).subscribe(function(t){var n=t.focused,i=t.index;return n?e.focusin(i):e.focusout(i)})),this.subscriptions.add(this.expandService.changes.subscribe(function(t){var n=t.index,i=t.dataItem;return t.expand?e.expand.emit({index:n,dataItem:i}):e.collapse.emit({index:n,dataItem:i})})),this.subscriptions.add(this.navigationService.checks.subscribe(function(t){return e.checkedChange.emit(e.treeViewLookupService.itemLookup(t))})),this.subscriptions.add(this.selectionService.changes.subscribe(function(t){return e.selectionChange.emit(t)}))},e.prototype.blur=function(){if(f.isDocumentAvailable()){var e=f.focusableNode(this.element);document.activeElement===e&&e.blur()}},e.prototype.focus=function(e){this.navigationService.activateIndex(e);var t=f.focusableNode(this.element);t&&t.focus()},e.prototype.focusin=function(e){var t=this;if(e)return this.navigationService.activateIndex(e),this.resolvedPromise.then(function(){!t.isActive&&t.navigationService.isActive(e)&&(t.isActive=!0,t.onFocus.emit())})},e.prototype.focusout=function(e){var t=this;return this.resolvedPromise.then(function(){t.isActive&&t.navigationService.isActive(e)&&(t.navigationService.deactivate(),t.isActive=!1,t.onBlur.emit())})},i.__decorate([o.HostBinding("class.k-widget"),o.HostBinding("class.k-treeview"),i.__metadata("design:type",Boolean)],e.prototype,"classNames",void 0),i.__decorate([o.HostBinding("attr.role"),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[])],e.prototype,"role",null),i.__decorate([o.Input(),o.HostBinding("@.disabled"),i.__metadata("design:type",Boolean),i.__metadata("design:paramtypes",[Boolean])],e.prototype,"animate",null),i.__decorate([o.Output(),i.__metadata("design:type",o.EventEmitter)],e.prototype,"childrenLoaded",void 0),i.__decorate([o.Output("blur"),i.__metadata("design:type",o.EventEmitter)],e.prototype,"onBlur",void 0),i.__decorate([o.Output("focus"),i.__metadata("design:type",o.EventEmitter)],e.prototype,"onFocus",void 0),i.__decorate([o.Output(),i.__metadata("design:type",o.EventEmitter)],e.prototype,"expand",void 0),i.__decorate([o.Output(),i.__metadata("design:type",o.EventEmitter)],e.prototype,"collapse",void 0),i.__decorate([o.Output(),i.__metadata("design:type",o.EventEmitter)],e.prototype,"checkedChange",void 0),i.__decorate([o.Output(),i.__metadata("design:type",o.EventEmitter)],e.prototype,"selectionChange",void 0),i.__decorate([o.ContentChild(r.NodeTemplateDirective),i.__metadata("design:type",r.NodeTemplateDirective)],e.prototype,"nodeTemplate",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Array),i.__metadata("design:paramtypes",[Array])],e.prototype,"nodes",null),i.__decorate([o.Input(),i.__metadata("design:type",Object)],e.prototype,"textField",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Function),i.__metadata("design:paramtypes",[Function])],e.prototype,"hasChildren",null),i.__decorate([o.Input(),i.__metadata("design:type",Function),i.__metadata("design:paramtypes",[Function])],e.prototype,"isChecked",null),i.__decorate([o.Input(),i.__metadata("design:type",Function)],e.prototype,"isDisabled",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Function),i.__metadata("design:paramtypes",[Function])],e.prototype,"isExpanded",null),i.__decorate([o.Input(),i.__metadata("design:type",Function),i.__metadata("design:paramtypes",[Function])],e.prototype,"isSelected",null),i.__decorate([o.Input(),i.__metadata("design:type",Boolean)],e.prototype,"navigable",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Function)],e.prototype,"children",void 0),i.__decorate([o.HostListener("keydown",["$event"]),i.__metadata("design:type",Function),i.__metadata("design:paramtypes",[Object]),i.__metadata("design:returntype",void 0)],e.prototype,"handleKeydown",null),i.__decorate([o.HostListener("click",["$event"]),i.__metadata("design:type",Function),i.__metadata("design:paramtypes",[Object]),i.__metadata("design:returntype",void 0)],e.prototype,"handleClick",null),e=i.__decorate([o.Component({changeDetection:o.ChangeDetectionStrategy.Default,exportAs:"kendoTreeView",providers:b,selector:"kendo-treeview",template:'\n    <ul class="k-treeview-lines"\n      kendoTreeViewGroup\n      role="group"\n      [checkboxes]="checkboxes"\n      [expandIcons]="expandIcons"\n      [children]="children"\n      [hasChildren]="hasChildren"\n      [isChecked]="isChecked"\n      [isDisabled]="isDisabled"\n      [isExpanded]="isExpanded"\n      [isSelected]="isSelected"\n      [nodeTemplateRef]="nodeTemplate?.templateRef"\n      [nodes]="data"\n      [textField]="textField"\n      >\n    </ul>\n  '}),i.__metadata("design:paramtypes",[s.FocusStateService,a.ExpandStateService,u.NavigationService,p.NodeChildrenService,l.SelectionService,h.TreeViewLookupService,o.ElementRef])],e)}();t.TreeViewComponent=x},function(e,n){e.exports=t},function(e,t){e.exports=n},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),o=n(3),r=function(){function e(e){this.templateRef=e}return e=i.__decorate([o.Directive({selector:"[kendoTreeViewNodeTemplate]"}),i.__param(0,o.Optional()),i.__metadata("design:paramtypes",[o.TemplateRef])],e)}();t.NodeTemplateDirective=r},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(6),s=function(){function e(){this.changes=new r.Subject,this.activeContent=!1,this.isActive=!1}return e.prototype.hasActiveContent=function(){return!this.isActive&&this.activeContent},e.prototype.focus=function(e){this.isActive=!0,this.changes.next({focused:!0,index:e})},e.prototype.blur=function(e){this.isActive=!1,this.changes.next({focused:!1,index:e})},e.prototype.focusin=function(e){this.activeContent=!0},e.prototype.focusout=function(e){this.activeContent=!1},e=i.__decorate([o.Injectable()],e)}();t.FocusStateService=s},function(e,t){e.exports=u},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(6),s=function(){function e(){this.changes=new r.Subject}return e.prototype.expand=function(e,t){this.changes.next({dataItem:t,index:e,expand:!0})},e.prototype.collapse=function(e,t){this.changes.next({dataItem:t,index:e,expand:!1})},e=i.__decorate([o.Injectable()],e)}();t.ExpandStateService=s},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),o=n(3),r=function(){function e(){this.INDEX_SEPARATOR="_"}return e.prototype.nodeIndex=function(e,t){return void 0===e&&(e=""),void 0===t&&(t=""),""+t+(t?this.INDEX_SEPARATOR:"")+e},e.prototype.indexForLevel=function(e,t){return e.split(this.INDEX_SEPARATOR).slice(0,t).join(this.INDEX_SEPARATOR)},e.prototype.lastLevelIndex=function(e){void 0===e&&(e="");var t=e.split(this.INDEX_SEPARATOR);return t.length?parseInt(t[t.length-1],10):NaN},e.prototype.level=function(e){return e.split(this.INDEX_SEPARATOR).length},e=i.__decorate([o.Injectable()],e)}();t.IndexBuilderService=r},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(6),s=function(){function e(){this.changes=new r.Subject}return e.prototype.notifyLoaded=function(e){this.changes.next(e)},e=i.__decorate([o.Injectable()],e)}();t.LoadingNotificationService=s},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(6),s=function(){function e(){this.changes=new r.Subject}return e.prototype.childrenLoaded=function(e,t){this.changes.next({item:e,children:t})},e=i.__decorate([o.Injectable()],e)}();t.NodeChildrenService=s},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(12),s=n(13),a=n(14),d=n(6),c=function(e,t){return e[t]||e},p=function(){function e(){var e,t=this;this.expands=new d.Subject,this.moves=new d.Subject,this.checks=new d.Subject,this.selects=new d.Subject,this.navigable=!0,this.actions=((e={})[a.Keys.up]=function(){return t.activate(c(t.focusableItem,"prev"))},e[a.Keys.down]=function(){return t.activate(c(t.focusableItem,"next"))},e[a.Keys.left]=function(){return t.expand({expand:!1,intercept:t.moveToParent.bind(t)})},e[a.Keys.right]=function(){return t.expand({expand:!0,intercept:t.moveToChild.bind(t)})},e[a.Keys.home]=function(){return t.activate(t.model.firstNode())},e[a.Keys.end]=function(){return t.activate(t.model.lastNode())},e[a.Keys.enter]=function(){return t.navigable&&t.selectIndex(s.nodeIndex(t.activeItem))},e[a.Keys.space]=function(){return t.navigable&&t.checkIndex(s.nodeIndex(t.activeItem))},e),this.isFocused=!1,this._model=new r.NavigationModel}return Object.defineProperty(e.prototype,"model",{get:function(){return this._model},set:function(e){this._model=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"activeIndex",{get:function(){return s.nodeIndex(this.activeItem)||null},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"focusableItem",{get:function(){return this.activeItem||this.model.firstNode()},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isActiveExpanded",{get:function(){return this.activeItem&&this.activeItem.children.length>0},enumerable:!0,configurable:!0}),e.prototype.activate=function(e){this.navigable&&e&&!this.isActive(s.nodeIndex(e))&&(this.isFocused=!0,this.activeItem=e||this.activeItem,this.notifyMove())},e.prototype.activateParent=function(e){this.activate(this.model.findParent(e))},e.prototype.activateIndex=function(e){e&&this.activate(this.model.findNode(e))},e.prototype.activateClosest=function(e){e&&s.nodeIndex(this.focusableItem)===e&&(this.activeItem=this.model.closestNode(e),this.notifyMove())},e.prototype.activateFocusable=function(){this.activeItem||(this.activeItem=this.model.firstNode(),this.notifyMove())},e.prototype.deactivate=function(){this.navigable&&this.isFocused&&(this.isFocused=!1,this.notifyMove())},e.prototype.checkIndex=function(e){this.checks.next(e)},e.prototype.selectIndex=function(e){this.selects.next(e)},e.prototype.isActive=function(e){return!!e&&(this.isFocused&&this.activeIndex===e)},e.prototype.isFocusable=function(e){return s.nodeIndex(this.focusableItem)===e},e.prototype.registerItem=function(e){this.model.registerItem(e)},e.prototype.unregisterItem=function(e){this.isActive(e)&&this.activateParent(e),this.model.unregisterItem(e)},e.prototype.move=function(e){if(this.navigable){var t=this.actions[e.keyCode];t&&(t(),e.preventDefault())}},e.prototype.expand=function(e){var t=e.expand,n=e.intercept,i=s.nodeIndex(this.activeItem);i&&!n(i)&&this.notifyExpand(t)},e.prototype.moveToParent=function(){return!this.isActiveExpanded&&(this.activate(this.model.findParent(s.nodeIndex(this.activeItem))),!0)},e.prototype.moveToChild=function(){return!!this.isActiveExpanded&&(this.activate(this.model.findChild(s.nodeIndex(this.activeItem))),!0)},e.prototype.notifyExpand=function(e){this.expands.next(this.navigationState(e))},e.prototype.notifyMove=function(){this.moves.next(this.navigationState())},e.prototype.navigationState=function(e){return void 0===e&&(e=!1),{expand:e,index:s.nodeIndex(this.activeItem),isFocused:this.isFocused}},e=i.__decorate([o.Injectable()],e)}();t.NavigationService=p},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(8),o=function(e){return e[e.length-1]},r=function(e){return e||{}},s=function(e){return r(e).children||[]},a=function(e){for(var t=e,n=[].concat(s(e));n.length;)t=(n=n.concat(s(o(n)))).shift();return t},d=function(){function e(){this.ib=new i.IndexBuilderService,this.nodes=[]}return e.prototype.firstNode=function(){return this.nodes[0]||null},e.prototype.lastNode=function(){var e=this.nodes[this.nodes.length-1];return e?a(o(this.container(e)))||e:null},e.prototype.closestNode=function(e){var t=r(this.findNode(e)).prev||this.firstNode();return r(t).index===e?this.sibling(t,1):t},e.prototype.findNode=function(e){return this.find(e,this.nodes)},e.prototype.findParent=function(e){var t=this.ib.level(e)-1;return this.findNode(this.ib.indexForLevel(e,t))},e.prototype.findChild=function(e){return s(this.findNode(e))[0]||null},e.prototype.registerItem=function(e){var t,n,i,o=this.ib.level(e),r=this.findParent(e);if(r||1===o){var s={children:[],index:e,parent:r,prev:this.prevNode(r,e),next:this.nextNode(r,e)};n=(t=s).prev,i=t.next,n&&(n.next=t),i&&(i.prev=t),this.insert(s,r)}},e.prototype.unregisterItem=function(e){var t=this.find(e,this.nodes);if(t){var n,i;n=t.prev,i=this.nextNode(t.parent,t.index),n&&(n.next=i),i&&(i.prev=n);var o=this.container(t.parent);o.splice(o.indexOf(t),1)}},e.prototype.childLevel=function(e){return e&&e.length?this.ib.level(e[0].index):1},e.prototype.container=function(e){return e?e.children:this.nodes},e.prototype.find=function(e,t){var n=this.childLevel(t),i=this.ib.indexForLevel(e,n),o=n===this.ib.level(e),r=t.find(function(e){return e.index===i});return r?o?r:this.find(e,r.children):null},e.prototype.closestIndexPosition=function(e,t){for(var n=this.ib.lastLevelIndex(t),i=0;i<e.length;){if(this.ib.lastLevelIndex(e[i].index)>n)return i;i+=1}return i},e.prototype.insert=function(e,t){var n=this.container(t);n.splice(this.closestIndexPosition(n,e.index),0,e)},e.prototype.prevNode=function(e,t){var n=this.container(e),i=n.slice(0,this.closestIndexPosition(n,t));return a(o(i))||e||null},e.prototype.nextNode=function(e,t){var n=this.container(e),i=this.findNode(t);if(!e&&i)return this.sibling(i,1);var o=this.closestIndexPosition(n,t),r=n.slice(o)[0];return r||this.sibling(e,1)},e.prototype.sibling=function(e,t){if(!e)return null;var n=this.findParent(e.index),i=this.container(n);return i[i.indexOf(e)+t]||this.sibling(n,t)||null},e}();t.NavigationModel=d},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});t.noop=function(){},t.isPresent=function(e){return null!==e&&void 0!==e},t.isBlank=function(e){return null===e||void 0===e},t.isArray=function(e){return Array.isArray(e)},t.isNullOrEmptyString=function(e){return t.isBlank(e)||0===e.trim().length},t.isDocumentAvailable=function(){return"undefined"!=typeof document},t.isChanged=function(e,t,n){return void 0===n&&(n=!0),t[e]&&(!t[e].isFirstChange()||!n)&&t[e].previousValue!==t[e].currentValue},t.anyChanged=function(e,n,i){return void 0===i&&(i=!0),e.some(function(e){return t.isChanged(e,n,i)})},t.closestNode=function(e){var n="li.k-item";return t.isDocumentAvailable()?e.closest?e.closest(n):function(e,t){if(!document.documentElement.contains(e))return null;for(var n,i,o,r=e;null!==r&&1===r.nodeType;){if(i=t,o=void 0,(o=(n=r).matches||n.msMatchesSelector||n.webkitMatchesSelector)&&o.call(n,i))return r;r=r.parentElement||r.parentNode}return null}(e,n):null},t.focusableNode=function(e){return e.nativeElement.querySelector('li[tabindex="0"]')},t.hasActiveNode=function(e,n){var i=n||t.closestNode(e);return i&&(i===e||e.tabIndex<0)},t.nodeId=function(e){return e?e.getAttribute("data-treeindex"):""},t.nodeIndex=function(e){return(e||{}).index},t.guid=function(){for(var e,t="",n=0;n<32;n++)e=16*Math.random()|0,8!==n&&12!==n&&16!==n&&20!==n||(t+="-"),t+=(12===n?4:16===n?3&e|8:e).toString(16);return t}},function(e,t){"use strict";var n;Object.defineProperty(t,"__esModule",{value:!0}),(n=t.Keys||(t.Keys={}))[n.enter=13]="enter",n[n.shift=16]="shift",n[n.space=32]="space",n[n.end=35]="end",n[n.home=36]="home",n[n.left=37]="left",n[n.up=38]="up",n[n.right=39]="right",n[n.down=40]="down"},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(6),s=function(){function e(){this.changes=new r.Subject}return e.prototype.isFirstSelected=function(e){return this.firstIndex===e},e.prototype.setFirstSelected=function(e,t){this.firstIndex===e&&!1===t?this.firstIndex=null:!this.firstIndex&&t&&(this.firstIndex=e)},e.prototype.select=function(e,t){this.changes.next({dataItem:t,index:e})},e=i.__decorate([o.Injectable()],e)}();t.SelectionService=s},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(13),s=function(){function e(){this.map=new Map}return e.prototype.registerItem=function(e,t){var n={children:[],item:e,parent:this.item(r.nodeIndex(t))};this.map.set(e.index,n)},e.prototype.registerChildren=function(e,t){var n=this.item(e);n&&(n.children=t)},e.prototype.unregisterItem=function(e){this.map.delete(e)},e.prototype.replaceItem=function(e,t,n){var i=this.item(e);i&&t&&(this.unregisterItem(e),this.registerItem(t,n),e===t.index&&this.registerChildren(t.index,i.children.slice()))},e.prototype.itemLookup=function(e){var t=this.item(e);return t?{children:this.mapChildren(t.children),item:t.item,parent:t.parent}:null},e.prototype.hasItem=function(e){return this.map.has(e)},e.prototype.item=function(e){return this.map.get(e)||null},e.prototype.mapChildren=function(e){var t=this;return e.map(function(e){var n=t.item(e.index),i=n.item,o=n.parent,r=n.children;return{children:t.mapChildren(r),item:i,parent:o}})},e=i.__decorate([o.Injectable()],e)}();t.TreeViewLookupService=s},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.hasChildren=function(){return!1},t.isChecked=function(){return"none"},t.isDisabled=function(){return!1},t.isExpanded=function(){return!0},t.isSelected=function(){return!1}},function(e,t){e.exports=i},function(e,t){e.exports=s},function(e,t){e.exports=r},function(e,t){e.exports=o},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(1),s=n(23),a=n(4),d=n(32),c=n(34),p=n(35),u=n(38),l=n(39),h=n(44),f=[r.TreeViewComponent,a.NodeTemplateDirective,d.CheckDirective,c.DisableDirective,p.ExpandDirective,u.SelectDirective,l.HierarchyBindingDirective,h.FlatDataBindingDirective],v=function(){function e(){}return e=i.__decorate([o.NgModule({exports:[f],imports:[s.SharedModule]})],e)}();t.TreeViewModule=v},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(1),s=n(24),a=n(31),d=n(4),c=n(32),p=n(34),u=n(35),l=n(38),h=n(39),f=n(40),v=n(44),y=n(46),m=n(47),_=n(48),g=[r.TreeViewComponent,s.TreeViewGroupComponent,y.TreeViewItemDirective,m.TreeViewItemContentDirective,d.NodeTemplateDirective,c.CheckDirective,p.DisableDirective,u.ExpandDirective,l.SelectDirective,h.HierarchyBindingDirective,f.LoadingIndicatorDirective,v.FlatDataBindingDirective],b=function(){function e(){}return e=i.__decorate([o.NgModule({declarations:[g],exports:[g],imports:[a.CommonModule,_.CheckBoxModule]})],e)}();t.SharedModule=b},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(25),s=n(7),a=n(8),d=n(16),c=n(11),p=n(10),u=n(13),l=n(26),h=n(9),f=n(27),v=n(28),y=n(21),m=n(29),_=n(30),g=function(){function e(e,t,n,i,o,r){this.expandService=e,this.loadingService=t,this.indexBuilder=n,this.treeViewLookupService=i,this.navigationService=o,this.nodeChildrenService=r,this.kGroupClass=!0,this.textField="",this._data=[],this.isChecked=function(){return"none"},this.isDisabled=function(){return!1},this.isExpanded=function(){return!1},this.isSelected=function(){return!1},this.children=function(){return y.of([])},this.hasChildren=function(){return!1}}return Object.defineProperty(e.prototype,"role",{get:function(){return"group"},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"data",{get:function(){return this._data},set:function(e){this._data=e;var t=this.mapToTreeItem(e);this.setNodeChildren(t),this.emitChildrenLoaded(t)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"hasTemplate",{get:function(){return u.isPresent(this.nodeTemplateRef)},enumerable:!0,configurable:!0}),e.prototype.expandNode=function(e,t,n){n?this.expandService.expand(e,t):this.expandService.collapse(e,t)},e.prototype.checkNode=function(e){this.navigationService.checkIndex(e),this.navigationService.activateIndex(e)},e.prototype.nodeIndex=function(e){return this.indexBuilder.nodeIndex(e.toString(),this.parentIndex)},e.prototype.nodeText=function(e){var t=u.isArray(this.textField)?this.textField[0]:this.textField;return l.getter(t,!0)(e)},e.prototype.ngOnDestroy=function(){this.subscription&&this.subscription.unsubscribe()},e.prototype.ngOnInit=function(){var e=this;this.subscription=this.nodes.subscribe(function(t){e.data=t})},e.prototype.ngOnChanges=function(e){e.parentIndex&&this.setNodeChildren(this.mapToTreeItem(this.data))},e.prototype.fetchChildren=function(e,t){var n=this;return this.children(e).pipe(m.catchError(function(){return n.loadingService.notifyLoaded(t),v.empty()}),_.tap(function(){return n.loadingService.notifyLoaded(t)}))},Object.defineProperty(e.prototype,"nextFields",{get:function(){return u.isArray(this.textField)?this.textField.length>1?this.textField.slice(1):this.textField:[this.textField]},enumerable:!0,configurable:!0}),e.prototype.setNodeChildren=function(e){this.treeViewLookupService.registerChildren(this.parentIndex,e)},e.prototype.mapToTreeItem=function(e){var t=this;return this.parentIndex?e.map(function(e,n){return{dataItem:e,index:t.nodeIndex(n)}}):[]},e.prototype.emitChildrenLoaded=function(e){this.parentIndex&&this.nodeChildrenService.childrenLoaded({dataItem:this.parentDataItem,index:this.parentIndex},e)},i.__decorate([o.HostBinding("class.k-group"),i.__metadata("design:type",Boolean)],e.prototype,"kGroupClass",void 0),i.__decorate([o.HostBinding("attr.role"),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[])],e.prototype,"role",null),i.__decorate([o.Input(),i.__metadata("design:type",Boolean)],e.prototype,"checkboxes",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Boolean)],e.prototype,"expandIcons",void 0),i.__decorate([o.Input(),i.__metadata("design:type",f.Observable)],e.prototype,"nodes",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Object)],e.prototype,"textField",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Object)],e.prototype,"parentDataItem",void 0),i.__decorate([o.Input(),i.__metadata("design:type",String)],e.prototype,"parentIndex",void 0),i.__decorate([o.Input(),i.__metadata("design:type",o.TemplateRef)],e.prototype,"nodeTemplateRef",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Function)],e.prototype,"isChecked",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Function)],e.prototype,"isDisabled",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Function)],e.prototype,"isExpanded",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Function)],e.prototype,"isSelected",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Function)],e.prototype,"children",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Function)],e.prototype,"hasChildren",void 0),e=i.__decorate([o.Component({animations:[r.trigger("toggle",[r.transition("void => *",[r.style({height:0}),r.animate("0.1s ease-in",r.style({height:"*"}))]),r.transition("* => void",[r.style({height:"*"}),r.animate("0.1s ease-in",r.style({height:0}))])])],selector:"[kendoTreeViewGroup]",template:'\n        <li\n            *ngFor="let node of data; let index = index" class="k-item"\n            kendoTreeViewItem\n            [dataItem]="node"\n            [index]="nodeIndex(index)"\n            [parentDataItem]="parentDataItem"\n            [parentIndex]="parentIndex"\n            [isChecked]="isChecked(node, nodeIndex(index))"\n            [isDisabled]="isDisabled(node, nodeIndex(index))"\n            [isExpanded]="isExpanded(node, nodeIndex(index))"\n            [isSelected]="isSelected(node, nodeIndex(index))"\n            [attr.data-treeindex]="nodeIndex(index)"\n        >\n            <div class="k-mid" (mousedown)="$event.preventDefault()">\n                <span\n                    class="k-icon"\n                    [class.k-i-collapse]="isExpanded(node, nodeIndex(index))"\n                    [class.k-i-expand]="!isExpanded(node, nodeIndex(index))"\n                    [kendoTreeViewLoading]="nodeIndex(index)"\n                    (click)="expandNode(nodeIndex(index), node, !isExpanded(node, nodeIndex(index)))"\n                    (mousedown)="$event.preventDefault()"\n                    *ngIf="expandIcons && hasChildren(node)"\n                    >\n                </span>\n                <kendo-checkbox\n                    *ngIf="checkboxes"\n                    [checkState]="isChecked(node, nodeIndex(index))"\n                    (checkStateChange)="checkNode(nodeIndex(index))"\n                    tabindex="-1"\n                ></kendo-checkbox>\n                <span kendoTreeViewItemContent\n                    [attr.data-treeindex]="nodeIndex(index)"\n                    [dataItem]="node"\n                    [index]="nodeIndex(index)"\n                    [initialSelection]="isSelected(node, nodeIndex(index))"\n                    [isSelected]="isSelected"\n                    (mousedown)="$event.preventDefault()"\n                    class="k-in"\n                >\n                    <ng-container [ngSwitch]="hasTemplate">\n                        <ng-container *ngSwitchCase="true">\n                            <ng-template\n                                [ngTemplateOutlet]="nodeTemplateRef" [ngTemplateOutletContext]="{$implicit: node, index: nodeIndex(index)}"\n                                >\n                            </ng-template>\n                        </ng-container>\n                        <ng-container *ngSwitchDefault>\n                            {{nodeText(node)}}\n                        </ng-container>\n                    </ng-container>\n                </span>\n            </div>\n            <ul\n                *ngIf="isExpanded(node, nodeIndex(index)) && hasChildren(node)"\n                kendoTreeViewGroup\n                role="group"\n                [nodes]="fetchChildren(node, nodeIndex(index))"\n                [checkboxes]="checkboxes"\n                [expandIcons]="expandIcons"\n                [children]="children"\n                [hasChildren]="hasChildren"\n                [isChecked]="isChecked"\n                [isDisabled]="isDisabled"\n                [isExpanded]="isExpanded"\n                [isSelected]="isSelected"\n                [nodeTemplateRef]="nodeTemplateRef"\n                [parentIndex]="nodeIndex(index)"\n                [parentDataItem]="node"\n                [textField]="nextFields"\n                [@toggle]="true"\n                >\n            </ul>\n        </li>\n    '}),i.__metadata("design:paramtypes",[s.ExpandStateService,h.LoadingNotificationService,a.IndexBuilderService,d.TreeViewLookupService,c.NavigationService,p.NodeChildrenService])],e)}();t.TreeViewGroupComponent=g},function(e,t){e.exports=y},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(13),o=/\[(?:(\d+)|['"](.*?)['"])\]|((?:(?!\[.*?\]|\.).)+)/g,r={undefined:function(e){return e}};t.getter=function(e,t){var n=e+t;if(r[n])return r[n];var s=[];return e.replace(o,function(e,t,n,o){s.push(i.isPresent(t)?t:n||o)}),r[n]=function(e){for(var n=e,o=0;o<s.length;o++)if(n=n[s[o]],!i.isPresent(n)&&t)return n;return n},r[n]}},function(e,t){e.exports=_},function(e,t){e.exports=m},function(e,t){e.exports=g},function(e,t){e.exports=h},function(e,t){e.exports=p},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(1),s=n(13),a=n(18),d=n(33),c=function(){function e(e,t){var n=this;this.treeView=e,this.cdr=t,this.checkedKeysChange=new o.EventEmitter,this.subscriptions=new a.Subscription(function(){}),this.checkActions={multiple:function(e){return n.checkMultiple(e)},single:function(e){return n.checkSingle(e)}},this._checkedKeys=[],this.resolvedPromise=Promise.resolve(null),this.subscriptions.add(this.treeView.checkedChange.subscribe(function(e){return n.check(e)})),this.subscriptions.add(this.treeView.childrenLoaded.pipe(d.filter(function(){return n.options.checkChildren})).subscribe(function(e){n.resolvedPromise.then(function(){n.addChildrenKeys(e),n.cdr.detectChanges()})})),this.treeView.isChecked=this.isItemChecked.bind(this)}return Object.defineProperty(e.prototype,"isChecked",{set:function(e){this.treeView.isChecked=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"checkedKeys",{get:function(){return this._checkedKeys},set:function(e){this._checkedKeys=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"options",{get:function(){var e={checkChildren:!0,checkParents:!0,enabled:!0,mode:"multiple"};if(!s.isPresent(this.checkable))return e;var t="boolean"==typeof this.checkable?{enabled:this.checkable}:this.checkable;return Object.assign(e,t)},enumerable:!0,configurable:!0}),e.prototype.ngOnChanges=function(e){e.checkable&&(this.treeView.checkboxes=this.options.enabled)},e.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},e.prototype.isItemChecked=function(e,t){return this.checkKey?this.checkedKeys.indexOf(this.itemKey({dataItem:e,index:t}))>-1?"checked":"none":this.isIndexChecked(t)},e.prototype.isIndexChecked=function(e){var t,n=this.checkedKeys.filter(function(t){return t.indexOf&&0===t.indexOf(e)});if(t=e,n.filter(function(e){return e===t}).length>0)return"checked";var i=this.options,o=i.mode,r=i.checkParents;return"multiple"===o&&r&&n.length?"indeterminate":"none"},e.prototype.itemKey=function(e){return this.checkKey?"string"==typeof this.checkKey?e.dataItem[this.checkKey]:"function"==typeof this.checkKey?this.checkKey(e):void 0:e.index},e.prototype.check=function(e){var t=this.options,n=t.enabled,i=t.mode,o=this.checkActions[i]||s.noop;n&&o(e)},e.prototype.checkSingle=function(e){var t=this.itemKey(e.item);this.checkedKeys=this.checkedKeys[0]!==t?[t]:[],this.notify()},e.prototype.checkMultiple=function(e){this.checkNode(e),this.options.checkParents&&this.checkParents(e.parent),this.notify()},e.prototype.checkNode=function(e,t){var n=this,i=this.itemKey(e.item),o=this.checkedKeys.indexOf(i),r=o>-1,a=void 0===t?!r:t;!s.isPresent(i)||r&&t||(r?this.checkedKeys.splice(o,1):this.checkedKeys.push(i),this.options.checkChildren&&e.children.map(function(e){return n.checkNode(e,a)}))},e.prototype.checkParents=function(e){for(var t=e;t;){var n=this.itemKey(t.item),i=this.checkedKeys.indexOf(n);this.allChildrenSelected(t.children)?-1===i&&this.checkedKeys.push(n):i>-1&&this.checkedKeys.splice(i,1),t=t.parent}},e.prototype.allChildrenSelected=function(e){var t=this;return e.reduce(function(e,n){return e&&"checked"===t.isItemChecked(n.dataItem,n.index)},!0)},e.prototype.notify=function(){this.checkedKeysChange.emit(this.checkedKeys.slice())},e.prototype.addChildrenKeys=function(e){var t=this;if(-1!==this.checkedKeys.indexOf(this.itemKey(e.item))){var n=e.children.reduce(function(e,n){var i=t.itemKey(n);return t.checkedKeys.find(function(e){return i===e})||e.push(i),e},[]);n.length&&(this.checkedKeys=this.checkedKeys.concat(n),this.notify())}},i.__decorate([o.Input(),i.__metadata("design:type",Function),i.__metadata("design:paramtypes",[Function])],e.prototype,"isChecked",null),i.__decorate([o.Input("checkBy"),i.__metadata("design:type",Object)],e.prototype,"checkKey",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Array),i.__metadata("design:paramtypes",[Array])],e.prototype,"checkedKeys",null),i.__decorate([o.Input("kendoTreeViewCheckable"),i.__metadata("design:type",Object)],e.prototype,"checkable",void 0),i.__decorate([o.Output(),i.__metadata("design:type",o.EventEmitter)],e.prototype,"checkedKeysChange",void 0),e=i.__decorate([o.Directive({selector:"[kendoTreeViewCheckable]"}),i.__metadata("design:paramtypes",[r.TreeViewComponent,o.ChangeDetectorRef])],e)}();t.CheckDirective=c},function(e,t){e.exports=a},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(1),s=function(){function e(e,t){var n=this;this.treeView=e,this.cdr=t,this.disabledKeys=[],this.treeView.isDisabled=function(e,t){return n.disabledKeys.indexOf(n.itemKey({dataItem:e,index:t}))>-1}}return Object.defineProperty(e.prototype,"isDisabled",{set:function(e){this.treeView.isDisabled=e},enumerable:!0,configurable:!0}),e.prototype.ngOnChanges=function(e){void 0===e&&(e={});var t=e.disabledKeys;t&&!t.firstChange&&this.cdr.markForCheck()},e.prototype.itemKey=function(e){return this.disableKey?"string"==typeof this.disableKey?e.dataItem[this.disableKey]:"function"==typeof this.disableKey?this.disableKey(e):void 0:e.index},i.__decorate([o.Input(),i.__metadata("design:type",Function),i.__metadata("design:paramtypes",[Function])],e.prototype,"isDisabled",null),i.__decorate([o.Input("kendoTreeViewDisable"),i.__metadata("design:type",Object)],e.prototype,"disableKey",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Array)],e.prototype,"disabledKeys",void 0),e=i.__decorate([o.Directive({selector:"[kendoTreeViewDisable]"}),i.__metadata("design:paramtypes",[r.TreeViewComponent,o.ChangeDetectorRef])],e)}();t.DisableDirective=s},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(1),s=n(18),a=n(36),d=n(37),c=function(){function e(e){var t=this;this.treeView=e,this.expandedKeysChange=new o.EventEmitter,this.subscriptions=new s.Subscription(function(){}),this._expandedKeys=[],this.subscriptions.add(a.merge(this.treeView.expand.pipe(d.map(function(e){return i.__assign({expand:!0},e)})),this.treeView.collapse.pipe(d.map(function(e){return i.__assign({expand:!1},e)}))).subscribe(this.toggleExpand.bind(this))),this.treeView.isExpanded=function(e,n){return t.expandedKeys.indexOf(t.itemKey({dataItem:e,index:n}))>-1}}return Object.defineProperty(e.prototype,"isExpanded",{set:function(e){this.treeView.isExpanded=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"expandedKeys",{get:function(){return this._expandedKeys},set:function(e){this._expandedKeys=e},enumerable:!0,configurable:!0}),e.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},e.prototype.itemKey=function(e){if(this.expandKey){if("string"==typeof this.expandKey)return e.dataItem[this.expandKey];if("function"==typeof this.expandKey)return this.expandKey(e)}return e.index},e.prototype.toggleExpand=function(e){var t=e.index,n=e.dataItem,i=e.expand,o=this.itemKey({index:t,dataItem:n}),r=this.expandedKeys.indexOf(o),s=!1;r>-1&&!i?(this.expandedKeys.splice(r,1),s=!0):-1===r&&i&&(this.expandedKeys.push(o),s=!0),s&&this.expandedKeysChange.emit(this.expandedKeys)},i.__decorate([o.Input(),i.__metadata("design:type",Function),i.__metadata("design:paramtypes",[Function])],e.prototype,"isExpanded",null),i.__decorate([o.Input("expandBy"),i.__metadata("design:type",Object)],e.prototype,"expandKey",void 0),i.__decorate([o.Output(),i.__metadata("design:type",o.EventEmitter)],e.prototype,"expandedKeysChange",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Array),i.__metadata("design:paramtypes",[Array])],e.prototype,"expandedKeys",null),e=i.__decorate([o.Directive({selector:"[kendoTreeViewExpandable]"}),i.__metadata("design:paramtypes",[r.TreeViewComponent])],e)}();t.ExpandDirective=c},function(e,t){e.exports=c},function(e,t){e.exports=d},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(1),s=n(13),a=n(18),d=function(){function e(e){var t=this;this.treeView=e,this.selectedKeysChange=new o.EventEmitter,this.subscriptions=new a.Subscription(function(){}),this.selectActions={multiple:function(e){return t.selectMultiple(e)},single:function(e){return t.selectSingle(e)}},this._selectedKeys=[],this.subscriptions.add(this.treeView.selectionChange.subscribe(this.select.bind(this))),this.treeView.isSelected=function(e,n){return t.selectedKeys.indexOf(t.itemKey({dataItem:e,index:n}))>-1}}return Object.defineProperty(e.prototype,"isSelected",{set:function(e){this.treeView.isSelected=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"selectedKeys",{get:function(){return this._selectedKeys},set:function(e){this._selectedKeys=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"getAriaMultiselectable",{get:function(){return"multiple"===this.options.mode},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"options",{get:function(){var e={enabled:!0,mode:"single"};if(!s.isPresent(this.selection))return e;var t="boolean"==typeof this.selection?{enabled:this.selection}:this.selection;return Object.assign(e,t)},enumerable:!0,configurable:!0}),e.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},e.prototype.itemKey=function(e){return this.selectKey?"string"==typeof this.selectKey?e.dataItem[this.selectKey]:"function"==typeof this.selectKey?this.selectKey(e):void 0:e.index},e.prototype.select=function(e){var t=this.options,n=t.enabled,i=t.mode,o=this.selectActions[i]||s.noop;n&&o(e)},e.prototype.selectSingle=function(e){var t=this.itemKey(e);this.selectedKeys[0]!==t&&(this.selectedKeys=[t],this.notify())},e.prototype.selectMultiple=function(e){var t=this.itemKey(e),n=this.selectedKeys.indexOf(t),i=n>-1;s.isPresent(t)&&(i?this.selectedKeys.splice(n,1):this.selectedKeys.push(t),this.notify())},e.prototype.notify=function(){this.selectedKeysChange.emit(this.selectedKeys.slice())},i.__decorate([o.Input(),i.__metadata("design:type",Function),i.__metadata("design:paramtypes",[Function])],e.prototype,"isSelected",null),i.__decorate([o.Input("selectBy"),i.__metadata("design:type",Object)],e.prototype,"selectKey",void 0),i.__decorate([o.Input("kendoTreeViewSelectable"),i.__metadata("design:type",Object)],e.prototype,"selection",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Array),i.__metadata("design:paramtypes",[Array])],e.prototype,"selectedKeys",null),i.__decorate([o.Output(),i.__metadata("design:type",o.EventEmitter)],e.prototype,"selectedKeysChange",void 0),i.__decorate([o.HostBinding("attr.aria-multiselectable"),i.__metadata("design:type",Boolean),i.__metadata("design:paramtypes",[])],e.prototype,"getAriaMultiselectable",null),e=i.__decorate([o.Directive({selector:"[kendoTreeViewSelectable]"}),i.__metadata("design:paramtypes",[r.TreeViewComponent])],e)}();t.SelectDirective=d},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(1),s=n(26),a=n(13),d=n(17),c=n(21),p=function(){function e(e){this.treeView=e}return Object.defineProperty(e.prototype,"childrenField",{get:function(){return this._childrenField},set:function(e){if(!e)throw new Error("'childrenField' cannot be empty");this._childrenField=e},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){var e=this;a.isPresent(this.childrenField)&&(this.treeView.children=function(t){return c.of(s.getter(e.childrenField,!0)(t))},this.treeView.hasChildren=function(t){return e.childrenField in t},this.treeView.isExpanded!==d.isExpanded&&(this.treeView.expandIcons=!0))},i.__decorate([o.Input(),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[String])],e.prototype,"childrenField",null),e=i.__decorate([o.Directive({selector:"[kendoTreeViewHierarchyBinding]"}),i.__metadata("design:paramtypes",[r.TreeViewComponent])],e)}();t.HierarchyBindingDirective=p},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(7),s=n(9),a=n(21),d=n(41),c=n(33),p=n(42),u=n(43),l=n(30),h=function(){function e(e,t,n){this.expandService=e,this.loadingService=t,this.cd=n,this._loading=!1}return Object.defineProperty(e.prototype,"loading",{get:function(){return this._loading},set:function(e){this._loading=e,this.cd.markForCheck()},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){var e=this,t=this.loadingService.changes.pipe(c.filter(function(t){return t===e.index}));this.subscription=this.expandService.changes.pipe(c.filter(function(t){return t.index===e.index}),l.tap(function(t){!t.expand&&e.loading&&(e.loading=!1)}),c.filter(function(e){return e.expand}),p.switchMap(function(e){return a.of(e).pipe(d.delay(100),u.takeUntil(t))})).subscribe(function(){return e.loading=!0}),this.subscription.add(t.subscribe(function(){return e.loading=!1}))},e.prototype.ngOnDestroy=function(){this.subscription&&this.subscription.unsubscribe()},i.__decorate([o.HostBinding("class.k-i-loading"),i.__metadata("design:type",Boolean),i.__metadata("design:paramtypes",[Boolean])],e.prototype,"loading",null),i.__decorate([o.Input("kendoTreeViewLoading"),i.__metadata("design:type",String)],e.prototype,"index",void 0),e=i.__decorate([o.Directive({selector:"[kendoTreeViewLoading]"}),i.__metadata("design:paramtypes",[r.ExpandStateService,s.LoadingNotificationService,o.ChangeDetectorRef])],e)}();t.LoadingIndicatorDirective=h},function(e,t){e.exports=l},function(e,t){e.exports=f},function(e,t){e.exports=v},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(1),s=n(26),a=n(13),d=n(45),c=n(21),p=function(){function e(e){this.treeView=e,this.originalData=[]}return Object.defineProperty(e.prototype,"nodes",{set:function(e){if(this.originalData=e||[],a.isNullOrEmptyString(this.parentIdField))this.treeView.nodes=this.originalData.slice(0);else{var t=s.getter(this.parentIdField,!0);this.treeView.nodes=this.originalData.filter(d.compose(a.isBlank,t))}},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){var e=this;if(a.isPresent(this.parentIdField)&&a.isPresent(this.idField)){var t=function(t){return n=s.getter(e.parentIdField,!0),i=e.originalData||[],o=s.getter(e.idField,!0)(t),i.filter(function(e){return n(e)===o});var n,i,o};this.treeView.hasChildren=function(e){return t(e).length>0},this.treeView.children=function(e){return c.of(t(e))}}},e.prototype.ngOnChanges=function(e){a.isChanged("parentIdField",e,!1)&&(this.nodes=this.originalData)},i.__decorate([o.Input(),i.__metadata("design:type",Array),i.__metadata("design:paramtypes",[Array])],e.prototype,"nodes",null),i.__decorate([o.Input(),i.__metadata("design:type",String)],e.prototype,"parentIdField",void 0),i.__decorate([o.Input(),i.__metadata("design:type",String)],e.prototype,"idField",void 0),e=i.__decorate([o.Directive({selector:"[kendoTreeViewFlatDataBinding]"}),i.__metadata("design:paramtypes",[r.TreeViewComponent])],e)}();t.FlatDataBindingDirective=p},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.compose=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return function(t){return e.reduceRight(function(e,t){return t(e)},t)}}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(11),s=n(15),a=n(5),d=n(7),c=n(8),p=n(16),u=n(13),l=n(33),h=function(e,t){return{dataItem:t,index:e}},f=function(){function e(e,t,n,i,o,r,s,a){this.element=e,this.focusService=t,this.expandService=n,this.navigationService=i,this.selectionService=o,this.lookupService=r,this.renderer=s,this.ib=a,this.isDisabled=!1,this.ariaChecked="false",this.isInitialized=!1,this.subscriptions=[],this.subscribe()}return Object.defineProperty(e.prototype,"isChecked",{set:function(e){this.ariaChecked="checked"===e?"true":"indeterminate"===e?"mixed":"false"},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isExpanded",{get:function(){return this._isExpanded||!1},set:function(e){this._isExpanded=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isSelected",{get:function(){return this._isSelected||!1},set:function(e){this._isSelected=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"treeItem",{get:function(){return h(this.index,this.dataItem)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"parentTreeItem",{get:function(){return this.parentDataItem?h(this.parentIndex,this.parentDataItem):null},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){this.lookupService.registerItem(this.treeItem,this.parentTreeItem),this.registerNavigationItem(),this.isInitialized=!0,this.initEvents(),this.setAttribute("role","treeitem"),this.setAriaAttributes(),this.setDisabledClass(),this.updateTabIndex()},e.prototype.ngOnChanges=function(e){var t=e.index,n=e.isDisabled;(t||e.isChecked||e.isExpanded||e.isSelected)&&this.setAriaAttributes(),n&&this.setDisabledClass(),this.moveLookupItem(e),this.moveNavigationItem(t),this.disableNavigationItem(n)},e.prototype.ngOnDestroy=function(){this.navigationService.unregisterItem(this.index),this.subscriptions=this.subscriptions.reduce(function(e,t){return t.unsubscribe(),e},[])},e.prototype.subscribe=function(){var e=this;this.subscriptions=[this.navigationService.moves.subscribe(function(){e.updateTabIndex(),e.focusItem()}),this.navigationService.expands.pipe(l.filter(function(t){return t.index===e.index&&!e.isDisabled})).subscribe(function(t){var n=t.expand;return e.expand(n)})]},e.prototype.initEvents=function(){var e=this;["focusin","focusout","focus","blur"].forEach(function(t){e.subscriptions.push(e.listen(t,function(){return e.focusService[t](e.index)}))})},e.prototype.listen=function(e,t){return{unsubscribe:this.renderer.listen(this.element.nativeElement,e,t)}},e.prototype.registerNavigationItem=function(){this.isDisabled||(this.navigationService.registerItem(this.index),this.activateItem())},e.prototype.activateItem=function(){var e=this.navigationService,t=this.selectionService,n=this.index;t.setFirstSelected(n,this.isSelected),!e.isActive(n)&&t.isFirstSelected(n)&&e.activateIndex(n)},e.prototype.expand=function(e){this.expandService[e?"expand":"collapse"](this.index,this.dataItem)},e.prototype.isFocusable=function(){return!this.isDisabled&&this.navigationService.isFocusable(this.index)},e.prototype.focusItem=function(){this.isInitialized&&!this.isDisabled&&this.navigationService.isActive(this.index)&&this.element.nativeElement.focus()},e.prototype.moveLookupItem=function(e){void 0===e&&(e={});var t=e.dataItem,n=e.index,i=e.parentDataItem,o=e.parentIndex;if((!n||!n.firstChange||this.lookupService.hasItem(this.index))&&(t||n||i||o)){var r=(n||{}).previousValue||this.index;this.lookupService.replaceItem(r,this.treeItem,this.parentTreeItem)}},e.prototype.moveNavigationItem=function(e){void 0===e&&(e={});var t=e.currentValue,n=e.firstChange,i=e.previousValue;!n&&u.isPresent(t)&&u.isPresent(i)&&(this.navigationService.unregisterItem(i),this.navigationService.registerItem(t))},e.prototype.disableNavigationItem=function(e){if(e&&!e.firstChange){var t=this.navigationService;this.isDisabled?(t.activateClosest(this.index),t.unregisterItem(this.index)):(t.registerItem(this.index),t.activateFocusable())}},e.prototype.setAriaAttributes=function(){this.setAttribute("aria-level",this.ib.level(this.index).toString()),this.setAttribute("aria-expanded",this.isExpanded.toString()),this.setAttribute("aria-selected",this.isSelected.toString()),this.setAttribute("aria-checked",this.ariaChecked)},e.prototype.setDisabledClass=function(){this.setClass("k-state-disabled",this.isDisabled)},e.prototype.setClass=function(e,t){var n=t?"addClass":"removeClass";this.renderer[n](this.element.nativeElement,e)},e.prototype.updateTabIndex=function(){this.setAttribute("tabIndex",this.isFocusable()?"0":"-1")},e.prototype.setAttribute=function(e,t){this.renderer.setAttribute(this.element.nativeElement,e,t)},i.__decorate([o.Input(),i.__metadata("design:type",Object)],e.prototype,"dataItem",void 0),i.__decorate([o.Input(),i.__metadata("design:type",String)],e.prototype,"index",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Object)],e.prototype,"parentDataItem",void 0),i.__decorate([o.Input(),i.__metadata("design:type",String)],e.prototype,"parentIndex",void 0),i.__decorate([o.Input(),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[String])],e.prototype,"isChecked",null),i.__decorate([o.Input(),i.__metadata("design:type",Boolean)],e.prototype,"isDisabled",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Boolean),i.__metadata("design:paramtypes",[Boolean])],e.prototype,"isExpanded",null),i.__decorate([o.Input(),i.__metadata("design:type",Boolean),i.__metadata("design:paramtypes",[Boolean])],e.prototype,"isSelected",null),e=i.__decorate([o.Directive({selector:"[kendoTreeViewItem]"}),i.__metadata("design:paramtypes",[o.ElementRef,a.FocusStateService,d.ExpandStateService,r.NavigationService,s.SelectionService,p.TreeViewLookupService,o.Renderer2,c.IndexBuilderService])],e)}();t.TreeViewItemDirective=f},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(11),s=n(15),a=n(18),d=n(33),c=function(){function e(e,t,n,i){var o=this;this.element=e,this.navigationService=t,this.selectionService=n,this.renderer=i,this.initialSelection=!1,this.subscriptions=new a.Subscription(function(){}),this.subscriptions.add(this.navigationService.moves.subscribe(this.updateItem.bind(this))),this.subscriptions.add(this.navigationService.selects.pipe(d.filter(function(e){return e===o.index})).subscribe(function(e){return o.selectionService.select(e,o.dataItem)})),this.subscriptions.add(this.selectionService.changes.subscribe(function(){o.updateSelection(o.isSelected(o.dataItem,o.index))}))}return e.prototype.ngOnChanges=function(e){e.initialSelection&&this.updateSelection(this.initialSelection)},e.prototype.ngOnInit=function(){this.updateSelection(this.initialSelection)},e.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},e.prototype.updateItem=function(){this.render(this.navigationService.isActive(this.index),"k-state-focused")},e.prototype.updateSelection=function(e){this.render(e,"k-state-selected")},e.prototype.render=function(e,t){var n=e?"addClass":"removeClass";this.renderer[n](this.element.nativeElement,t)},i.__decorate([o.Input(),i.__metadata("design:type",Object)],e.prototype,"dataItem",void 0),i.__decorate([o.Input(),i.__metadata("design:type",String)],e.prototype,"index",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Boolean)],e.prototype,"initialSelection",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Function)],e.prototype,"isSelected",void 0),e=i.__decorate([o.Directive({selector:"[kendoTreeViewItemContent]"}),i.__metadata("design:paramtypes",[o.ElementRef,r.NavigationService,s.SelectionService,o.Renderer2])],e)}();t.TreeViewItemContentDirective=c},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),o=n(3),r=[n(49).CheckBoxComponent],s=function(){function e(){}return e=i.__decorate([o.NgModule({declarations:[r],exports:[r]})],e)}();t.CheckBoxModule=s},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(13),s=function(){function e(e,t){this.element=e,this.renderer=t,this.id="_"+r.guid(),this.checkState="none",this.tabindex=0,this.checkStateChange=new o.EventEmitter}return Object.defineProperty(e.prototype,"classWrapper",{get:function(){return!0},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"indeterminate",{get:function(){return"indeterminate"===this.checkState},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"checked",{get:function(){return"checked"===this.checkState},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){this.renderer.removeAttribute(this.element.nativeElement,"tabindex")},e.prototype.handleChange=function(e){this.checkStateChange.emit(e.target.checked?"checked":"none")},i.__decorate([o.HostBinding("class.k-checkbox-wrapper"),i.__metadata("design:type",Boolean),i.__metadata("design:paramtypes",[])],e.prototype,"classWrapper",null),i.__decorate([o.Input(),i.__metadata("design:type",String)],e.prototype,"id",void 0),i.__decorate([o.Input(),i.__metadata("design:type",String)],e.prototype,"checkState",void 0),i.__decorate([o.Input(),i.__metadata("design:type",String)],e.prototype,"labelText",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Number)],e.prototype,"tabindex",void 0),i.__decorate([o.Output(),i.__metadata("design:type",o.EventEmitter)],e.prototype,"checkStateChange",void 0),e=i.__decorate([o.Component({selector:"kendo-checkbox",template:'\n        <input\n            class="k-checkbox"\n            type="checkbox"\n            [id]="id"\n            [checked]="checked"\n            [indeterminate]="indeterminate"\n            [tabindex]="tabindex"\n            (change)="handleChange($event)"\n        />\n        <label\n            class="k-checkbox-label"\n            tabindex="-1"\n            [for]="id"\n        >{{labelText}}</label>\n    '}),i.__metadata("design:paramtypes",[o.ElementRef,o.Renderer2])],e)}();t.CheckBoxComponent=s}])}}});

package.json

@@ -6,3 +6,3 @@ {
   "license": "SEE LICENSE IN LICENSE.md",
-  "version": "2.0.0",
+  "version": "2.1.0-dev.201801300751",
   "main": "dist/npm/main.js",
@@ -9,0 +9,0 @@ "module": "dist/es/main.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

584059

increased by0.9%

Number of package files

243

increased by2.53%

Lines of code

8053

increased by0.83%

Worsened metrics

Number of low quality alerts

3

increased by50%

No dependency changes