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

Comparing version 1.0.0 to 1.0.1

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

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@angular/core"),require("@progress/kendo-angular-l10n"),require("rxjs/Subject"),require("@angular/animations"),require("@angular/common")):"function"==typeof define&&define.amd?define(["@angular/core","@progress/kendo-angular-l10n","rxjs/Subject","@angular/animations","@angular/common"],t):"object"==typeof exports?exports.KendoAngularLayout=t(require("@angular/core"),require("@progress/kendo-angular-l10n"),require("rxjs/Subject"),require("@angular/animations"),require("@angular/common")):e.KendoAngularLayout=t(e["@angular/core"],e["@progress/kendo-angular-l10n"],e["rxjs/Subject"],e["@angular/animations"],e["@angular/common"])}(this,function(e,t,n,i,o){return function(e){function t(i){if(n[i])return n[i].exports;var o=n[i]={exports:{},id:i,loaded:!1};return e[i].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(1);t.PanelBarComponent=i.PanelBarComponent;var o=n(6);t.PanelBarItemComponent=o.PanelBarItemComponent;var r=n(9);t.PanelBarContentDirective=r.PanelBarContentDirective;var a=n(11);t.PanelBarItemTemplateDirective=a.PanelBarItemTemplateDirective;var s=n(10);t.PanelBarItemTitleDirective=s.PanelBarItemTitleDirective;var l=n(5);t.PanelBarExpandMode=l.PanelBarExpandMode;var c=n(13);t.TabStripComponent=c.TabStripComponent;var p=n(15);t.TabStripTabComponent=p.TabStripTabComponent;var d=n(16);t.TabContentDirective=d.TabContentDirective;var u=n(17);t.TabTitleDirective=u.TabTitleDirective;var f=n(19);t.LayoutModule=f.LayoutModule;var h=n(20);t.PanelBarModule=h.PanelBarModule;var m=n(22);t.TabStripModule=m.TabStripModule},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var o,r=arguments.length,a=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(r<3?o(a):r>3?o(t,n,a):o(t,n))||a);return r>3&&a&&Object.defineProperty(t,n,a),a},o=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},r=this&&this.__param||function(e,t){return function(n,i){t(n,i,e)}};Object.defineProperty(t,"__esModule",{value:!0});var a=n(2),s=n(3),l=n(4),c=n(5),p=n(6),d=n(7),u=n(11),f=n(12),h=function(){function e(e,t,n,i){var o=this;this.expandMode=c.PanelBarExpandMode.Default,this.selectable=!0,this.animate=!0,this.height="400px",this.keepItemContent=!1,this.stateChange=new a.EventEmitter,this.tabIndex=0,this.role="tree",this.activeDescendant="",this.isViewInit=!0,this.focused=!1,this.updateChildrenHeight=function(){var e=0,t=o.elementRef.nativeElement.offsetHeight,n=o.expandMode===c.PanelBarExpandMode.Full?"auto":"visible";o.childrenItems.forEach(function(t){e+=t.headerHeight()}),o.childrenItems.forEach(function(i){i.contentHeight=c.PanelBarExpandMode.Full===o.expandMode?t-e+"px":"auto",i.contentOverflow=n})},this.updateAllItems=function(){o.allItems.forEach(function(e){e.keepContent=o.keepItemContent})},this.updateAnimate=function(){o.allItems.forEach(function(e){"activeWithoutAnimation"===e.state&&(e.state="active")})},this.direction=n?"rtl":"ltr",this.keyBindings=this.computedKeys,this.elementRef=e,this.eventService=t,this.eventService.children$.subscribe(function(e){return o.onItemAction(e)}),this.renderer=i}return Object.defineProperty(e.prototype,"items",{get:function(){return this._items},set:function(e){e&&(this._items=f.default.parsePanelBarItems(e))},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"hostHeight",{get:function(){return this.expandMode===c.PanelBarExpandMode.Full?this.height:"auto"},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"overflow",{get:function(){return this.expandMode===c.PanelBarExpandMode.Full?"hidden":"visible"},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"dir",{get:function(){return this.direction},enumerable:!0,configurable:!0}),e.prototype.invertKeys=function(e,t){return"rtl"===this.direction?t:e},Object.defineProperty(e.prototype,"computedKeys",{get:function(){var e=this;return t={},t[l.Keys.space]=function(){return e.selectFocusedItem()},t[l.Keys.enter]=function(){return e.selectFocusedItem()},t[l.Keys.up]=function(){return e.focusPreviousItem()},t[this.invertKeys(l.Keys.left,l.Keys.right)]=function(){return e.collapseItem()},t[l.Keys.down]=function(){return e.focusNextItem()},t[this.invertKeys(l.Keys.right,l.Keys.left)]=function(){return e.expandItem()},t[l.Keys.end]=function(){return e.focusLastItem()},t[l.Keys.home]=function(){return e.focusFirstItem()},t;var t},enumerable:!0,configurable:!0}),e.prototype.ngAfterViewChecked=function(){var e=this;this.items?(this.childrenItems=this.viewChildItems.toArray(),this.allItems=this.viewItems):(this.childrenItems=this.contentChildItems.toArray(),this.allItems=this.contentItems.toArray()),this.isViewInit&&this.childrenItems.length&&(this.isViewInit=!1,setTimeout(function(){e.updateChildrenHeight(),e.updateAllItems()})),this.validateConfiguration()},e.prototype.ngOnChanges=function(e){(e.height||e.expandMode||e.items)&&this.childrenItems&&setTimeout(this.updateChildrenHeight),e.keepItemContent&&setTimeout(this.updateAllItems)},Object.defineProperty(e.prototype,"templateRef",{get:function(){return this.template?this.template.templateRef:void 0},enumerable:!0,configurable:!0}),e.prototype.onComponentClick=function(e){var t=this.visibleItems().some(function(t){return t.header.nativeElement.contains(e.target)});!this.focused&&t&&this.renderer.invokeElementMethod(this.elementRef.nativeElement,"focus")},e.prototype.onComponentFocus=function(){if(this.eventService.onFocus(),this.focused=!0,this.allItems.length>0){var e=this.visibleItems(),t=e.filter(function(e){return e.focused});!t.length&&e.length>0&&(e[0].focused=!0,this.activeDescendant=e[0].itemId)}this.animate&&this.updateAnimate()},e.prototype.onComponentBlur=function(){this.eventService.onBlur(),this.focused=!1,this.activeDescendant=""},e.prototype.onComponentKeyDown=function(e){if(e.target===this.elementRef.nativeElement){e.keyCode!==l.Keys.space&&e.keyCode!==l.Keys.up&&e.keyCode!==l.Keys.down&&e.keyCode!==l.Keys.left&&e.keyCode!==l.Keys.right&&e.keyCode!==l.Keys.home&&e.keyCode!==l.Keys.end&&e.keyCode!==l.Keys["page up"]&&e.keyCode!==l.Keys["page down"]||e.preventDefault();var t=this.keyBindings[e.keyCode];t&&t()}},Object.defineProperty(e.prototype,"viewItems",{get:function(){var e=[];return this.viewChildItems.toArray().forEach(function(t){e.push(t),e=e.concat(t.subTreeViewItems())}),e},enumerable:!0,configurable:!0}),e.prototype.validateConfiguration=function(){if(a.isDevMode()&&this.items&&this.contentItems&&this.contentItems.length>0)throw new Error("Invalid configuration: mixed template components and items property.")},e.prototype.onItemAction=function(e){var t=this;if(e){var n=new Array;if(this.allItems.forEach(function(i){var o=i===e,r=o;o=t.selectable?o:i.selected,i.selected===o&&i.focused===r||(i.selected=o,i.focused=r,t.activeDescendant=r?i.itemId:"",n.push(i))}),this.expandMode===c.PanelBarExpandMode.Multiple)(e.hasChildItems||e.hasContent)&&(e.animate=this.animate,e.expanded=!e.expanded),n.indexOf(e)<0&&n.push(e);else{var i=e.parent?e.parent.childrenItems:this.childrenItems;(e.hasChildItems||e.hasContent)&&i.forEach(function(i){var o=i===e;i.expanded!==o&&(i.animate=t.animate,i.expanded=o,n.indexOf(i)<0&&n.push(i))})}n.length>0&&this.stateChange.emit(n.map(function(e){return e.serialize()}))}},Object.defineProperty(e.prototype,"hostClasses",{get:function(){return!0},enumerable:!0,configurable:!0}),e.prototype.isVisible=function(e){var t=this.visibleItems();return t.some(function(t){return t===e})},e.prototype.getVisibleParent=function(e){var t=this.visibleItems();return e.parent?t.some(function(t){return t===e.parent})?e.parent:this.getVisibleParent(e.parent):e},e.prototype.focusItem=function(e){var t,n=this.visibleItems(),i=n.findIndex(function(e){return e.focused}),o=n[i];if(i===-1){var r=this.allItems.find(function(e){return e.focused});r.focused=!1,o=this.getVisibleParent(r),i=n.findIndex(function(e){return e===o})}switch(e){case"lastItem":t=n[n.length-1];break;case"firstItem":t=n[0];break;case"nextItem":t=n[i<n.length-1?i+1:0];break;case"previousItem":t=n[i>0?i-1:n.length-1]}o&&t&&o!==t&&this.moveFocus(o,t)},e.prototype.moveFocus=function(e,t){e.focused=!1,t.focused=!0,this.activeDescendant=t.itemId;var n=new Array(e.serialize(),t.serialize());this.stateChange.emit(n)},e.prototype.focusLastItem=function(){this.focusItem("lastItem")},e.prototype.focusFirstItem=function(){this.focusItem("firstItem")},e.prototype.focusNextItem=function(){this.focusItem("nextItem")},e.prototype.focusPreviousItem=function(){this.focusItem("previousItem")},e.prototype.expandItem=function(){var e=this.allItems.filter(function(e){return e.focused})[0];if(this.isVisible(e)||(e.focused=!1,e=this.getVisibleParent(e)),e.hasChildItems||e.hasContent)if(e.expanded){if(e.hasChildItems){var t=e.childrenItems.findIndex(function(e){return!e.disabled});t>-1&&this.moveFocus(e,e.childrenItems[t])}}else this.onItemAction(e)},e.prototype.collapseItem=function(){var e=this.allItems.filter(function(e){return e.focused})[0];e.expanded?this.onItemAction(e):e.parent&&this.moveFocus(e,e.parent)},e.prototype.selectFocusedItem=function(){var e=this.allItems.filter(function(e){return e.focused})[0];this.isVisible(e)||(e.focused=!1,e=this.getVisibleParent(e)),e&&e.onItemAction()},e.prototype.visibleItems=function(){return this.flatVisibleItems(this.childrenItems)},e.prototype.flatVisibleItems=function(e,t){var n=this;return void 0===e&&(e=new Array),void 0===t&&(t=new Array),e.forEach(function(e){e.disabled||(t.push(e),e.expanded&&e.hasChildItems&&n.flatVisibleItems(e.childrenItems,t))}),t},e}();i([a.Input(),o("design:type",Number)],h.prototype,"expandMode",void 0),i([a.Input(),o("design:type",Boolean)],h.prototype,"selectable",void 0),i([a.Input(),o("design:type",Boolean)],h.prototype,"animate",void 0),i([a.Input(),o("design:type",Object)],h.prototype,"height",void 0),i([a.Input(),o("design:type",Boolean)],h.prototype,"keepItemContent",void 0),i([a.Input(),o("design:type",Array),o("design:paramtypes",[Array])],h.prototype,"items",null),i([a.Output(),o("design:type",a.EventEmitter)],h.prototype,"stateChange",void 0),i([a.HostBinding("attr.tabIndex"),o("design:type",Number)],h.prototype,"tabIndex",void 0),i([a.HostBinding("attr.role"),o("design:type",String)],h.prototype,"role",void 0),i([a.HostBinding("attr.aria-activedescendant"),o("design:type",String)],h.prototype,"activeDescendant",void 0),i([a.HostBinding("style.height"),o("design:type",String),o("design:paramtypes",[])],h.prototype,"hostHeight",null),i([a.HostBinding("style.overflow"),o("design:type",String),o("design:paramtypes",[])],h.prototype,"overflow",null),i([a.HostBinding("attr.dir"),o("design:type",String),o("design:paramtypes",[])],h.prototype,"dir",null),i([a.ContentChild(u.PanelBarItemTemplateDirective),o("design:type",u.PanelBarItemTemplateDirective)],h.prototype,"template",void 0),i([a.ContentChildren(p.PanelBarItemComponent,{descendants:!0}),o("design:type",a.QueryList)],h.prototype,"contentItems",void 0),i([a.ContentChildren(p.PanelBarItemComponent),o("design:type",a.QueryList)],h.prototype,"contentChildItems",void 0),i([a.ViewChildren(p.PanelBarItemComponent),o("design:type",a.QueryList)],h.prototype,"viewChildItems",void 0),i([a.HostListener("click",["$event"]),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],h.prototype,"onComponentClick",null),i([a.HostListener("focus"),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],h.prototype,"onComponentFocus",null),i([a.HostListener("blur"),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],h.prototype,"onComponentBlur",null),i([a.HostListener("keydown",["$event"]),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],h.prototype,"onComponentKeyDown",null),i([a.HostBinding("class.k-widget"),a.HostBinding("class.k-panelbar"),o("design:type",Boolean),o("design:paramtypes",[])],h.prototype,"hostClasses",null),h=i([a.Component({exportAs:"kendoPanelbar",providers:[d.PanelBarService],selector:"kendo-panelbar",template:'\n        <ng-content *ngIf="contentChildItems && !items" select="kendo-panelbar-item"></ng-content>\n        <ng-template [ngIf]="items?.length">\n            <kendo-panelbar-item\n                *ngFor="let item of items"\n                 [title]="item.title"\n                 [id]="item.id"\n                 [icon]="item.icon"\n                 [imageUrl]="item.imageUrl"\n                 [selected]="!!item.selected"\n                 [expanded]="!!item.expanded"\n                 [disabled]="!!item.disabled"\n                 [template]="templateRef"\n                 [items]="item.children"\n                 [content]="item.content"\n            >\n            </kendo-panelbar-item>\n        </ng-template>\n    '}),r(2,a.Optional()),r(2,a.Inject(s.RTL)),o("design:paramtypes",[a.ElementRef,d.PanelBarService,Boolean,a.Renderer])],h),t.PanelBarComponent=h},function(t,n){t.exports=e},function(e,n){e.exports=t},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n;!function(e){e[e.backspace=8]="backspace",e[e.tab=9]="tab",e[e.enter=13]="enter",e[e.shift=16]="shift",e[e.ctrl=17]="ctrl",e[e.alt=18]="alt",e[e["pause/break"]=19]="pause/break",e[e["caps lock"]=20]="caps lock",e[e.esc=27]="esc",e[e.space=32]="space",e[e["page up"]=33]="page up",e[e["page down"]=34]="page down",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",e[e.insert=45]="insert",e[e.delete=46]="delete",e[e.command=91]="command",e[e["left command"]=91]="left command",e[e["right command"]=93]="right command",e[e["numpad *"]=106]="numpad *",e[e["numpad +"]=107]="numpad +",e[e["numpad -"]=109]="numpad -",e[e["numpad ."]=110]="numpad .",e[e["numpad /"]=111]="numpad /",e[e["num lock"]=144]="num lock",e[e["scroll lock"]=145]="scroll lock",e[e["my computer"]=182]="my computer",e[e["my calculator"]=183]="my calculator",e[e[";"]=186]=";",e[e["="]=187]="=",e[e[","]=188]=",",e[e["-"]=189]="-",e[e["."]=190]=".",e[e["/"]=191]="/",e[e["`"]=192]="`",e[e["["]=219]="[",e[e["\\"]=220]="\\",e[e["]"]=221]="]",e[e["'"]=222]="'"}(n=t.Keys||(t.Keys={}))},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n;!function(e){e[e.Single=0]="Single",e[e.Full=1]="Full",e[e.Multiple=2]="Multiple",e[e.Default=2]="Default"}(n=t.PanelBarExpandMode||(t.PanelBarExpandMode={}))},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var o,r=arguments.length,a=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(r<3?o(a):r>3?o(t,n,a):o(t,n))||a);return r>3&&a&&Object.defineProperty(t,n,a),a},o=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},r=this&&this.__param||function(e,t){return function(n,i){t(n,i,e)}};Object.defineProperty(t,"__esModule",{value:!0});var a=n(2),s=n(7),l=n(9),c=n(10),p=0,d=u=function(){function e(e,t){var n=this;this.title="Untitled",this.id="default-"+p++,this.icon="",this.iconClass="",this.imageUrl="",this.disabled=!1,this.selected=!1,this.keepContent=!1,this.hasChildItems=!1,this.hasContent=!1,this.state="inactive",this.animate=!1,this.role="treeitem",this.titleAttribute=null,this.focused=!1,this.wrapperFocused=!1,this._expanded=!1,this.eventService=t,this.eventService.parent$.subscribe(function(e){return n.onWrapperFocusChange(e)}),this.wrapperFocused=!!e&&e.focused,this.parent=e}return Object.defineProperty(e.prototype,"expanded",{get:function(){return this._expanded},set:function(e){var t=this.animate?"active":"activeWithoutAnimation";this.state=e?t:"inactive",this._expanded=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"className",{get:function(){return this.resolveClasses({"k-item":!0,"k-state-default":!this.disabled,"k-state-disabled":this.disabled,"k-state-expanded":!this.disabled&&this.expanded&&(this.hasChildItems||this.hasContent)})},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"itemId",{get:function(){return"k-panelbar-item-"+this.id},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"ariaExpanded",{get:function(){return this.hasChildItems||this.hasContent?!this.disabled&&this.expanded:null},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"ariaSelected",{get:function(){return!this.disabled&&this.selected},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"ariaDisabled",{get:function(){return!!this.disabled||null},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"titleTemplate",{get:function(){return this.titleTemplates.length>0?this.titleTemplates.toArray()[0].templateRef:void 0},enumerable:!0,configurable:!0}),e.prototype.headerHeight=function(){return this.header.nativeElement.offsetHeight},e.prototype.ngAfterContentChecked=function(){this.hasChildItems=this.contentItems.length>1||this.items&&this.items.length>0,this.hasContent=void 0!==this.contentTemplate&&this.contentTemplate.length>0||void 0!==this.content,this.validateConfiguration()},e.prototype.ngAfterViewChecked=function(){var e=this;this.items?this.childrenItems=this.viewChildItems.toArray():this.childrenItems=this.contentItems.filter(function(t){return t!==e})},e.prototype.onItemAction=function(){this.disabled||this.eventService.onSelect(this)},Object.defineProperty(e.prototype,"iconClasses",{get:function(){var e=this.icon?"k-i-"+this.icon:null;return t={},t[e||this.iconClass]=!0,t;var t},enumerable:!0,configurable:!0}),e.prototype.serialize=function(){return{content:this.content,disabled:this.disabled,expanded:this.expanded,focused:this.focused,icon:this.icon,iconClass:this.iconClass,id:this.id,imageUrl:this.imageUrl,selected:this.selected,title:this.title}},e.prototype.subTreeViewItems=function(){var e=[];return this.viewChildItems.forEach(function(t){e=e.concat(t.subTreeViewItems()),e.push(t)}),e},e.prototype.validateConfiguration=function(){if(a.isDevMode()&&this.content&&void 0!==this.contentTemplate&&this.contentTemplate.length>0)throw new Error("Invalid configuration: mixed template components and component property.")},e.prototype.onWrapperFocusChange=function(e){this.wrapperFocused=e},e.prototype.resolveClasses=function(e){var t="";return Object.keys(e).forEach(function(n){t+=e[n]?n+" ":""}),t},e}();i([a.Input(),o("design:type",String)],d.prototype,"title",void 0),i([a.Input(),o("design:type",String)],d.prototype,"id",void 0),i([a.Input(),o("design:type",String)],d.prototype,"icon",void 0),i([a.Input(),o("design:type",String)],d.prototype,"iconClass",void 0),i([a.Input(),o("design:type",String)],d.prototype,"imageUrl",void 0),i([a.Input(),o("design:type",Boolean)],d.prototype,"disabled",void 0),i([a.Input(),o("design:type",Boolean),o("design:paramtypes",[Boolean])],d.prototype,"expanded",null),i([a.Input(),o("design:type",Boolean)],d.prototype,"selected",void 0),i([a.Input(),o("design:type",Object)],d.prototype,"content",void 0),i([a.Input(),o("design:type",Array)],d.prototype,"items",void 0),i([a.Input(),o("design:type",a.TemplateRef)],d.prototype,"template",void 0),i([a.ViewChild("header",{}),o("design:type",a.ElementRef)],d.prototype,"header",void 0),i([a.HostBinding("attr.role"),o("design:type",String)],d.prototype,"role",void 0),i([a.HostBinding("attr.title"),o("design:type",String)],d.prototype,"titleAttribute",void 0),i([a.HostBinding("class"),o("design:type",String),o("design:paramtypes",[])],d.prototype,"className",null),i([a.HostBinding("id"),o("design:type",String),o("design:paramtypes",[])],d.prototype,"itemId",null),i([a.HostBinding("attr.aria-expanded"),o("design:type",Boolean),o("design:paramtypes",[])],d.prototype,"ariaExpanded",null),i([a.HostBinding("attr.aria-selected"),o("design:type",Boolean),o("design:paramtypes",[])],d.prototype,"ariaSelected",null),i([a.HostBinding("attr.aria-disabled"),o("design:type",Boolean),o("design:paramtypes",[])],d.prototype,"ariaDisabled",null),i([a.ViewChildren(u),o("design:type",a.QueryList)],d.prototype,"viewChildItems",void 0),i([a.ContentChildren(u),o("design:type",a.QueryList)],d.prototype,"contentItems",void 0),i([a.ContentChildren(l.PanelBarContentDirective,{descendants:!1}),o("design:type",a.QueryList)],d.prototype,"contentTemplate",void 0),i([a.ContentChildren(c.PanelBarItemTitleDirective,{descendants:!1}),o("design:type",a.QueryList)],d.prototype,"titleTemplates",void 0),d=u=i([a.Component({animations:[a.trigger("toggle",[a.state("inactive",a.style({display:"none",height:"0px"})),a.transition("active => void",[a.animate(200,a.style({display:"block",height:"0px"}))]),a.transition("void => active",[a.style({display:"block",height:"0px"}),a.animate(200,a.style({display:"block",height:a.AUTO_STYLE}))]),a.transition("inactive => active",[a.style({display:"block",height:"0px"}),a.animate(200,a.style({display:"block",height:a.AUTO_STYLE}))]),a.transition("active => inactive",[a.animate(200,a.style({display:"none",height:"0px"}))])])],exportAs:"kendoPanelbarItem",selector:"kendo-panelbar-item",template:'<span\n                #header\n                [class.k-link]="true"\n                [class.k-header]="!parent"\n                [class.k-state-selected]="!disabled && selected"\n                [class.k-state-focused]="!disabled && focused && wrapperFocused"\n                (click)="onItemAction()">\n            <span\n                *ngIf="icon || iconClass"\n                class="k-icon"\n                [ngClass]="iconClasses">\n            </span>\n            <img\n                *ngIf="imageUrl"\n                class="k-image"\n                [src]="imageUrl"\n                alt="">\n            {{title}}\n            <ng-template [ngTemplateOutlet]="titleTemplate"></ng-template>\n            <span *ngIf="hasChildItems || hasContent"\n                [class.k-icon]="true"\n                [class.k-i-arrow-n]="expanded"\n                [class.k-panelbar-collapse]="expanded"\n                [class.k-i-arrow-s]="!expanded"\n                [class.k-panelbar-expand]="!expanded">\n            </span>\n        </span>\n        <div\n            *ngIf="keepContent || (!disabled && expanded && (hasChildItems || hasContent))"\n            [@toggle]="state"\n            [style.overflow]="\'hidden\'"\n            [attr.role]="\'group\'"\n            [attr.aria-hidden]="!disabled && !expanded">\n            <div\n                *ngIf="hasChildItems && !items?.length"\n                [style.overflow]="contentOverflow"\n                [style.height]="contentHeight"\n                class="k-panel k-group">\n                    <ng-content select="kendo-panelbar-item"></ng-content>\n            </div>\n            <div\n                *ngIf="hasContent && !content"\n                [style.overflow]="contentOverflow"\n                [style.height]="contentHeight"\n                class="k-content">\n                <ng-template\n                    [ngTemplateOutlet]="contentTemplate.first.templateRef"\n                    [ngOutletContext]="{\n                        $implicit: {\n                            title: title,\n                            id: id,\n                            icon: icon,\n                            imageUrl: imageUrl,\n                            disabled: disabled,\n                            content: content\n                        }\n                    }">\n                </ng-template>\n            </div>\n            <div\n                *ngIf="items?.length"\n                [style.overflow]="contentOverflow"\n                [style.height]="contentHeight"\n                class="k-panel k-group">\n                    <kendo-panelbar-item\n                        *ngFor="let item of items"\n                        [title]="item.title"\n                        [id]="item.id"\n                        [icon]="item.icon"\n                        [imageUrl]="item.imageUrl"\n                        [selected]="!!item.selected"\n                        [expanded]="!!item.expanded"\n                        [disabled]="!!item.disabled"\n                        [template]="template"\n                        [items]="item.children"\n                        [content]="item.content">\n                    </kendo-panelbar-item>\n            </div>\n            <div\n                *ngIf="content"\n                [style.overflow]="contentOverflow"\n                [style.height]="contentHeight"\n                class="k-content">\n                <ng-template\n                    [ngTemplateOutlet]="template"\n                    [ngOutletContext]="{\n                        $implicit: {\n                            title: title,\n                            id: id,\n                            icon: icon,\n                            imageUrl: imageUrl,\n                            disabled: disabled,\n                            content: content\n                        }\n                    }">\n                </ng-template>\n                <ng-template [ngIf]="!template">{{content}}</ng-template>\n            </div>\n        </div>'}),r(0,a.SkipSelf()),r(0,a.Host()),r(0,a.Optional()),o("design:paramtypes",[d,s.PanelBarService])],d),t.PanelBarItemComponent=d;var u},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var o,r=arguments.length,a=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(r<3?o(a):r>3?o(t,n,a):o(t,n))||a);return r>3&&a&&Object.defineProperty(t,n,a),a},o=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};Object.defineProperty(t,"__esModule",{value:!0});var r=n(2),a=n(8),s=function(){function e(){this.parentSource=new a.Subject,this.childSource=new a.Subject,this.parent$=this.parentSource.asObservable(),this.children$=this.childSource.asObservable()}return e.prototype.onSelect=function(e){this.childSource.next(e)},e.prototype.onFocus=function(){this.parentSource.next(!0)},e.prototype.onBlur=function(){this.parentSource.next(!1)},e}();s=i([r.Injectable(),o("design:paramtypes",[])],s),t.PanelBarService=s},function(e,t){e.exports=n},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var o,r=arguments.length,a=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(r<3?o(a):r>3?o(t,n,a):o(t,n))||a);return r>3&&a&&Object.defineProperty(t,n,a),a},o=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};Object.defineProperty(t,"__esModule",{value:!0});var r=n(2),a=function(){function e(e){this.templateRef=e}return e}();a=i([r.Directive({selector:"[kendoPanelBarContent]"}),o("design:paramtypes",[r.TemplateRef])],a),t.PanelBarContentDirective=a},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var o,r=arguments.length,a=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(r<3?o(a):r>3?o(t,n,a):o(t,n))||a);return r>3&&a&&Object.defineProperty(t,n,a),a},o=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},r=this&&this.__param||function(e,t){return function(n,i){t(n,i,e)}};Object.defineProperty(t,"__esModule",{value:!0});var a=n(2),s=function(){function e(e){this.templateRef=e}return e}();s=i([a.Directive({selector:"[kendoPanelBarItemTitle]"}),r(0,a.Optional()),o("design:paramtypes",[a.TemplateRef])],s),t.PanelBarItemTitleDirective=s},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var o,r=arguments.length,a=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(r<3?o(a):r>3?o(t,n,a):o(t,n))||a);return r>3&&a&&Object.defineProperty(t,n,a),a},o=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},r=this&&this.__param||function(e,t){return function(n,i){t(n,i,e)}};Object.defineProperty(t,"__esModule",{value:!0});var a=n(2),s=function(){function e(e){this.templateRef=e}return e}();s=i([a.Directive({selector:"[kendoPanelBarItemTemplate]"}),r(0,a.Optional()),o("design:paramtypes",[a.TemplateRef])],s),t.PanelBarItemTemplateDirective=s},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=0,i=function(e){return e.map(function(e){return e.id||(e.id="default-"+n++),e.children&&(e.children=i(e.children)),e})};t.default={parsePanelBarItems:i}},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var o,r=arguments.length,a=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(r<3?o(a):r>3?o(t,n,a):o(t,n))||a);return r>3&&a&&Object.defineProperty(t,n,a),a},o=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},r=this&&this.__param||function(e,t){return function(n,i){t(n,i,e)}};Object.defineProperty(t,"__esModule",{value:!0});var a=n(2),s=n(14),l=n(3),c=n(15),p=n(4),d=n(18),u=function(){function e(e){this.animate=!0,this.keepTabContent=!1,this.tabSelect=new a.EventEmitter,this._animate=!1,this.direction=e?"rtl":"ltr",this.keyBindings=this.computedKeys}return Object.defineProperty(e.prototype,"hostClasses",{get:function(){return!0},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"dir",{get:function(){return this.direction},enumerable:!0,configurable:!0}),e.prototype.contentClass=function(e){var t=!this.keepTabContent||e;return t?"k-content k-state-active":"k-content"},Object.defineProperty(e.prototype,"computedKeys",{get:function(){var e=this;return t={},t[this.invertKeys(p.Keys.left,p.Keys.right)]=function(t){return e.prevNavigatableIndex(t)},t[this.invertKeys(p.Keys.right,p.Keys.left)]=function(t){return e.nextNavigatableIndex(t)},t[this.invertKeys(p.Keys.down,p.Keys.up)]=function(t){return e.nextNavigatableIndex(t)},t[this.invertKeys(p.Keys.up,p.Keys.down)]=function(t){return e.prevNavigatableIndex(t)},t[p.Keys.home]=function(){return e.firstNavigatableIndex()},t[p.Keys.end]=function(){return e.lastNavigatableIndex()},t;var t},enumerable:!0,configurable:!0}),e.prototype.invertKeys=function(e,t){return"rtl"===this.direction?t:e},e.prototype.onKeyDown=function(e){var t=this.tabs.toArray().findIndex(function(e){return e.active&&!e.disabled});if(e.currentTarget===this.tablist.nativeElement)if(e.keyCode!==p.Keys.space&&e.keyCode!==p.Keys.up&&e.keyCode!==p.Keys.down&&e.keyCode!==p.Keys.left&&e.keyCode!==p.Keys.right&&e.keyCode!==p.Keys.home&&e.keyCode!==p.Keys.end&&e.keyCode!==p.Keys["page up"]&&e.keyCode!==p.Keys["page down"]||e.preventDefault(),t===-1)this.selectTab(this.firstNavigatableIndex());else{var n=this.keyBindings[e.keyCode];if(n){var i=n(t);t!==i&&this.selectTab(n(t));
-}}},e.prototype.tabPanelId=function(e){return"k-tabstrip-tabpanel-"+e},e.prototype.tabId=function(e){return"k-tabstrip-tab-"+e},e.prototype.selectTab=function(e){var t=this.tabs.toArray()[e];t&&!t.disabled&&this.emitEvent(t,e)},e.prototype.tabItemClass=function(e){return{"k-item":!0,"k-state-active":e.active,"k-state-default":!0,"k-state-disabled":e.disabled}},e.prototype.firstNavigatableIndex=function(){for(var e=this.tabs.toArray(),t=0;t<e.length;t++)if(!e[t].disabled)return t},e.prototype.lastNavigatableIndex=function(){for(var e=this.tabs.toArray(),t=e.length-1;t>0;t--)if(!e[t].disabled)return t},e.prototype.prevNavigatableIndex=function(e){if(e-1<0)return this.lastNavigatableIndex();for(var t=this.tabs.toArray(),n=e-1;n>-1;n--){if(!t[n].disabled)return n;if(0===n)return this.lastNavigatableIndex()}return e},e.prototype.nextNavigatableIndex=function(e){if(e+1>=this.tabs.length)return this.firstNavigatableIndex();for(var t=this.tabs.toArray(),n=e+1;n<t.length;n++){if(!t[n].disabled)return n;if(n+1===t.length)return this.firstNavigatableIndex()}},e.prototype.emitEvent=function(e,t){var n=new d.SelectEvent(t,e.title);this.tabSelect.emit(n),n.isDefaultPrevented()||(this._animate=this.animate,this.deactivateAll(),e.active=!0)},e.prototype.deactivateAll=function(){this.tabs.forEach(function(e){e.active=!1})},e}();i([a.Input(),o("design:type",String)],u.prototype,"height",void 0),i([a.Input(),o("design:type",Boolean)],u.prototype,"animate",void 0),i([a.Input(),o("design:type",Boolean)],u.prototype,"keepTabContent",void 0),i([a.ViewChild("tablist"),o("design:type",a.ElementRef)],u.prototype,"tablist",void 0),i([a.Output(),o("design:type",a.EventEmitter)],u.prototype,"tabSelect",void 0),i([a.HostBinding("class.k-widget"),a.HostBinding("class.k-tabstrip"),a.HostBinding("class.k-floatwrap"),a.HostBinding("class.k-tabstrip-top"),a.HostBinding("class.k-header"),o("design:type",Boolean),o("design:paramtypes",[])],u.prototype,"hostClasses",null),i([a.HostBinding("attr.dir"),o("design:type",String),o("design:paramtypes",[])],u.prototype,"dir",null),i([a.ContentChildren(c.TabStripTabComponent),o("design:type",a.QueryList)],u.prototype,"tabs",void 0),u=i([a.Component({animations:[s.trigger("state",[s.state("active",s.style({opacity:1})),s.transition("* => active",[s.style({opacity:0}),s.animate("400ms ease-in")])])],exportAs:"kendoTabStrip",selector:"kendo-tabstrip",template:'\n        <ul\n            class="k-reset k-tabstrip-items"\n            role="tablist"\n            (keydown)="onKeyDown($event)"\n            [tabIndex]="0"\n            #tablist\n        >\n            <li *ngFor="let tab of tabs; let i = index;" (click)="selectTab(i)"\n                [ngClass]="tabItemClass(tab)"\n                role="tab"\n                [id]="tabId(i)"\n                [attr.aria-selected]="tab.active"\n                [attr.aria-controls]="tab.tabPanelId"\n                [attr.aria-disabled]="tab.disabled"\n            ><span class="k-link">{{ tab.title }}<ng-template [ngTemplateOutlet]="tab.tabTitle?.templateRef"></ng-template></span></li>\n        </ul>\n        <ng-template ngFor let-tab [ngForOf]="tabs" let-i="index">\n            <div\n                [@state]="tab.active && _animate ? \'active\' : \'inactive\'"\n                *ngIf="tab.active || keepTabContent"\n                [ngClass]="contentClass(tab.active)"\n                [ngStyle]="{\'height\': tab.height}"\n                role="tabpanel"\n                [id]="tabPanelId(i)"\n                [attr.aria-hidden]="!tab.active"\n                [attr.aria-expanded]="tab.active"\n                [attr.aria-labelledby]="tabId(i)"\n                [attr.aria-disabled]="tab.disabled"\n            >\n                <ng-template [ngTemplateOutlet]="tab.tabContent?.templateRef"></ng-template>\n            </div>\n        </ng-template>\n    '}),r(0,a.Optional()),r(0,a.Inject(l.RTL)),o("design:paramtypes",[Boolean])],u),t.TabStripComponent=u},function(e,t){e.exports=i},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var o,r=arguments.length,a=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(r<3?o(a):r>3?o(t,n,a):o(t,n))||a);return r>3&&a&&Object.defineProperty(t,n,a),a},o=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};Object.defineProperty(t,"__esModule",{value:!0});var r=n(2),a=n(16),s=n(17),l=function(){function e(){this.active=!1,this._tabContent=new r.QueryList}return Object.defineProperty(e.prototype,"tabContent",{get:function(){return this._tabContent.first},enumerable:!0,configurable:!0}),e.prototype.ngAfterContentInit=function(){this.active=this.selected},e.prototype.ngOnChanges=function(e){e.selected&&!e.selected.isFirstChange()&&(this.active=this.selected)},e}();i([r.Input(),o("design:type",String)],l.prototype,"title",void 0),i([r.Input(),o("design:type",Boolean)],l.prototype,"disabled",void 0),i([r.Input(),o("design:type",Number)],l.prototype,"height",void 0),i([r.Input(),o("design:type",Boolean)],l.prototype,"selected",void 0),i([r.ContentChildren(a.TabContentDirective),o("design:type",r.QueryList)],l.prototype,"_tabContent",void 0),i([r.ContentChild(s.TabTitleDirective),o("design:type",s.TabTitleDirective)],l.prototype,"tabTitle",void 0),l=i([r.Component({exportAs:"kendoTabStripTab",selector:"kendo-tabstrip-tab",template:""})],l),t.TabStripTabComponent=l},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var o,r=arguments.length,a=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(r<3?o(a):r>3?o(t,n,a):o(t,n))||a);return r>3&&a&&Object.defineProperty(t,n,a),a},o=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};Object.defineProperty(t,"__esModule",{value:!0});var r=n(2),a=function(){function e(e){this.templateRef=e}return e}();a=i([r.Directive({selector:"[kendoTabContent]"}),o("design:paramtypes",[r.TemplateRef])],a),t.TabContentDirective=a},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var o,r=arguments.length,a=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(r<3?o(a):r>3?o(t,n,a):o(t,n))||a);return r>3&&a&&Object.defineProperty(t,n,a),a},o=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};Object.defineProperty(t,"__esModule",{value:!0});var r=n(2),a=function(){function e(e){this.templateRef=e}return e}();a=i([r.Directive({selector:"[kendoTabTitle]"}),o("design:paramtypes",[r.TemplateRef])],a),t.TabTitleDirective=a},function(e,t){"use strict";var n=this&&this.__extends||function(){var e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])};return function(t,n){function i(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}}();Object.defineProperty(t,"__esModule",{value:!0});var i=function(){function e(){this.prevented=!1}return e.prototype.preventDefault=function(){this.prevented=!0},e.prototype.isDefaultPrevented=function(){return this.prevented},e}();t.PreventableEvent=i;var o=function(e){function t(t,n){var i=e.call(this)||this;return i.index=t,i.title=n,i}return n(t,e),t}(i);t.SelectEvent=o},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var o,r=arguments.length,a=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(r<3?o(a):r>3?o(t,n,a):o(t,n))||a);return r>3&&a&&Object.defineProperty(t,n,a),a};Object.defineProperty(t,"__esModule",{value:!0});var o=n(2),r=n(20),a=n(22),s=function(){function e(){}return e}();s=i([o.NgModule({exports:[r.PanelBarModule,a.TabStripModule]})],s),t.LayoutModule=s},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var o,r=arguments.length,a=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(r<3?o(a):r>3?o(t,n,a):o(t,n))||a);return r>3&&a&&Object.defineProperty(t,n,a),a};Object.defineProperty(t,"__esModule",{value:!0});var o=n(2),r=n(21),a=n(1),s=n(6),l=n(9),c=n(11),p=n(10),d=[a.PanelBarComponent,s.PanelBarItemComponent,l.PanelBarContentDirective,c.PanelBarItemTemplateDirective,p.PanelBarItemTitleDirective],u=d.slice(),f=function(){function e(){}return e}();f=i([o.NgModule({declarations:[u],exports:[d],imports:[r.CommonModule]})],f),t.PanelBarModule=f},function(e,t){e.exports=o},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var o,r=arguments.length,a=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(r<3?o(a):r>3?o(t,n,a):o(t,n))||a);return r>3&&a&&Object.defineProperty(t,n,a),a};Object.defineProperty(t,"__esModule",{value:!0});var o=n(2),r=n(21),a=n(13),s=n(15),l=n(16),c=n(17),p=[a.TabStripComponent,s.TabStripTabComponent,l.TabContentDirective,c.TabTitleDirective],d=p.slice(),u=function(){function e(){}return e}();u=i([o.NgModule({declarations:[d],exports:[p],imports:[r.CommonModule]})],u),t.TabStripModule=u}])});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@angular/core"),require("@progress/kendo-angular-l10n"),require("rxjs/Subject"),require("@angular/animations"),require("@angular/common")):"function"==typeof define&&define.amd?define(["@angular/core","@progress/kendo-angular-l10n","rxjs/Subject","@angular/animations","@angular/common"],t):"object"==typeof exports?exports.KendoAngularLayout=t(require("@angular/core"),require("@progress/kendo-angular-l10n"),require("rxjs/Subject"),require("@angular/animations"),require("@angular/common")):e.KendoAngularLayout=t(e["@angular/core"],e["@progress/kendo-angular-l10n"],e["rxjs/Subject"],e["@angular/animations"],e["@angular/common"])}(this,function(e,t,n,i,o){return function(e){function t(i){if(n[i])return n[i].exports;var o=n[i]={exports:{},id:i,loaded:!1};return e[i].call(o.exports,o,o.exports,t),o.loaded=!0,o.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var i=n(1);t.PanelBarComponent=i.PanelBarComponent;var o=n(6);t.PanelBarItemComponent=o.PanelBarItemComponent;var r=n(9);t.PanelBarContentDirective=r.PanelBarContentDirective;var a=n(11);t.PanelBarItemTemplateDirective=a.PanelBarItemTemplateDirective;var s=n(10);t.PanelBarItemTitleDirective=s.PanelBarItemTitleDirective;var l=n(5);t.PanelBarExpandMode=l.PanelBarExpandMode;var c=n(13);t.TabStripComponent=c.TabStripComponent;var p=n(15);t.TabStripTabComponent=p.TabStripTabComponent;var d=n(16);t.TabContentDirective=d.TabContentDirective;var u=n(17);t.TabTitleDirective=u.TabTitleDirective;var f=n(19);t.LayoutModule=f.LayoutModule;var h=n(20);t.PanelBarModule=h.PanelBarModule;var m=n(22);t.TabStripModule=m.TabStripModule},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var o,r=arguments.length,a=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(r<3?o(a):r>3?o(t,n,a):o(t,n))||a);return r>3&&a&&Object.defineProperty(t,n,a),a},o=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},r=this&&this.__param||function(e,t){return function(n,i){t(n,i,e)}};Object.defineProperty(t,"__esModule",{value:!0});var a=n(2),s=n(3),l=n(4),c=n(5),p=n(6),d=n(7),u=n(11),f=n(12),h=function(){function e(e,t,n,i){var o=this;this.expandMode=c.PanelBarExpandMode.Default,this.selectable=!0,this.animate=!0,this.height="400px",this.keepItemContent=!1,this.stateChange=new a.EventEmitter,this.tabIndex=0,this.role="tree",this.activeDescendant="",this.isViewInit=!0,this.focused=!1,this.updateChildrenHeight=function(){var e=0,t=o.elementRef.nativeElement.offsetHeight,n=o.expandMode===c.PanelBarExpandMode.Full?"auto":"visible";o.childrenItems.forEach(function(t){e+=t.headerHeight()}),o.childrenItems.forEach(function(i){i.contentHeight=c.PanelBarExpandMode.Full===o.expandMode?t-e+"px":"auto",i.contentOverflow=n})},this.updateAllItems=function(){o.allItems.forEach(function(e){e.keepContent=o.keepItemContent})},this.updateAnimate=function(){o.allItems.forEach(function(e){"activeWithoutAnimation"===e.state&&(e.state="active")})},this.direction=n?"rtl":"ltr",this.keyBindings=this.computedKeys,this.elementRef=e,this.eventService=t,this.eventService.children$.subscribe(function(e){return o.onItemAction(e)}),this.renderer=i}return Object.defineProperty(e.prototype,"items",{get:function(){return this._items},set:function(e){e&&(this._items=f.default.parsePanelBarItems(e))},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"hostHeight",{get:function(){return this.expandMode===c.PanelBarExpandMode.Full?this.height:"auto"},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"overflow",{get:function(){return this.expandMode===c.PanelBarExpandMode.Full?"hidden":"visible"},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"dir",{get:function(){return this.direction},enumerable:!0,configurable:!0}),e.prototype.invertKeys=function(e,t){return"rtl"===this.direction?t:e},Object.defineProperty(e.prototype,"computedKeys",{get:function(){var e=this;return t={},t[l.Keys.space]=function(){return e.selectFocusedItem()},t[l.Keys.enter]=function(){return e.selectFocusedItem()},t[l.Keys.up]=function(){return e.focusPreviousItem()},t[this.invertKeys(l.Keys.left,l.Keys.right)]=function(){return e.collapseItem()},t[l.Keys.down]=function(){return e.focusNextItem()},t[this.invertKeys(l.Keys.right,l.Keys.left)]=function(){return e.expandItem()},t[l.Keys.end]=function(){return e.focusLastItem()},t[l.Keys.home]=function(){return e.focusFirstItem()},t;var t},enumerable:!0,configurable:!0}),e.prototype.ngAfterViewChecked=function(){var e=this;this.items?(this.childrenItems=this.viewChildItems.toArray(),this.allItems=this.viewItems):(this.childrenItems=this.contentChildItems.toArray(),this.allItems=this.contentItems.toArray()),this.isViewInit&&this.childrenItems.length&&(this.isViewInit=!1,setTimeout(function(){e.updateChildrenHeight(),e.updateAllItems()})),this.validateConfiguration()},e.prototype.ngOnChanges=function(e){(e.height||e.expandMode||e.items)&&this.childrenItems&&setTimeout(this.updateChildrenHeight),e.keepItemContent&&setTimeout(this.updateAllItems)},Object.defineProperty(e.prototype,"templateRef",{get:function(){return this.template?this.template.templateRef:void 0},enumerable:!0,configurable:!0}),e.prototype.onComponentClick=function(e){var t=this.visibleItems().some(function(t){return t.header.nativeElement.contains(e.target)});!this.focused&&t&&this.renderer.invokeElementMethod(this.elementRef.nativeElement,"focus")},e.prototype.onComponentFocus=function(){if(this.eventService.onFocus(),this.focused=!0,this.allItems.length>0){var e=this.visibleItems(),t=e.filter(function(e){return e.focused});!t.length&&e.length>0&&(e[0].focused=!0,this.activeDescendant=e[0].itemId)}this.animate&&this.updateAnimate()},e.prototype.onComponentBlur=function(){this.eventService.onBlur(),this.focused=!1,this.activeDescendant=""},e.prototype.onComponentKeyDown=function(e){if(e.target===this.elementRef.nativeElement){e.keyCode!==l.Keys.space&&e.keyCode!==l.Keys.up&&e.keyCode!==l.Keys.down&&e.keyCode!==l.Keys.left&&e.keyCode!==l.Keys.right&&e.keyCode!==l.Keys.home&&e.keyCode!==l.Keys.end&&e.keyCode!==l.Keys["page up"]&&e.keyCode!==l.Keys["page down"]||e.preventDefault();var t=this.keyBindings[e.keyCode];t&&t()}},Object.defineProperty(e.prototype,"viewItems",{get:function(){var e=[];return this.viewChildItems.toArray().forEach(function(t){e.push(t),e=e.concat(t.subTreeViewItems())}),e},enumerable:!0,configurable:!0}),e.prototype.validateConfiguration=function(){if(a.isDevMode()&&this.items&&this.contentItems&&this.contentItems.length>0)throw new Error("Invalid configuration: mixed template components and items property.")},e.prototype.onItemAction=function(e){var t=this;if(e){var n=new Array;if(this.allItems.forEach(function(i){var o=i===e,r=o;o=t.selectable?o:i.selected,i.selected===o&&i.focused===r||(i.selected=o,i.focused=r,t.activeDescendant=r?i.itemId:"",n.push(i))}),this.expandMode===c.PanelBarExpandMode.Multiple)(e.hasChildItems||e.hasContent)&&(e.animate=this.animate,e.expanded=!e.expanded),n.indexOf(e)<0&&n.push(e);else{var i=e.parent?e.parent.childrenItems:this.childrenItems;(e.hasChildItems||e.hasContent)&&i.forEach(function(i){var o=i===e;i.expanded!==o&&(i.animate=t.animate,i.expanded=o,n.indexOf(i)<0&&n.push(i))})}n.length>0&&this.stateChange.emit(n.map(function(e){return e.serialize()}))}},Object.defineProperty(e.prototype,"hostClasses",{get:function(){return!0},enumerable:!0,configurable:!0}),e.prototype.isVisible=function(e){var t=this.visibleItems();return t.some(function(t){return t===e})},e.prototype.getVisibleParent=function(e){var t=this.visibleItems();return e.parent?t.some(function(t){return t===e.parent})?e.parent:this.getVisibleParent(e.parent):e},e.prototype.focusItem=function(e){var t,n=this.visibleItems(),i=n.findIndex(function(e){return e.focused}),o=n[i];if(i===-1){var r=this.allItems.find(function(e){return e.focused});r.focused=!1,o=this.getVisibleParent(r),i=n.findIndex(function(e){return e===o})}switch(e){case"lastItem":t=n[n.length-1];break;case"firstItem":t=n[0];break;case"nextItem":t=n[i<n.length-1?i+1:0];break;case"previousItem":t=n[i>0?i-1:n.length-1]}o&&t&&o!==t&&this.moveFocus(o,t)},e.prototype.moveFocus=function(e,t){e.focused=!1,t.focused=!0,this.activeDescendant=t.itemId;var n=new Array(e.serialize(),t.serialize());this.stateChange.emit(n)},e.prototype.focusLastItem=function(){this.focusItem("lastItem")},e.prototype.focusFirstItem=function(){this.focusItem("firstItem")},e.prototype.focusNextItem=function(){this.focusItem("nextItem")},e.prototype.focusPreviousItem=function(){this.focusItem("previousItem")},e.prototype.expandItem=function(){var e=this.allItems.filter(function(e){return e.focused})[0];if(this.isVisible(e)||(e.focused=!1,e=this.getVisibleParent(e)),e.hasChildItems||e.hasContent)if(e.expanded){if(e.hasChildItems){var t=e.childrenItems.findIndex(function(e){return!e.disabled});t>-1&&this.moveFocus(e,e.childrenItems[t])}}else this.onItemAction(e)},e.prototype.collapseItem=function(){var e=this.allItems.filter(function(e){return e.focused})[0];e.expanded?this.onItemAction(e):e.parent&&this.moveFocus(e,e.parent)},e.prototype.selectFocusedItem=function(){var e=this.allItems.filter(function(e){return e.focused})[0];this.isVisible(e)||(e.focused=!1,e=this.getVisibleParent(e)),e&&e.onItemAction()},e.prototype.visibleItems=function(){return this.flatVisibleItems(this.childrenItems)},e.prototype.flatVisibleItems=function(e,t){var n=this;return void 0===e&&(e=new Array),void 0===t&&(t=new Array),e.forEach(function(e){e.disabled||(t.push(e),e.expanded&&e.hasChildItems&&n.flatVisibleItems(e.childrenItems,t))}),t},e}();i([a.Input(),o("design:type",Number)],h.prototype,"expandMode",void 0),i([a.Input(),o("design:type",Boolean)],h.prototype,"selectable",void 0),i([a.Input(),o("design:type",Boolean)],h.prototype,"animate",void 0),i([a.Input(),o("design:type",Object)],h.prototype,"height",void 0),i([a.Input(),o("design:type",Boolean)],h.prototype,"keepItemContent",void 0),i([a.Input(),o("design:type",Array),o("design:paramtypes",[Array])],h.prototype,"items",null),i([a.Output(),o("design:type",a.EventEmitter)],h.prototype,"stateChange",void 0),i([a.HostBinding("attr.tabIndex"),o("design:type",Number)],h.prototype,"tabIndex",void 0),i([a.HostBinding("attr.role"),o("design:type",String)],h.prototype,"role",void 0),i([a.HostBinding("attr.aria-activedescendant"),o("design:type",String)],h.prototype,"activeDescendant",void 0),i([a.HostBinding("style.height"),o("design:type",String),o("design:paramtypes",[])],h.prototype,"hostHeight",null),i([a.HostBinding("style.overflow"),o("design:type",String),o("design:paramtypes",[])],h.prototype,"overflow",null),i([a.HostBinding("attr.dir"),o("design:type",String),o("design:paramtypes",[])],h.prototype,"dir",null),i([a.ContentChild(u.PanelBarItemTemplateDirective),o("design:type",u.PanelBarItemTemplateDirective)],h.prototype,"template",void 0),i([a.ContentChildren(p.PanelBarItemComponent,{descendants:!0}),o("design:type",a.QueryList)],h.prototype,"contentItems",void 0),i([a.ContentChildren(p.PanelBarItemComponent),o("design:type",a.QueryList)],h.prototype,"contentChildItems",void 0),i([a.ViewChildren(p.PanelBarItemComponent),o("design:type",a.QueryList)],h.prototype,"viewChildItems",void 0),i([a.HostListener("click",["$event"]),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],h.prototype,"onComponentClick",null),i([a.HostListener("focus"),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],h.prototype,"onComponentFocus",null),i([a.HostListener("blur"),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],h.prototype,"onComponentBlur",null),i([a.HostListener("keydown",["$event"]),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],h.prototype,"onComponentKeyDown",null),i([a.HostBinding("class.k-widget"),a.HostBinding("class.k-panelbar"),o("design:type",Boolean),o("design:paramtypes",[])],h.prototype,"hostClasses",null),h=i([a.Component({exportAs:"kendoPanelbar",providers:[d.PanelBarService],selector:"kendo-panelbar",template:'\n        <ng-content *ngIf="contentChildItems && !items" select="kendo-panelbar-item"></ng-content>\n        <ng-template [ngIf]="items?.length">\n            <kendo-panelbar-item\n                *ngFor="let item of items"\n                 [title]="item.title"\n                 [id]="item.id"\n                 [icon]="item.icon"\n                 [iconClass]="item.iconClass"\n                 [imageUrl]="item.imageUrl"\n                 [selected]="!!item.selected"\n                 [expanded]="!!item.expanded"\n                 [disabled]="!!item.disabled"\n                 [template]="templateRef"\n                 [items]="item.children"\n                 [content]="item.content"\n            >\n            </kendo-panelbar-item>\n        </ng-template>\n    '}),r(2,a.Optional()),r(2,a.Inject(s.RTL)),o("design:paramtypes",[a.ElementRef,d.PanelBarService,Boolean,a.Renderer])],h),t.PanelBarComponent=h},function(t,n){t.exports=e},function(e,n){e.exports=t},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n;!function(e){e[e.backspace=8]="backspace",e[e.tab=9]="tab",e[e.enter=13]="enter",e[e.shift=16]="shift",e[e.ctrl=17]="ctrl",e[e.alt=18]="alt",e[e["pause/break"]=19]="pause/break",e[e["caps lock"]=20]="caps lock",e[e.esc=27]="esc",e[e.space=32]="space",e[e["page up"]=33]="page up",e[e["page down"]=34]="page down",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",e[e.insert=45]="insert",e[e.delete=46]="delete",e[e.command=91]="command",e[e["left command"]=91]="left command",e[e["right command"]=93]="right command",e[e["numpad *"]=106]="numpad *",e[e["numpad +"]=107]="numpad +",e[e["numpad -"]=109]="numpad -",e[e["numpad ."]=110]="numpad .",e[e["numpad /"]=111]="numpad /",e[e["num lock"]=144]="num lock",e[e["scroll lock"]=145]="scroll lock",e[e["my computer"]=182]="my computer",e[e["my calculator"]=183]="my calculator",e[e[";"]=186]=";",e[e["="]=187]="=",e[e[","]=188]=",",e[e["-"]=189]="-",e[e["."]=190]=".",e[e["/"]=191]="/",e[e["`"]=192]="`",e[e["["]=219]="[",e[e["\\"]=220]="\\",e[e["]"]=221]="]",e[e["'"]=222]="'"}(n=t.Keys||(t.Keys={}))},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n;!function(e){e[e.Single=0]="Single",e[e.Full=1]="Full",e[e.Multiple=2]="Multiple",e[e.Default=2]="Default"}(n=t.PanelBarExpandMode||(t.PanelBarExpandMode={}))},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var o,r=arguments.length,a=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(r<3?o(a):r>3?o(t,n,a):o(t,n))||a);return r>3&&a&&Object.defineProperty(t,n,a),a},o=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},r=this&&this.__param||function(e,t){return function(n,i){t(n,i,e)}};Object.defineProperty(t,"__esModule",{value:!0});var a=n(2),s=n(7),l=n(9),c=n(10),p=0,d=u=function(){function e(e,t){var n=this;this.title="Untitled",this.id="default-"+p++,this.icon="",this.iconClass="",this.imageUrl="",this.disabled=!1,this.selected=!1,this.keepContent=!1,this.hasChildItems=!1,this.hasContent=!1,this.state="inactive",this.animate=!1,this.role="treeitem",this.titleAttribute=null,this.focused=!1,this.wrapperFocused=!1,this._expanded=!1,this.eventService=t,this.eventService.parent$.subscribe(function(e){return n.onWrapperFocusChange(e)}),this.wrapperFocused=!!e&&e.focused,this.parent=e}return Object.defineProperty(e.prototype,"expanded",{get:function(){return this._expanded},set:function(e){var t=this.animate?"active":"activeWithoutAnimation";this.state=e?t:"inactive",this._expanded=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"className",{get:function(){return this.resolveClasses({"k-item":!0,"k-state-default":!this.disabled,"k-state-disabled":this.disabled,"k-state-expanded":!this.disabled&&this.expanded&&(this.hasChildItems||this.hasContent)})},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"itemId",{get:function(){return"k-panelbar-item-"+this.id},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"ariaExpanded",{get:function(){return this.hasChildItems||this.hasContent?!this.disabled&&this.expanded:null},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"ariaSelected",{get:function(){return!this.disabled&&this.selected},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"ariaDisabled",{get:function(){return!!this.disabled||null},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"titleTemplate",{get:function(){return this.titleTemplates.length>0?this.titleTemplates.toArray()[0].templateRef:void 0},enumerable:!0,configurable:!0}),e.prototype.headerHeight=function(){return this.header.nativeElement.offsetHeight},e.prototype.ngAfterContentChecked=function(){this.hasChildItems=this.contentItems.length>1||this.items&&this.items.length>0,this.hasContent=void 0!==this.contentTemplate&&this.contentTemplate.length>0||void 0!==this.content,this.validateConfiguration()},e.prototype.ngAfterViewChecked=function(){var e=this;this.items?this.childrenItems=this.viewChildItems.toArray():this.childrenItems=this.contentItems.filter(function(t){return t!==e})},e.prototype.onItemAction=function(){this.disabled||this.eventService.onSelect(this)},Object.defineProperty(e.prototype,"iconClasses",{get:function(){var e=this.icon?"k-i-"+this.icon:null;return t={},t[e||this.iconClass]=!0,t;var t},enumerable:!0,configurable:!0}),e.prototype.serialize=function(){return{content:this.content,disabled:this.disabled,expanded:this.expanded,focused:this.focused,icon:this.icon,iconClass:this.iconClass,id:this.id,imageUrl:this.imageUrl,selected:this.selected,title:this.title}},e.prototype.subTreeViewItems=function(){var e=[];return this.viewChildItems.forEach(function(t){e=e.concat(t.subTreeViewItems()),e.push(t)}),e},e.prototype.validateConfiguration=function(){if(a.isDevMode()&&this.content&&void 0!==this.contentTemplate&&this.contentTemplate.length>0)throw new Error("Invalid configuration: mixed template components and component property.")},e.prototype.onWrapperFocusChange=function(e){this.wrapperFocused=e},e.prototype.resolveClasses=function(e){var t="";return Object.keys(e).forEach(function(n){t+=e[n]?n+" ":""}),t},e}();i([a.Input(),o("design:type",String)],d.prototype,"title",void 0),i([a.Input(),o("design:type",String)],d.prototype,"id",void 0),i([a.Input(),o("design:type",String)],d.prototype,"icon",void 0),i([a.Input(),o("design:type",String)],d.prototype,"iconClass",void 0),i([a.Input(),o("design:type",String)],d.prototype,"imageUrl",void 0),i([a.Input(),o("design:type",Boolean)],d.prototype,"disabled",void 0),i([a.Input(),o("design:type",Boolean),o("design:paramtypes",[Boolean])],d.prototype,"expanded",null),i([a.Input(),o("design:type",Boolean)],d.prototype,"selected",void 0),i([a.Input(),o("design:type",Object)],d.prototype,"content",void 0),i([a.Input(),o("design:type",Array)],d.prototype,"items",void 0),i([a.Input(),o("design:type",a.TemplateRef)],d.prototype,"template",void 0),i([a.ViewChild("header",{}),o("design:type",a.ElementRef)],d.prototype,"header",void 0),i([a.HostBinding("attr.role"),o("design:type",String)],d.prototype,"role",void 0),i([a.HostBinding("attr.title"),o("design:type",String)],d.prototype,"titleAttribute",void 0),i([a.HostBinding("class"),o("design:type",String),o("design:paramtypes",[])],d.prototype,"className",null),i([a.HostBinding("id"),o("design:type",String),o("design:paramtypes",[])],d.prototype,"itemId",null),i([a.HostBinding("attr.aria-expanded"),o("design:type",Boolean),o("design:paramtypes",[])],d.prototype,"ariaExpanded",null),i([a.HostBinding("attr.aria-selected"),o("design:type",Boolean),o("design:paramtypes",[])],d.prototype,"ariaSelected",null),i([a.HostBinding("attr.aria-disabled"),o("design:type",Boolean),o("design:paramtypes",[])],d.prototype,"ariaDisabled",null),i([a.ViewChildren(u),o("design:type",a.QueryList)],d.prototype,"viewChildItems",void 0),i([a.ContentChildren(u),o("design:type",a.QueryList)],d.prototype,"contentItems",void 0),i([a.ContentChildren(l.PanelBarContentDirective,{descendants:!1}),o("design:type",a.QueryList)],d.prototype,"contentTemplate",void 0),i([a.ContentChildren(c.PanelBarItemTitleDirective,{descendants:!1}),o("design:type",a.QueryList)],d.prototype,"titleTemplates",void 0),d=u=i([a.Component({animations:[a.trigger("toggle",[a.state("inactive",a.style({display:"none",height:"0px"})),a.transition("active => void",[a.animate(200,a.style({display:"block",height:"0px"}))]),a.transition("void => active",[a.style({display:"block",height:"0px"}),a.animate(200,a.style({display:"block",height:a.AUTO_STYLE}))]),a.transition("inactive => active",[a.style({display:"block",height:"0px"}),a.animate(200,a.style({display:"block",height:a.AUTO_STYLE}))]),a.transition("active => inactive",[a.animate(200,a.style({display:"none",height:"0px"}))])])],exportAs:"kendoPanelbarItem",selector:"kendo-panelbar-item",template:'<span\n                #header\n                [class.k-link]="true"\n                [class.k-header]="!parent"\n                [class.k-state-selected]="!disabled && selected"\n                [class.k-state-focused]="!disabled && focused && wrapperFocused"\n                (click)="onItemAction()">\n            <span\n                *ngIf="icon || iconClass"\n                class="k-icon"\n                [ngClass]="iconClasses">\n            </span>\n            <img\n                *ngIf="imageUrl"\n                class="k-image"\n                [src]="imageUrl"\n                alt="">\n            {{title}}\n            <ng-template [ngTemplateOutlet]="titleTemplate"></ng-template>\n            <span *ngIf="hasChildItems || hasContent"\n                [class.k-icon]="true"\n                [class.k-i-arrow-n]="expanded"\n                [class.k-panelbar-collapse]="expanded"\n                [class.k-i-arrow-s]="!expanded"\n                [class.k-panelbar-expand]="!expanded">\n            </span>\n        </span>\n        <div\n            *ngIf="keepContent || (!disabled && expanded && (hasChildItems || hasContent))"\n            [@toggle]="state"\n            [style.overflow]="\'hidden\'"\n            [attr.role]="\'group\'"\n            [attr.aria-hidden]="!disabled && !expanded">\n            <div\n                *ngIf="hasChildItems && !items?.length"\n                [style.overflow]="contentOverflow"\n                [style.height]="contentHeight"\n                class="k-panel k-group">\n                    <ng-content select="kendo-panelbar-item"></ng-content>\n            </div>\n            <div\n                *ngIf="hasContent && !content"\n                [style.overflow]="contentOverflow"\n                [style.height]="contentHeight"\n                class="k-content">\n                <ng-template\n                    [ngTemplateOutlet]="contentTemplate.first.templateRef"\n                    [ngOutletContext]="{\n                        $implicit: {\n                            title: title,\n                            id: id,\n                            icon: icon,\n                            imageUrl: imageUrl,\n                            disabled: disabled,\n                            content: content\n                        }\n                    }">\n                </ng-template>\n            </div>\n            <div\n                *ngIf="items?.length"\n                [style.overflow]="contentOverflow"\n                [style.height]="contentHeight"\n                class="k-panel k-group">\n                    <kendo-panelbar-item\n                        *ngFor="let item of items"\n                        [title]="item.title"\n                        [id]="item.id"\n                        [icon]="item.icon"\n                        [iconClass]="item.iconClass"\n                        [imageUrl]="item.imageUrl"\n                        [selected]="!!item.selected"\n                        [expanded]="!!item.expanded"\n                        [disabled]="!!item.disabled"\n                        [template]="template"\n                        [items]="item.children"\n                        [content]="item.content">\n                    </kendo-panelbar-item>\n            </div>\n            <div\n                *ngIf="content"\n                [style.overflow]="contentOverflow"\n                [style.height]="contentHeight"\n                class="k-content">\n                <ng-template\n                    [ngTemplateOutlet]="template"\n                    [ngOutletContext]="{\n                        $implicit: {\n                            title: title,\n                            id: id,\n                            icon: icon,\n                            imageUrl: imageUrl,\n                            disabled: disabled,\n                            content: content\n                        }\n                    }">\n                </ng-template>\n                <ng-template [ngIf]="!template">{{content}}</ng-template>\n            </div>\n        </div>'}),r(0,a.SkipSelf()),r(0,a.Host()),r(0,a.Optional()),o("design:paramtypes",[d,s.PanelBarService])],d),t.PanelBarItemComponent=d;var u},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var o,r=arguments.length,a=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(r<3?o(a):r>3?o(t,n,a):o(t,n))||a);return r>3&&a&&Object.defineProperty(t,n,a),a},o=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};Object.defineProperty(t,"__esModule",{value:!0});var r=n(2),a=n(8),s=function(){function e(){this.parentSource=new a.Subject,this.childSource=new a.Subject,this.parent$=this.parentSource.asObservable(),this.children$=this.childSource.asObservable()}return e.prototype.onSelect=function(e){this.childSource.next(e)},e.prototype.onFocus=function(){this.parentSource.next(!0)},e.prototype.onBlur=function(){this.parentSource.next(!1)},e}();s=i([r.Injectable(),o("design:paramtypes",[])],s),t.PanelBarService=s},function(e,t){e.exports=n},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var o,r=arguments.length,a=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(r<3?o(a):r>3?o(t,n,a):o(t,n))||a);return r>3&&a&&Object.defineProperty(t,n,a),a},o=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};Object.defineProperty(t,"__esModule",{value:!0});var r=n(2),a=function(){function e(e){this.templateRef=e}return e}();a=i([r.Directive({selector:"[kendoPanelBarContent]"}),o("design:paramtypes",[r.TemplateRef])],a),t.PanelBarContentDirective=a},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var o,r=arguments.length,a=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(r<3?o(a):r>3?o(t,n,a):o(t,n))||a);return r>3&&a&&Object.defineProperty(t,n,a),a},o=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},r=this&&this.__param||function(e,t){return function(n,i){t(n,i,e)}};Object.defineProperty(t,"__esModule",{value:!0});var a=n(2),s=function(){function e(e){this.templateRef=e}return e}();s=i([a.Directive({selector:"[kendoPanelBarItemTitle]"}),r(0,a.Optional()),o("design:paramtypes",[a.TemplateRef])],s),t.PanelBarItemTitleDirective=s},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var o,r=arguments.length,a=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(r<3?o(a):r>3?o(t,n,a):o(t,n))||a);return r>3&&a&&Object.defineProperty(t,n,a),a},o=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},r=this&&this.__param||function(e,t){return function(n,i){t(n,i,e)}};Object.defineProperty(t,"__esModule",{value:!0});var a=n(2),s=function(){function e(e){this.templateRef=e}return e}();s=i([a.Directive({selector:"[kendoPanelBarItemTemplate]"}),r(0,a.Optional()),o("design:paramtypes",[a.TemplateRef])],s),t.PanelBarItemTemplateDirective=s},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=0,i=function(e){return e.map(function(e){return e.id||(e.id="default-"+n++),e.children&&(e.children=i(e.children)),e})};t.default={parsePanelBarItems:i}},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var o,r=arguments.length,a=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(r<3?o(a):r>3?o(t,n,a):o(t,n))||a);return r>3&&a&&Object.defineProperty(t,n,a),a},o=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},r=this&&this.__param||function(e,t){return function(n,i){t(n,i,e)}};Object.defineProperty(t,"__esModule",{value:!0});var a=n(2),s=n(14),l=n(3),c=n(15),p=n(4),d=n(18),u=function(){function e(e){this.animate=!0,this.keepTabContent=!1,this.tabSelect=new a.EventEmitter,this._animate=!1,this.direction=e?"rtl":"ltr",this.keyBindings=this.computedKeys}return Object.defineProperty(e.prototype,"hostClasses",{get:function(){return!0},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"dir",{get:function(){return this.direction},enumerable:!0,configurable:!0}),e.prototype.contentClass=function(e){var t=!this.keepTabContent||e;return t?"k-content k-state-active":"k-content"},Object.defineProperty(e.prototype,"computedKeys",{get:function(){var e=this;return t={},t[this.invertKeys(p.Keys.left,p.Keys.right)]=function(t){return e.prevNavigatableIndex(t)},t[this.invertKeys(p.Keys.right,p.Keys.left)]=function(t){return e.nextNavigatableIndex(t)},t[this.invertKeys(p.Keys.down,p.Keys.up)]=function(t){return e.nextNavigatableIndex(t)},t[this.invertKeys(p.Keys.up,p.Keys.down)]=function(t){return e.prevNavigatableIndex(t)},t[p.Keys.home]=function(){return e.firstNavigatableIndex()},t[p.Keys.end]=function(){return e.lastNavigatableIndex()},t;var t},enumerable:!0,configurable:!0}),e.prototype.invertKeys=function(e,t){return"rtl"===this.direction?t:e},e.prototype.onKeyDown=function(e){var t=this.tabs.toArray().findIndex(function(e){return e.active&&!e.disabled});if(e.currentTarget===this.tablist.nativeElement)if(e.keyCode!==p.Keys.space&&e.keyCode!==p.Keys.up&&e.keyCode!==p.Keys.down&&e.keyCode!==p.Keys.left&&e.keyCode!==p.Keys.right&&e.keyCode!==p.Keys.home&&e.keyCode!==p.Keys.end&&e.keyCode!==p.Keys["page up"]&&e.keyCode!==p.Keys["page down"]||e.preventDefault(),t===-1)this.selectTab(this.firstNavigatableIndex());else{
+var n=this.keyBindings[e.keyCode];if(n){var i=n(t);t!==i&&this.selectTab(n(t))}}},e.prototype.tabPanelId=function(e){return"k-tabstrip-tabpanel-"+e},e.prototype.tabId=function(e){return"k-tabstrip-tab-"+e},e.prototype.selectTab=function(e){var t=this.tabs.toArray()[e];t&&!t.disabled&&this.emitEvent(t,e)},e.prototype.tabItemClass=function(e){return{"k-item":!0,"k-state-active":e.active,"k-state-default":!0,"k-state-disabled":e.disabled}},e.prototype.firstNavigatableIndex=function(){for(var e=this.tabs.toArray(),t=0;t<e.length;t++)if(!e[t].disabled)return t},e.prototype.lastNavigatableIndex=function(){for(var e=this.tabs.toArray(),t=e.length-1;t>0;t--)if(!e[t].disabled)return t},e.prototype.prevNavigatableIndex=function(e){if(e-1<0)return this.lastNavigatableIndex();for(var t=this.tabs.toArray(),n=e-1;n>-1;n--){if(!t[n].disabled)return n;if(0===n)return this.lastNavigatableIndex()}return e},e.prototype.nextNavigatableIndex=function(e){if(e+1>=this.tabs.length)return this.firstNavigatableIndex();for(var t=this.tabs.toArray(),n=e+1;n<t.length;n++){if(!t[n].disabled)return n;if(n+1===t.length)return this.firstNavigatableIndex()}},e.prototype.emitEvent=function(e,t){var n=new d.SelectEvent(t,e.title);this.tabSelect.emit(n),n.isDefaultPrevented()||(this._animate=this.animate,this.deactivateAll(),e.active=!0)},e.prototype.deactivateAll=function(){this.tabs.forEach(function(e){e.active=!1})},e}();i([a.Input(),o("design:type",String)],u.prototype,"height",void 0),i([a.Input(),o("design:type",Boolean)],u.prototype,"animate",void 0),i([a.Input(),o("design:type",Boolean)],u.prototype,"keepTabContent",void 0),i([a.ViewChild("tablist"),o("design:type",a.ElementRef)],u.prototype,"tablist",void 0),i([a.Output(),o("design:type",a.EventEmitter)],u.prototype,"tabSelect",void 0),i([a.HostBinding("class.k-widget"),a.HostBinding("class.k-tabstrip"),a.HostBinding("class.k-floatwrap"),a.HostBinding("class.k-tabstrip-top"),a.HostBinding("class.k-header"),o("design:type",Boolean),o("design:paramtypes",[])],u.prototype,"hostClasses",null),i([a.HostBinding("attr.dir"),o("design:type",String),o("design:paramtypes",[])],u.prototype,"dir",null),i([a.ContentChildren(c.TabStripTabComponent),o("design:type",a.QueryList)],u.prototype,"tabs",void 0),u=i([a.Component({animations:[s.trigger("state",[s.state("active",s.style({opacity:1})),s.transition("* => active",[s.style({opacity:0}),s.animate("400ms ease-in")])])],exportAs:"kendoTabStrip",selector:"kendo-tabstrip",template:'\n        <ul\n            class="k-reset k-tabstrip-items"\n            role="tablist"\n            (keydown)="onKeyDown($event)"\n            [tabIndex]="0"\n            #tablist\n        >\n            <li *ngFor="let tab of tabs; let i = index;" (click)="selectTab(i)"\n                [ngClass]="tabItemClass(tab)"\n                role="tab"\n                [id]="tabId(i)"\n                [attr.aria-selected]="tab.active"\n                [attr.aria-controls]="tab.tabPanelId"\n                [attr.aria-disabled]="tab.disabled"\n            ><span class="k-link">{{ tab.title }}<ng-template [ngTemplateOutlet]="tab.tabTitle?.templateRef"></ng-template></span></li>\n        </ul>\n        <ng-template ngFor let-tab [ngForOf]="tabs" let-i="index">\n            <div\n                [@state]="tab.active && _animate ? \'active\' : \'inactive\'"\n                *ngIf="tab.active || keepTabContent"\n                [ngClass]="contentClass(tab.active)"\n                [ngStyle]="{\'height\': tab.height}"\n                role="tabpanel"\n                [id]="tabPanelId(i)"\n                [attr.aria-hidden]="!tab.active"\n                [attr.aria-expanded]="tab.active"\n                [attr.aria-labelledby]="tabId(i)"\n                [attr.aria-disabled]="tab.disabled"\n            >\n                <ng-template [ngTemplateOutlet]="tab.tabContent?.templateRef"></ng-template>\n            </div>\n        </ng-template>\n    '}),r(0,a.Optional()),r(0,a.Inject(l.RTL)),o("design:paramtypes",[Boolean])],u),t.TabStripComponent=u},function(e,t){e.exports=i},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var o,r=arguments.length,a=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(r<3?o(a):r>3?o(t,n,a):o(t,n))||a);return r>3&&a&&Object.defineProperty(t,n,a),a},o=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};Object.defineProperty(t,"__esModule",{value:!0});var r=n(2),a=n(16),s=n(17),l=function(){function e(){this.active=!1,this._tabContent=new r.QueryList}return Object.defineProperty(e.prototype,"tabContent",{get:function(){return this._tabContent.first},enumerable:!0,configurable:!0}),e.prototype.ngAfterContentInit=function(){this.active=this.selected},e.prototype.ngOnChanges=function(e){e.selected&&!e.selected.isFirstChange()&&(this.active=this.selected)},e}();i([r.Input(),o("design:type",String)],l.prototype,"title",void 0),i([r.Input(),o("design:type",Boolean)],l.prototype,"disabled",void 0),i([r.Input(),o("design:type",Number)],l.prototype,"height",void 0),i([r.Input(),o("design:type",Boolean)],l.prototype,"selected",void 0),i([r.ContentChildren(a.TabContentDirective),o("design:type",r.QueryList)],l.prototype,"_tabContent",void 0),i([r.ContentChild(s.TabTitleDirective),o("design:type",s.TabTitleDirective)],l.prototype,"tabTitle",void 0),l=i([r.Component({exportAs:"kendoTabStripTab",selector:"kendo-tabstrip-tab",template:""})],l),t.TabStripTabComponent=l},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var o,r=arguments.length,a=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(r<3?o(a):r>3?o(t,n,a):o(t,n))||a);return r>3&&a&&Object.defineProperty(t,n,a),a},o=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};Object.defineProperty(t,"__esModule",{value:!0});var r=n(2),a=function(){function e(e){this.templateRef=e}return e}();a=i([r.Directive({selector:"[kendoTabContent]"}),o("design:paramtypes",[r.TemplateRef])],a),t.TabContentDirective=a},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var o,r=arguments.length,a=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(r<3?o(a):r>3?o(t,n,a):o(t,n))||a);return r>3&&a&&Object.defineProperty(t,n,a),a},o=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};Object.defineProperty(t,"__esModule",{value:!0});var r=n(2),a=function(){function e(e){this.templateRef=e}return e}();a=i([r.Directive({selector:"[kendoTabTitle]"}),o("design:paramtypes",[r.TemplateRef])],a),t.TabTitleDirective=a},function(e,t){"use strict";var n=this&&this.__extends||function(){var e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])};return function(t,n){function i(){this.constructor=t}e(t,n),t.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i)}}();Object.defineProperty(t,"__esModule",{value:!0});var i=function(){function e(){this.prevented=!1}return e.prototype.preventDefault=function(){this.prevented=!0},e.prototype.isDefaultPrevented=function(){return this.prevented},e}();t.PreventableEvent=i;var o=function(e){function t(t,n){var i=e.call(this)||this;return i.index=t,i.title=n,i}return n(t,e),t}(i);t.SelectEvent=o},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var o,r=arguments.length,a=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(r<3?o(a):r>3?o(t,n,a):o(t,n))||a);return r>3&&a&&Object.defineProperty(t,n,a),a};Object.defineProperty(t,"__esModule",{value:!0});var o=n(2),r=n(20),a=n(22),s=function(){function e(){}return e}();s=i([o.NgModule({exports:[r.PanelBarModule,a.TabStripModule]})],s),t.LayoutModule=s},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var o,r=arguments.length,a=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(r<3?o(a):r>3?o(t,n,a):o(t,n))||a);return r>3&&a&&Object.defineProperty(t,n,a),a};Object.defineProperty(t,"__esModule",{value:!0});var o=n(2),r=n(21),a=n(1),s=n(6),l=n(9),c=n(11),p=n(10),d=[a.PanelBarComponent,s.PanelBarItemComponent,l.PanelBarContentDirective,c.PanelBarItemTemplateDirective,p.PanelBarItemTitleDirective],u=d.slice(),f=function(){function e(){}return e}();f=i([o.NgModule({declarations:[u],exports:[d],imports:[r.CommonModule]})],f),t.PanelBarModule=f},function(e,t){e.exports=o},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var o,r=arguments.length,a=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(r<3?o(a):r>3?o(t,n,a):o(t,n))||a);return r>3&&a&&Object.defineProperty(t,n,a),a};Object.defineProperty(t,"__esModule",{value:!0});var o=n(2),r=n(21),a=n(13),s=n(15),l=n(16),c=n(17),p=[a.TabStripComponent,s.TabStripTabComponent,l.TabContentDirective,c.TabTitleDirective],d=p.slice(),u=function(){function e(){}return e}();u=i([o.NgModule({declarations:[d],exports:[p],imports:[r.CommonModule]})],u),t.TabStripModule=u}])});

dist/es/panelbar/panelbar-item.component.js

@@ -247,3 +247,3 @@ import { Component, Input, ContentChildren, ViewChildren, Optional, Host, HostBinding, SkipSelf, isDevMode, AUTO_STYLE, ViewChild, animate, trigger, style, state, transition } from '@angular/core';
                 selector: "kendo-panelbar-item",
-                template: "<span\n                #header\n                [class.k-link]=\"true\"\n                [class.k-header]=\"!parent\"\n                [class.k-state-selected]=\"!disabled && selected\"\n                [class.k-state-focused]=\"!disabled && focused && wrapperFocused\"\n                (click)=\"onItemAction()\">\n            <span\n                *ngIf=\"icon || iconClass\"\n                class=\"k-icon\"\n                [ngClass]=\"iconClasses\">\n            </span>\n            <img\n                *ngIf=\"imageUrl\"\n                class=\"k-image\"\n                [src]=\"imageUrl\"\n                alt=\"\">\n            {{title}}\n            <ng-template [ngTemplateOutlet]=\"titleTemplate\"></ng-template>\n            <span *ngIf=\"hasChildItems || hasContent\"\n                [class.k-icon]=\"true\"\n                [class.k-i-arrow-n]=\"expanded\"\n                [class.k-panelbar-collapse]=\"expanded\"\n                [class.k-i-arrow-s]=\"!expanded\"\n                [class.k-panelbar-expand]=\"!expanded\">\n            </span>\n        </span>\n        <div\n            *ngIf=\"keepContent || (!disabled && expanded && (hasChildItems || hasContent))\"\n            [@toggle]=\"state\"\n            [style.overflow]=\"'hidden'\"\n            [attr.role]=\"'group'\"\n            [attr.aria-hidden]=\"!disabled && !expanded\">\n            <div\n                *ngIf=\"hasChildItems && !items?.length\"\n                [style.overflow]=\"contentOverflow\"\n                [style.height]=\"contentHeight\"\n                class=\"k-panel k-group\">\n                    <ng-content select=\"kendo-panelbar-item\"></ng-content>\n            </div>\n            <div\n                *ngIf=\"hasContent && !content\"\n                [style.overflow]=\"contentOverflow\"\n                [style.height]=\"contentHeight\"\n                class=\"k-content\">\n                <ng-template\n                    [ngTemplateOutlet]=\"contentTemplate.first.templateRef\"\n                    [ngOutletContext]=\"{\n                        $implicit: {\n                            title: title,\n                            id: id,\n                            icon: icon,\n                            imageUrl: imageUrl,\n                            disabled: disabled,\n                            content: content\n                        }\n                    }\">\n                </ng-template>\n            </div>\n            <div\n                *ngIf=\"items?.length\"\n                [style.overflow]=\"contentOverflow\"\n                [style.height]=\"contentHeight\"\n                class=\"k-panel k-group\">\n                    <kendo-panelbar-item\n                        *ngFor=\"let item of items\"\n                        [title]=\"item.title\"\n                        [id]=\"item.id\"\n                        [icon]=\"item.icon\"\n                        [imageUrl]=\"item.imageUrl\"\n                        [selected]=\"!!item.selected\"\n                        [expanded]=\"!!item.expanded\"\n                        [disabled]=\"!!item.disabled\"\n                        [template]=\"template\"\n                        [items]=\"item.children\"\n                        [content]=\"item.content\">\n                    </kendo-panelbar-item>\n            </div>\n            <div\n                *ngIf=\"content\"\n                [style.overflow]=\"contentOverflow\"\n                [style.height]=\"contentHeight\"\n                class=\"k-content\">\n                <ng-template\n                    [ngTemplateOutlet]=\"template\"\n                    [ngOutletContext]=\"{\n                        $implicit: {\n                            title: title,\n                            id: id,\n                            icon: icon,\n                            imageUrl: imageUrl,\n                            disabled: disabled,\n                            content: content\n                        }\n                    }\">\n                </ng-template>\n                <ng-template [ngIf]=\"!template\">{{content}}</ng-template>\n            </div>\n        </div>"
+                template: "<span\n                #header\n                [class.k-link]=\"true\"\n                [class.k-header]=\"!parent\"\n                [class.k-state-selected]=\"!disabled && selected\"\n                [class.k-state-focused]=\"!disabled && focused && wrapperFocused\"\n                (click)=\"onItemAction()\">\n            <span\n                *ngIf=\"icon || iconClass\"\n                class=\"k-icon\"\n                [ngClass]=\"iconClasses\">\n            </span>\n            <img\n                *ngIf=\"imageUrl\"\n                class=\"k-image\"\n                [src]=\"imageUrl\"\n                alt=\"\">\n            {{title}}\n            <ng-template [ngTemplateOutlet]=\"titleTemplate\"></ng-template>\n            <span *ngIf=\"hasChildItems || hasContent\"\n                [class.k-icon]=\"true\"\n                [class.k-i-arrow-n]=\"expanded\"\n                [class.k-panelbar-collapse]=\"expanded\"\n                [class.k-i-arrow-s]=\"!expanded\"\n                [class.k-panelbar-expand]=\"!expanded\">\n            </span>\n        </span>\n        <div\n            *ngIf=\"keepContent || (!disabled && expanded && (hasChildItems || hasContent))\"\n            [@toggle]=\"state\"\n            [style.overflow]=\"'hidden'\"\n            [attr.role]=\"'group'\"\n            [attr.aria-hidden]=\"!disabled && !expanded\">\n            <div\n                *ngIf=\"hasChildItems && !items?.length\"\n                [style.overflow]=\"contentOverflow\"\n                [style.height]=\"contentHeight\"\n                class=\"k-panel k-group\">\n                    <ng-content select=\"kendo-panelbar-item\"></ng-content>\n            </div>\n            <div\n                *ngIf=\"hasContent && !content\"\n                [style.overflow]=\"contentOverflow\"\n                [style.height]=\"contentHeight\"\n                class=\"k-content\">\n                <ng-template\n                    [ngTemplateOutlet]=\"contentTemplate.first.templateRef\"\n                    [ngOutletContext]=\"{\n                        $implicit: {\n                            title: title,\n                            id: id,\n                            icon: icon,\n                            imageUrl: imageUrl,\n                            disabled: disabled,\n                            content: content\n                        }\n                    }\">\n                </ng-template>\n            </div>\n            <div\n                *ngIf=\"items?.length\"\n                [style.overflow]=\"contentOverflow\"\n                [style.height]=\"contentHeight\"\n                class=\"k-panel k-group\">\n                    <kendo-panelbar-item\n                        *ngFor=\"let item of items\"\n                        [title]=\"item.title\"\n                        [id]=\"item.id\"\n                        [icon]=\"item.icon\"\n                        [iconClass]=\"item.iconClass\"\n                        [imageUrl]=\"item.imageUrl\"\n                        [selected]=\"!!item.selected\"\n                        [expanded]=\"!!item.expanded\"\n                        [disabled]=\"!!item.disabled\"\n                        [template]=\"template\"\n                        [items]=\"item.children\"\n                        [content]=\"item.content\">\n                    </kendo-panelbar-item>\n            </div>\n            <div\n                *ngIf=\"content\"\n                [style.overflow]=\"contentOverflow\"\n                [style.height]=\"contentHeight\"\n                class=\"k-content\">\n                <ng-template\n                    [ngTemplateOutlet]=\"template\"\n                    [ngOutletContext]=\"{\n                        $implicit: {\n                            title: title,\n                            id: id,\n                            icon: icon,\n                            imageUrl: imageUrl,\n                            disabled: disabled,\n                            content: content\n                        }\n                    }\">\n                </ng-template>\n                <ng-template [ngIf]=\"!template\">{{content}}</ng-template>\n            </div>\n        </div>"
             },] },
@@ -250,0 +250,0 @@ ];

dist/es/panelbar/panelbar-item.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"PanelBarItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["toggle",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["inactive",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"display":"none","height":"0px"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["active => void",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":[200,{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"display":"block","height":"0px"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["void => active",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"display":"block","height":"0px"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":[200,{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"display":"block","height":{"__symbolic":"reference","module":"@angular/core","name":"AUTO_STYLE"}}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["inactive => active",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"display":"block","height":"0px"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":[200,{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"display":"block","height":{"__symbolic":"reference","module":"@angular/core","name":"AUTO_STYLE"}}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["active => inactive",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":[200,{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"display":"none","height":"0px"}]}]}]]}]]}],"exportAs":"kendoPanelbarItem","selector":"kendo-panelbar-item","template":"<span\n                #header\n                [class.k-link]=\"true\"\n                [class.k-header]=\"!parent\"\n                [class.k-state-selected]=\"!disabled && selected\"\n                [class.k-state-focused]=\"!disabled && focused && wrapperFocused\"\n                (click)=\"onItemAction()\">\n            <span\n                *ngIf=\"icon || iconClass\"\n                class=\"k-icon\"\n                [ngClass]=\"iconClasses\">\n            </span>\n            <img\n                *ngIf=\"imageUrl\"\n                class=\"k-image\"\n                [src]=\"imageUrl\"\n                alt=\"\">\n            {{title}}\n            <ng-template [ngTemplateOutlet]=\"titleTemplate\"></ng-template>\n            <span *ngIf=\"hasChildItems || hasContent\"\n                [class.k-icon]=\"true\"\n                [class.k-i-arrow-n]=\"expanded\"\n                [class.k-panelbar-collapse]=\"expanded\"\n                [class.k-i-arrow-s]=\"!expanded\"\n                [class.k-panelbar-expand]=\"!expanded\">\n            </span>\n        </span>\n        <div\n            *ngIf=\"keepContent || (!disabled && expanded && (hasChildItems || hasContent))\"\n            [@toggle]=\"state\"\n            [style.overflow]=\"'hidden'\"\n            [attr.role]=\"'group'\"\n            [attr.aria-hidden]=\"!disabled && !expanded\">\n            <div\n                *ngIf=\"hasChildItems && !items?.length\"\n                [style.overflow]=\"contentOverflow\"\n                [style.height]=\"contentHeight\"\n                class=\"k-panel k-group\">\n                    <ng-content select=\"kendo-panelbar-item\"></ng-content>\n            </div>\n            <div\n                *ngIf=\"hasContent && !content\"\n                [style.overflow]=\"contentOverflow\"\n                [style.height]=\"contentHeight\"\n                class=\"k-content\">\n                <ng-template\n                    [ngTemplateOutlet]=\"contentTemplate.first.templateRef\"\n                    [ngOutletContext]=\"{\n                        $implicit: {\n                            title: title,\n                            id: id,\n                            icon: icon,\n                            imageUrl: imageUrl,\n                            disabled: disabled,\n                            content: content\n                        }\n                    }\">\n                </ng-template>\n            </div>\n            <div\n                *ngIf=\"items?.length\"\n                [style.overflow]=\"contentOverflow\"\n                [style.height]=\"contentHeight\"\n                class=\"k-panel k-group\">\n                    <kendo-panelbar-item\n                        *ngFor=\"let item of items\"\n                        [title]=\"item.title\"\n                        [id]=\"item.id\"\n                        [icon]=\"item.icon\"\n                        [imageUrl]=\"item.imageUrl\"\n                        [selected]=\"!!item.selected\"\n                        [expanded]=\"!!item.expanded\"\n                        [disabled]=\"!!item.disabled\"\n                        [template]=\"template\"\n                        [items]=\"item.children\"\n                        [content]=\"item.content\">\n                    </kendo-panelbar-item>\n            </div>\n            <div\n                *ngIf=\"content\"\n                [style.overflow]=\"contentOverflow\"\n                [style.height]=\"contentHeight\"\n                class=\"k-content\">\n                <ng-template\n                    [ngTemplateOutlet]=\"template\"\n                    [ngOutletContext]=\"{\n                        $implicit: {\n                            title: title,\n                            id: id,\n                            icon: icon,\n                            imageUrl: imageUrl,\n                            disabled: disabled,\n                            content: content\n                        }\n                    }\">\n                </ng-template>\n                <ng-template [ngIf]=\"!template\">{{content}}</ng-template>\n            </div>\n        </div>"}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"iconClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"imageUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"expanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"header":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["header",{}]}]}],"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.role"]}]}],"titleAttribute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.title"]}]}],"className":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class"]}]}],"itemId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["id"]}]}],"ariaExpanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-expanded"]}]}],"ariaSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-selected"]}]}],"ariaDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-disabled"]}]}],"viewChildItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren"},"arguments":[{"__symbolic":"reference","name":"PanelBarItemComponent"}]}]}],"contentItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","name":"PanelBarItemComponent"}]}]}],"contentTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./panelbar-content.directive","name":"PanelBarContentDirective"},{"descendants":false}]}]}],"titleTemplates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./panelbar-item-title.directive","name":"PanelBarItemTitleDirective"},{"descendants":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}],null],"parameters":[{"__symbolic":"reference","name":"PanelBarItemComponent"},{"__symbolic":"reference","module":"./panelbar.service","name":"PanelBarService"}]}],"headerHeight":[{"__symbolic":"method"}],"ngAfterContentChecked":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"onItemAction":[{"__symbolic":"method"}],"serialize":[{"__symbolic":"method"}],"subTreeViewItems":[{"__symbolic":"method"}],"validateConfiguration":[{"__symbolic":"method"}],"onWrapperFocusChange":[{"__symbolic":"method"}],"resolveClasses":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"PanelBarItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["toggle",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["inactive",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"display":"none","height":"0px"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["active => void",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":[200,{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"display":"block","height":"0px"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["void => active",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"display":"block","height":"0px"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":[200,{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"display":"block","height":{"__symbolic":"reference","module":"@angular/core","name":"AUTO_STYLE"}}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["inactive => active",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"display":"block","height":"0px"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":[200,{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"display":"block","height":{"__symbolic":"reference","module":"@angular/core","name":"AUTO_STYLE"}}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["active => inactive",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":[200,{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"display":"none","height":"0px"}]}]}]]}]]}],"exportAs":"kendoPanelbarItem","selector":"kendo-panelbar-item","template":"<span\n                #header\n                [class.k-link]=\"true\"\n                [class.k-header]=\"!parent\"\n                [class.k-state-selected]=\"!disabled && selected\"\n                [class.k-state-focused]=\"!disabled && focused && wrapperFocused\"\n                (click)=\"onItemAction()\">\n            <span\n                *ngIf=\"icon || iconClass\"\n                class=\"k-icon\"\n                [ngClass]=\"iconClasses\">\n            </span>\n            <img\n                *ngIf=\"imageUrl\"\n                class=\"k-image\"\n                [src]=\"imageUrl\"\n                alt=\"\">\n            {{title}}\n            <ng-template [ngTemplateOutlet]=\"titleTemplate\"></ng-template>\n            <span *ngIf=\"hasChildItems || hasContent\"\n                [class.k-icon]=\"true\"\n                [class.k-i-arrow-n]=\"expanded\"\n                [class.k-panelbar-collapse]=\"expanded\"\n                [class.k-i-arrow-s]=\"!expanded\"\n                [class.k-panelbar-expand]=\"!expanded\">\n            </span>\n        </span>\n        <div\n            *ngIf=\"keepContent || (!disabled && expanded && (hasChildItems || hasContent))\"\n            [@toggle]=\"state\"\n            [style.overflow]=\"'hidden'\"\n            [attr.role]=\"'group'\"\n            [attr.aria-hidden]=\"!disabled && !expanded\">\n            <div\n                *ngIf=\"hasChildItems && !items?.length\"\n                [style.overflow]=\"contentOverflow\"\n                [style.height]=\"contentHeight\"\n                class=\"k-panel k-group\">\n                    <ng-content select=\"kendo-panelbar-item\"></ng-content>\n            </div>\n            <div\n                *ngIf=\"hasContent && !content\"\n                [style.overflow]=\"contentOverflow\"\n                [style.height]=\"contentHeight\"\n                class=\"k-content\">\n                <ng-template\n                    [ngTemplateOutlet]=\"contentTemplate.first.templateRef\"\n                    [ngOutletContext]=\"{\n                        $implicit: {\n                            title: title,\n                            id: id,\n                            icon: icon,\n                            imageUrl: imageUrl,\n                            disabled: disabled,\n                            content: content\n                        }\n                    }\">\n                </ng-template>\n            </div>\n            <div\n                *ngIf=\"items?.length\"\n                [style.overflow]=\"contentOverflow\"\n                [style.height]=\"contentHeight\"\n                class=\"k-panel k-group\">\n                    <kendo-panelbar-item\n                        *ngFor=\"let item of items\"\n                        [title]=\"item.title\"\n                        [id]=\"item.id\"\n                        [icon]=\"item.icon\"\n                        [imageUrl]=\"item.imageUrl\"\n                        [selected]=\"!!item.selected\"\n                        [expanded]=\"!!item.expanded\"\n                        [disabled]=\"!!item.disabled\"\n                        [template]=\"template\"\n                        [items]=\"item.children\"\n                        [content]=\"item.content\">\n                    </kendo-panelbar-item>\n            </div>\n            <div\n                *ngIf=\"content\"\n                [style.overflow]=\"contentOverflow\"\n                [style.height]=\"contentHeight\"\n                class=\"k-content\">\n                <ng-template\n                    [ngTemplateOutlet]=\"template\"\n                    [ngOutletContext]=\"{\n                        $implicit: {\n                            title: title,\n                            id: id,\n                            icon: icon,\n                            imageUrl: imageUrl,\n                            disabled: disabled,\n                            content: content\n                        }\n                    }\">\n                </ng-template>\n                <ng-template [ngIf]=\"!template\">{{content}}</ng-template>\n            </div>\n        </div>"}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"iconClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"imageUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"expanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"header":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["header",{}]}]}],"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.role"]}]}],"titleAttribute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.title"]}]}],"className":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class"]}]}],"itemId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["id"]}]}],"ariaExpanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-expanded"]}]}],"ariaSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-selected"]}]}],"ariaDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-disabled"]}]}],"viewChildItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren"},"arguments":[{"__symbolic":"reference","name":"PanelBarItemComponent"}]}]}],"contentItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","name":"PanelBarItemComponent"}]}]}],"contentTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./panelbar-content.directive","name":"PanelBarContentDirective"},{"descendants":false}]}]}],"titleTemplates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./panelbar-item-title.directive","name":"PanelBarItemTitleDirective"},{"descendants":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}],null],"parameters":[{"__symbolic":"reference","name":"PanelBarItemComponent"},{"__symbolic":"reference","module":"./panelbar.service","name":"PanelBarService"}]}],"headerHeight":[{"__symbolic":"method"}],"ngAfterContentChecked":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"onItemAction":[{"__symbolic":"method"}],"serialize":[{"__symbolic":"method"}],"subTreeViewItems":[{"__symbolic":"method"}],"validateConfiguration":[{"__symbolic":"method"}],"onWrapperFocusChange":[{"__symbolic":"method"}],"resolveClasses":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"PanelBarItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["toggle",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["inactive",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"display":"none","height":"0px"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["active => void",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":[200,{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"display":"block","height":"0px"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["void => active",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"display":"block","height":"0px"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":[200,{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"display":"block","height":{"__symbolic":"reference","module":"@angular/core","name":"AUTO_STYLE"}}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["inactive => active",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"display":"block","height":"0px"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":[200,{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"display":"block","height":{"__symbolic":"reference","module":"@angular/core","name":"AUTO_STYLE"}}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["active => inactive",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":[200,{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"display":"none","height":"0px"}]}]}]]}]]}],"exportAs":"kendoPanelbarItem","selector":"kendo-panelbar-item","template":"<span\n                #header\n                [class.k-link]=\"true\"\n                [class.k-header]=\"!parent\"\n                [class.k-state-selected]=\"!disabled && selected\"\n                [class.k-state-focused]=\"!disabled && focused && wrapperFocused\"\n                (click)=\"onItemAction()\">\n            <span\n                *ngIf=\"icon || iconClass\"\n                class=\"k-icon\"\n                [ngClass]=\"iconClasses\">\n            </span>\n            <img\n                *ngIf=\"imageUrl\"\n                class=\"k-image\"\n                [src]=\"imageUrl\"\n                alt=\"\">\n            {{title}}\n            <ng-template [ngTemplateOutlet]=\"titleTemplate\"></ng-template>\n            <span *ngIf=\"hasChildItems || hasContent\"\n                [class.k-icon]=\"true\"\n                [class.k-i-arrow-n]=\"expanded\"\n                [class.k-panelbar-collapse]=\"expanded\"\n                [class.k-i-arrow-s]=\"!expanded\"\n                [class.k-panelbar-expand]=\"!expanded\">\n            </span>\n        </span>\n        <div\n            *ngIf=\"keepContent || (!disabled && expanded && (hasChildItems || hasContent))\"\n            [@toggle]=\"state\"\n            [style.overflow]=\"'hidden'\"\n            [attr.role]=\"'group'\"\n            [attr.aria-hidden]=\"!disabled && !expanded\">\n            <div\n                *ngIf=\"hasChildItems && !items?.length\"\n                [style.overflow]=\"contentOverflow\"\n                [style.height]=\"contentHeight\"\n                class=\"k-panel k-group\">\n                    <ng-content select=\"kendo-panelbar-item\"></ng-content>\n            </div>\n            <div\n                *ngIf=\"hasContent && !content\"\n                [style.overflow]=\"contentOverflow\"\n                [style.height]=\"contentHeight\"\n                class=\"k-content\">\n                <ng-template\n                    [ngTemplateOutlet]=\"contentTemplate.first.templateRef\"\n                    [ngOutletContext]=\"{\n                        $implicit: {\n                            title: title,\n                            id: id,\n                            icon: icon,\n                            imageUrl: imageUrl,\n                            disabled: disabled,\n                            content: content\n                        }\n                    }\">\n                </ng-template>\n            </div>\n            <div\n                *ngIf=\"items?.length\"\n                [style.overflow]=\"contentOverflow\"\n                [style.height]=\"contentHeight\"\n                class=\"k-panel k-group\">\n                    <kendo-panelbar-item\n                        *ngFor=\"let item of items\"\n                        [title]=\"item.title\"\n                        [id]=\"item.id\"\n                        [icon]=\"item.icon\"\n                        [iconClass]=\"item.iconClass\"\n                        [imageUrl]=\"item.imageUrl\"\n                        [selected]=\"!!item.selected\"\n                        [expanded]=\"!!item.expanded\"\n                        [disabled]=\"!!item.disabled\"\n                        [template]=\"template\"\n                        [items]=\"item.children\"\n                        [content]=\"item.content\">\n                    </kendo-panelbar-item>\n            </div>\n            <div\n                *ngIf=\"content\"\n                [style.overflow]=\"contentOverflow\"\n                [style.height]=\"contentHeight\"\n                class=\"k-content\">\n                <ng-template\n                    [ngTemplateOutlet]=\"template\"\n                    [ngOutletContext]=\"{\n                        $implicit: {\n                            title: title,\n                            id: id,\n                            icon: icon,\n                            imageUrl: imageUrl,\n                            disabled: disabled,\n                            content: content\n                        }\n                    }\">\n                </ng-template>\n                <ng-template [ngIf]=\"!template\">{{content}}</ng-template>\n            </div>\n        </div>"}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"iconClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"imageUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"expanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"header":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["header",{}]}]}],"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.role"]}]}],"titleAttribute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.title"]}]}],"className":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class"]}]}],"itemId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["id"]}]}],"ariaExpanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-expanded"]}]}],"ariaSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-selected"]}]}],"ariaDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-disabled"]}]}],"viewChildItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren"},"arguments":[{"__symbolic":"reference","name":"PanelBarItemComponent"}]}]}],"contentItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","name":"PanelBarItemComponent"}]}]}],"contentTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./panelbar-content.directive","name":"PanelBarContentDirective"},{"descendants":false}]}]}],"titleTemplates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./panelbar-item-title.directive","name":"PanelBarItemTitleDirective"},{"descendants":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}],null],"parameters":[{"__symbolic":"reference","name":"PanelBarItemComponent"},{"__symbolic":"reference","module":"./panelbar.service","name":"PanelBarService"}]}],"headerHeight":[{"__symbolic":"method"}],"ngAfterContentChecked":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"onItemAction":[{"__symbolic":"method"}],"serialize":[{"__symbolic":"method"}],"subTreeViewItems":[{"__symbolic":"method"}],"validateConfiguration":[{"__symbolic":"method"}],"onWrapperFocusChange":[{"__symbolic":"method"}],"resolveClasses":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"PanelBarItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["toggle",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["inactive",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"display":"none","height":"0px"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["active => void",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":[200,{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"display":"block","height":"0px"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["void => active",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"display":"block","height":"0px"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":[200,{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"display":"block","height":{"__symbolic":"reference","module":"@angular/core","name":"AUTO_STYLE"}}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["inactive => active",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"display":"block","height":"0px"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":[200,{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"display":"block","height":{"__symbolic":"reference","module":"@angular/core","name":"AUTO_STYLE"}}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["active => inactive",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":[200,{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"display":"none","height":"0px"}]}]}]]}]]}],"exportAs":"kendoPanelbarItem","selector":"kendo-panelbar-item","template":"<span\n                #header\n                [class.k-link]=\"true\"\n                [class.k-header]=\"!parent\"\n                [class.k-state-selected]=\"!disabled && selected\"\n                [class.k-state-focused]=\"!disabled && focused && wrapperFocused\"\n                (click)=\"onItemAction()\">\n            <span\n                *ngIf=\"icon || iconClass\"\n                class=\"k-icon\"\n                [ngClass]=\"iconClasses\">\n            </span>\n            <img\n                *ngIf=\"imageUrl\"\n                class=\"k-image\"\n                [src]=\"imageUrl\"\n                alt=\"\">\n            {{title}}\n            <ng-template [ngTemplateOutlet]=\"titleTemplate\"></ng-template>\n            <span *ngIf=\"hasChildItems || hasContent\"\n                [class.k-icon]=\"true\"\n                [class.k-i-arrow-n]=\"expanded\"\n                [class.k-panelbar-collapse]=\"expanded\"\n                [class.k-i-arrow-s]=\"!expanded\"\n                [class.k-panelbar-expand]=\"!expanded\">\n            </span>\n        </span>\n        <div\n            *ngIf=\"keepContent || (!disabled && expanded && (hasChildItems || hasContent))\"\n            [@toggle]=\"state\"\n            [style.overflow]=\"'hidden'\"\n            [attr.role]=\"'group'\"\n            [attr.aria-hidden]=\"!disabled && !expanded\">\n            <div\n                *ngIf=\"hasChildItems && !items?.length\"\n                [style.overflow]=\"contentOverflow\"\n                [style.height]=\"contentHeight\"\n                class=\"k-panel k-group\">\n                    <ng-content select=\"kendo-panelbar-item\"></ng-content>\n            </div>\n            <div\n                *ngIf=\"hasContent && !content\"\n                [style.overflow]=\"contentOverflow\"\n                [style.height]=\"contentHeight\"\n                class=\"k-content\">\n                <ng-template\n                    [ngTemplateOutlet]=\"contentTemplate.first.templateRef\"\n                    [ngOutletContext]=\"{\n                        $implicit: {\n                            title: title,\n                            id: id,\n                            icon: icon,\n                            imageUrl: imageUrl,\n                            disabled: disabled,\n                            content: content\n                        }\n                    }\">\n                </ng-template>\n            </div>\n            <div\n                *ngIf=\"items?.length\"\n                [style.overflow]=\"contentOverflow\"\n                [style.height]=\"contentHeight\"\n                class=\"k-panel k-group\">\n                    <kendo-panelbar-item\n                        *ngFor=\"let item of items\"\n                        [title]=\"item.title\"\n                        [id]=\"item.id\"\n                        [icon]=\"item.icon\"\n                        [iconClass]=\"item.iconClass\"\n                        [imageUrl]=\"item.imageUrl\"\n                        [selected]=\"!!item.selected\"\n                        [expanded]=\"!!item.expanded\"\n                        [disabled]=\"!!item.disabled\"\n                        [template]=\"template\"\n                        [items]=\"item.children\"\n                        [content]=\"item.content\">\n                    </kendo-panelbar-item>\n            </div>\n            <div\n                *ngIf=\"content\"\n                [style.overflow]=\"contentOverflow\"\n                [style.height]=\"contentHeight\"\n                class=\"k-content\">\n                <ng-template\n                    [ngTemplateOutlet]=\"template\"\n                    [ngOutletContext]=\"{\n                        $implicit: {\n                            title: title,\n                            id: id,\n                            icon: icon,\n                            imageUrl: imageUrl,\n                            disabled: disabled,\n                            content: content\n                        }\n                    }\">\n                </ng-template>\n                <ng-template [ngIf]=\"!template\">{{content}}</ng-template>\n            </div>\n        </div>"}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"iconClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"imageUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"expanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"header":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["header",{}]}]}],"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.role"]}]}],"titleAttribute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.title"]}]}],"className":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class"]}]}],"itemId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["id"]}]}],"ariaExpanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-expanded"]}]}],"ariaSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-selected"]}]}],"ariaDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-disabled"]}]}],"viewChildItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren"},"arguments":[{"__symbolic":"reference","name":"PanelBarItemComponent"}]}]}],"contentItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","name":"PanelBarItemComponent"}]}]}],"contentTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./panelbar-content.directive","name":"PanelBarContentDirective"},{"descendants":false}]}]}],"titleTemplates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./panelbar-item-title.directive","name":"PanelBarItemTitleDirective"},{"descendants":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}],null],"parameters":[{"__symbolic":"reference","name":"PanelBarItemComponent"},{"__symbolic":"reference","module":"./panelbar.service","name":"PanelBarService"}]}],"headerHeight":[{"__symbolic":"method"}],"ngAfterContentChecked":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"onItemAction":[{"__symbolic":"method"}],"serialize":[{"__symbolic":"method"}],"subTreeViewItems":[{"__symbolic":"method"}],"validateConfiguration":[{"__symbolic":"method"}],"onWrapperFocusChange":[{"__symbolic":"method"}],"resolveClasses":[{"__symbolic":"method"}]}}}}]

dist/es/panelbar/panelbar.component.js

@@ -430,3 +430,3 @@ import { Component, ContentChild, ContentChildren, ElementRef, EventEmitter, HostBinding, HostListener, Inject, Input, Optional, Output, Renderer, ViewChildren, isDevMode } from '@angular/core';
                 selector: 'kendo-panelbar',
-                template: "\n        <ng-content *ngIf=\"contentChildItems && !items\" select=\"kendo-panelbar-item\"></ng-content>\n        <ng-template [ngIf]=\"items?.length\">\n            <kendo-panelbar-item\n                *ngFor=\"let item of items\"\n                 [title]=\"item.title\"\n                 [id]=\"item.id\"\n                 [icon]=\"item.icon\"\n                 [imageUrl]=\"item.imageUrl\"\n                 [selected]=\"!!item.selected\"\n                 [expanded]=\"!!item.expanded\"\n                 [disabled]=\"!!item.disabled\"\n                 [template]=\"templateRef\"\n                 [items]=\"item.children\"\n                 [content]=\"item.content\"\n            >\n            </kendo-panelbar-item>\n        </ng-template>\n    "
+                template: "\n        <ng-content *ngIf=\"contentChildItems && !items\" select=\"kendo-panelbar-item\"></ng-content>\n        <ng-template [ngIf]=\"items?.length\">\n            <kendo-panelbar-item\n                *ngFor=\"let item of items\"\n                 [title]=\"item.title\"\n                 [id]=\"item.id\"\n                 [icon]=\"item.icon\"\n                 [iconClass]=\"item.iconClass\"\n                 [imageUrl]=\"item.imageUrl\"\n                 [selected]=\"!!item.selected\"\n                 [expanded]=\"!!item.expanded\"\n                 [disabled]=\"!!item.disabled\"\n                 [template]=\"templateRef\"\n                 [items]=\"item.children\"\n                 [content]=\"item.content\"\n            >\n            </kendo-panelbar-item>\n        </ng-template>\n    "
             },] },
@@ -433,0 +433,0 @@ ];

dist/es/panelbar/panelbar.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"PanelBarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"exportAs":"kendoPanelbar","providers":[{"__symbolic":"reference","module":"./panelbar.service","name":"PanelBarService"}],"selector":"kendo-panelbar","template":"\n        <ng-content *ngIf=\"contentChildItems && !items\" select=\"kendo-panelbar-item\"></ng-content>\n        <ng-template [ngIf]=\"items?.length\">\n            <kendo-panelbar-item\n                *ngFor=\"let item of items\"\n                 [title]=\"item.title\"\n                 [id]=\"item.id\"\n                 [icon]=\"item.icon\"\n                 [imageUrl]=\"item.imageUrl\"\n                 [selected]=\"!!item.selected\"\n                 [expanded]=\"!!item.expanded\"\n                 [disabled]=\"!!item.disabled\"\n                 [template]=\"templateRef\"\n                 [items]=\"item.children\"\n                 [content]=\"item.content\"\n            >\n            </kendo-panelbar-item>\n        </ng-template>\n    "}]}],"members":{"expandMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selectable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"animate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"keepItemContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"stateChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.tabIndex"]}]}],"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.role"]}]}],"activeDescendant":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-activedescendant"]}]}],"hostHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.height"]}]}],"overflow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.overflow"]}]}],"dir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.dir"]}]}],"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./panelbar-item-template.directive","name":"PanelBarItemTemplateDirective"}]}]}],"contentItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./panelbar-item.component","name":"PanelBarItemComponent"},{"descendants":true}]}]}],"contentChildItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./panelbar-item.component","name":"PanelBarItemComponent"}]}]}],"viewChildItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren"},"arguments":[{"__symbolic":"reference","module":"./panelbar-item.component","name":"PanelBarItemComponent"}]}]}],"invertKeys":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"RTL"}]}],null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"./panelbar.service","name":"PanelBarService"},{"__symbolic":"reference","name":"boolean"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"ngAfterViewChecked":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"onComponentClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["click",["$event"]]}]}],"onComponentFocus":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["focus"]}]}],"onComponentBlur":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["blur"]}]}],"onComponentKeyDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"validateConfiguration":[{"__symbolic":"method"}],"onItemAction":[{"__symbolic":"method"}],"hostClasses":[{"__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-panelbar"]}]}],"isVisible":[{"__symbolic":"method"}],"getVisibleParent":[{"__symbolic":"method"}],"focusItem":[{"__symbolic":"method"}],"moveFocus":[{"__symbolic":"method"}],"focusLastItem":[{"__symbolic":"method"}],"focusFirstItem":[{"__symbolic":"method"}],"focusNextItem":[{"__symbolic":"method"}],"focusPreviousItem":[{"__symbolic":"method"}],"expandItem":[{"__symbolic":"method"}],"collapseItem":[{"__symbolic":"method"}],"selectFocusedItem":[{"__symbolic":"method"}],"visibleItems":[{"__symbolic":"method"}],"flatVisibleItems":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"PanelBarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"exportAs":"kendoPanelbar","providers":[{"__symbolic":"reference","module":"./panelbar.service","name":"PanelBarService"}],"selector":"kendo-panelbar","template":"\n        <ng-content *ngIf=\"contentChildItems && !items\" select=\"kendo-panelbar-item\"></ng-content>\n        <ng-template [ngIf]=\"items?.length\">\n            <kendo-panelbar-item\n                *ngFor=\"let item of items\"\n                 [title]=\"item.title\"\n                 [id]=\"item.id\"\n                 [icon]=\"item.icon\"\n                 [imageUrl]=\"item.imageUrl\"\n                 [selected]=\"!!item.selected\"\n                 [expanded]=\"!!item.expanded\"\n                 [disabled]=\"!!item.disabled\"\n                 [template]=\"templateRef\"\n                 [items]=\"item.children\"\n                 [content]=\"item.content\"\n            >\n            </kendo-panelbar-item>\n        </ng-template>\n    "}]}],"members":{"expandMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selectable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"animate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"keepItemContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"stateChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.tabIndex"]}]}],"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.role"]}]}],"activeDescendant":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-activedescendant"]}]}],"hostHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.height"]}]}],"overflow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.overflow"]}]}],"dir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.dir"]}]}],"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./panelbar-item-template.directive","name":"PanelBarItemTemplateDirective"}]}]}],"contentItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./panelbar-item.component","name":"PanelBarItemComponent"},{"descendants":true}]}]}],"contentChildItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./panelbar-item.component","name":"PanelBarItemComponent"}]}]}],"viewChildItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren"},"arguments":[{"__symbolic":"reference","module":"./panelbar-item.component","name":"PanelBarItemComponent"}]}]}],"invertKeys":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"RTL"}]}],null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"./panelbar.service","name":"PanelBarService"},{"__symbolic":"reference","name":"boolean"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"ngAfterViewChecked":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"onComponentClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["click",["$event"]]}]}],"onComponentFocus":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["focus"]}]}],"onComponentBlur":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["blur"]}]}],"onComponentKeyDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"validateConfiguration":[{"__symbolic":"method"}],"onItemAction":[{"__symbolic":"method"}],"hostClasses":[{"__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-panelbar"]}]}],"isVisible":[{"__symbolic":"method"}],"getVisibleParent":[{"__symbolic":"method"}],"focusItem":[{"__symbolic":"method"}],"moveFocus":[{"__symbolic":"method"}],"focusLastItem":[{"__symbolic":"method"}],"focusFirstItem":[{"__symbolic":"method"}],"focusNextItem":[{"__symbolic":"method"}],"focusPreviousItem":[{"__symbolic":"method"}],"expandItem":[{"__symbolic":"method"}],"collapseItem":[{"__symbolic":"method"}],"selectFocusedItem":[{"__symbolic":"method"}],"visibleItems":[{"__symbolic":"method"}],"flatVisibleItems":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"PanelBarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"exportAs":"kendoPanelbar","providers":[{"__symbolic":"reference","module":"./panelbar.service","name":"PanelBarService"}],"selector":"kendo-panelbar","template":"\n        <ng-content *ngIf=\"contentChildItems && !items\" select=\"kendo-panelbar-item\"></ng-content>\n        <ng-template [ngIf]=\"items?.length\">\n            <kendo-panelbar-item\n                *ngFor=\"let item of items\"\n                 [title]=\"item.title\"\n                 [id]=\"item.id\"\n                 [icon]=\"item.icon\"\n                 [iconClass]=\"item.iconClass\"\n                 [imageUrl]=\"item.imageUrl\"\n                 [selected]=\"!!item.selected\"\n                 [expanded]=\"!!item.expanded\"\n                 [disabled]=\"!!item.disabled\"\n                 [template]=\"templateRef\"\n                 [items]=\"item.children\"\n                 [content]=\"item.content\"\n            >\n            </kendo-panelbar-item>\n        </ng-template>\n    "}]}],"members":{"expandMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selectable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"animate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"keepItemContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"stateChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.tabIndex"]}]}],"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.role"]}]}],"activeDescendant":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-activedescendant"]}]}],"hostHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.height"]}]}],"overflow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.overflow"]}]}],"dir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.dir"]}]}],"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./panelbar-item-template.directive","name":"PanelBarItemTemplateDirective"}]}]}],"contentItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./panelbar-item.component","name":"PanelBarItemComponent"},{"descendants":true}]}]}],"contentChildItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./panelbar-item.component","name":"PanelBarItemComponent"}]}]}],"viewChildItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren"},"arguments":[{"__symbolic":"reference","module":"./panelbar-item.component","name":"PanelBarItemComponent"}]}]}],"invertKeys":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"RTL"}]}],null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"./panelbar.service","name":"PanelBarService"},{"__symbolic":"reference","name":"boolean"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"ngAfterViewChecked":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"onComponentClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["click",["$event"]]}]}],"onComponentFocus":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["focus"]}]}],"onComponentBlur":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["blur"]}]}],"onComponentKeyDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"validateConfiguration":[{"__symbolic":"method"}],"onItemAction":[{"__symbolic":"method"}],"hostClasses":[{"__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-panelbar"]}]}],"isVisible":[{"__symbolic":"method"}],"getVisibleParent":[{"__symbolic":"method"}],"focusItem":[{"__symbolic":"method"}],"moveFocus":[{"__symbolic":"method"}],"focusLastItem":[{"__symbolic":"method"}],"focusFirstItem":[{"__symbolic":"method"}],"focusNextItem":[{"__symbolic":"method"}],"focusPreviousItem":[{"__symbolic":"method"}],"expandItem":[{"__symbolic":"method"}],"collapseItem":[{"__symbolic":"method"}],"selectFocusedItem":[{"__symbolic":"method"}],"visibleItems":[{"__symbolic":"method"}],"flatVisibleItems":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"PanelBarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"exportAs":"kendoPanelbar","providers":[{"__symbolic":"reference","module":"./panelbar.service","name":"PanelBarService"}],"selector":"kendo-panelbar","template":"\n        <ng-content *ngIf=\"contentChildItems && !items\" select=\"kendo-panelbar-item\"></ng-content>\n        <ng-template [ngIf]=\"items?.length\">\n            <kendo-panelbar-item\n                *ngFor=\"let item of items\"\n                 [title]=\"item.title\"\n                 [id]=\"item.id\"\n                 [icon]=\"item.icon\"\n                 [iconClass]=\"item.iconClass\"\n                 [imageUrl]=\"item.imageUrl\"\n                 [selected]=\"!!item.selected\"\n                 [expanded]=\"!!item.expanded\"\n                 [disabled]=\"!!item.disabled\"\n                 [template]=\"templateRef\"\n                 [items]=\"item.children\"\n                 [content]=\"item.content\"\n            >\n            </kendo-panelbar-item>\n        </ng-template>\n    "}]}],"members":{"expandMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selectable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"animate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"keepItemContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"stateChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.tabIndex"]}]}],"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.role"]}]}],"activeDescendant":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-activedescendant"]}]}],"hostHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.height"]}]}],"overflow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.overflow"]}]}],"dir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.dir"]}]}],"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./panelbar-item-template.directive","name":"PanelBarItemTemplateDirective"}]}]}],"contentItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./panelbar-item.component","name":"PanelBarItemComponent"},{"descendants":true}]}]}],"contentChildItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./panelbar-item.component","name":"PanelBarItemComponent"}]}]}],"viewChildItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren"},"arguments":[{"__symbolic":"reference","module":"./panelbar-item.component","name":"PanelBarItemComponent"}]}]}],"invertKeys":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"RTL"}]}],null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"./panelbar.service","name":"PanelBarService"},{"__symbolic":"reference","name":"boolean"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"ngAfterViewChecked":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"onComponentClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["click",["$event"]]}]}],"onComponentFocus":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["focus"]}]}],"onComponentBlur":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["blur"]}]}],"onComponentKeyDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"validateConfiguration":[{"__symbolic":"method"}],"onItemAction":[{"__symbolic":"method"}],"hostClasses":[{"__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-panelbar"]}]}],"isVisible":[{"__symbolic":"method"}],"getVisibleParent":[{"__symbolic":"method"}],"focusItem":[{"__symbolic":"method"}],"moveFocus":[{"__symbolic":"method"}],"focusLastItem":[{"__symbolic":"method"}],"focusFirstItem":[{"__symbolic":"method"}],"focusNextItem":[{"__symbolic":"method"}],"focusPreviousItem":[{"__symbolic":"method"}],"expandItem":[{"__symbolic":"method"}],"collapseItem":[{"__symbolic":"method"}],"selectFocusedItem":[{"__symbolic":"method"}],"visibleItems":[{"__symbolic":"method"}],"flatVisibleItems":[{"__symbolic":"method"}]}}}}]

dist/npm/panelbar/panelbar-item.component.js

@@ -248,3 +248,3 @@ "use strict";
                 selector: "kendo-panelbar-item",
-                template: "<span\n                #header\n                [class.k-link]=\"true\"\n                [class.k-header]=\"!parent\"\n                [class.k-state-selected]=\"!disabled && selected\"\n                [class.k-state-focused]=\"!disabled && focused && wrapperFocused\"\n                (click)=\"onItemAction()\">\n            <span\n                *ngIf=\"icon || iconClass\"\n                class=\"k-icon\"\n                [ngClass]=\"iconClasses\">\n            </span>\n            <img\n                *ngIf=\"imageUrl\"\n                class=\"k-image\"\n                [src]=\"imageUrl\"\n                alt=\"\">\n            {{title}}\n            <ng-template [ngTemplateOutlet]=\"titleTemplate\"></ng-template>\n            <span *ngIf=\"hasChildItems || hasContent\"\n                [class.k-icon]=\"true\"\n                [class.k-i-arrow-n]=\"expanded\"\n                [class.k-panelbar-collapse]=\"expanded\"\n                [class.k-i-arrow-s]=\"!expanded\"\n                [class.k-panelbar-expand]=\"!expanded\">\n            </span>\n        </span>\n        <div\n            *ngIf=\"keepContent || (!disabled && expanded && (hasChildItems || hasContent))\"\n            [@toggle]=\"state\"\n            [style.overflow]=\"'hidden'\"\n            [attr.role]=\"'group'\"\n            [attr.aria-hidden]=\"!disabled && !expanded\">\n            <div\n                *ngIf=\"hasChildItems && !items?.length\"\n                [style.overflow]=\"contentOverflow\"\n                [style.height]=\"contentHeight\"\n                class=\"k-panel k-group\">\n                    <ng-content select=\"kendo-panelbar-item\"></ng-content>\n            </div>\n            <div\n                *ngIf=\"hasContent && !content\"\n                [style.overflow]=\"contentOverflow\"\n                [style.height]=\"contentHeight\"\n                class=\"k-content\">\n                <ng-template\n                    [ngTemplateOutlet]=\"contentTemplate.first.templateRef\"\n                    [ngOutletContext]=\"{\n                        $implicit: {\n                            title: title,\n                            id: id,\n                            icon: icon,\n                            imageUrl: imageUrl,\n                            disabled: disabled,\n                            content: content\n                        }\n                    }\">\n                </ng-template>\n            </div>\n            <div\n                *ngIf=\"items?.length\"\n                [style.overflow]=\"contentOverflow\"\n                [style.height]=\"contentHeight\"\n                class=\"k-panel k-group\">\n                    <kendo-panelbar-item\n                        *ngFor=\"let item of items\"\n                        [title]=\"item.title\"\n                        [id]=\"item.id\"\n                        [icon]=\"item.icon\"\n                        [imageUrl]=\"item.imageUrl\"\n                        [selected]=\"!!item.selected\"\n                        [expanded]=\"!!item.expanded\"\n                        [disabled]=\"!!item.disabled\"\n                        [template]=\"template\"\n                        [items]=\"item.children\"\n                        [content]=\"item.content\">\n                    </kendo-panelbar-item>\n            </div>\n            <div\n                *ngIf=\"content\"\n                [style.overflow]=\"contentOverflow\"\n                [style.height]=\"contentHeight\"\n                class=\"k-content\">\n                <ng-template\n                    [ngTemplateOutlet]=\"template\"\n                    [ngOutletContext]=\"{\n                        $implicit: {\n                            title: title,\n                            id: id,\n                            icon: icon,\n                            imageUrl: imageUrl,\n                            disabled: disabled,\n                            content: content\n                        }\n                    }\">\n                </ng-template>\n                <ng-template [ngIf]=\"!template\">{{content}}</ng-template>\n            </div>\n        </div>"
+                template: "<span\n                #header\n                [class.k-link]=\"true\"\n                [class.k-header]=\"!parent\"\n                [class.k-state-selected]=\"!disabled && selected\"\n                [class.k-state-focused]=\"!disabled && focused && wrapperFocused\"\n                (click)=\"onItemAction()\">\n            <span\n                *ngIf=\"icon || iconClass\"\n                class=\"k-icon\"\n                [ngClass]=\"iconClasses\">\n            </span>\n            <img\n                *ngIf=\"imageUrl\"\n                class=\"k-image\"\n                [src]=\"imageUrl\"\n                alt=\"\">\n            {{title}}\n            <ng-template [ngTemplateOutlet]=\"titleTemplate\"></ng-template>\n            <span *ngIf=\"hasChildItems || hasContent\"\n                [class.k-icon]=\"true\"\n                [class.k-i-arrow-n]=\"expanded\"\n                [class.k-panelbar-collapse]=\"expanded\"\n                [class.k-i-arrow-s]=\"!expanded\"\n                [class.k-panelbar-expand]=\"!expanded\">\n            </span>\n        </span>\n        <div\n            *ngIf=\"keepContent || (!disabled && expanded && (hasChildItems || hasContent))\"\n            [@toggle]=\"state\"\n            [style.overflow]=\"'hidden'\"\n            [attr.role]=\"'group'\"\n            [attr.aria-hidden]=\"!disabled && !expanded\">\n            <div\n                *ngIf=\"hasChildItems && !items?.length\"\n                [style.overflow]=\"contentOverflow\"\n                [style.height]=\"contentHeight\"\n                class=\"k-panel k-group\">\n                    <ng-content select=\"kendo-panelbar-item\"></ng-content>\n            </div>\n            <div\n                *ngIf=\"hasContent && !content\"\n                [style.overflow]=\"contentOverflow\"\n                [style.height]=\"contentHeight\"\n                class=\"k-content\">\n                <ng-template\n                    [ngTemplateOutlet]=\"contentTemplate.first.templateRef\"\n                    [ngOutletContext]=\"{\n                        $implicit: {\n                            title: title,\n                            id: id,\n                            icon: icon,\n                            imageUrl: imageUrl,\n                            disabled: disabled,\n                            content: content\n                        }\n                    }\">\n                </ng-template>\n            </div>\n            <div\n                *ngIf=\"items?.length\"\n                [style.overflow]=\"contentOverflow\"\n                [style.height]=\"contentHeight\"\n                class=\"k-panel k-group\">\n                    <kendo-panelbar-item\n                        *ngFor=\"let item of items\"\n                        [title]=\"item.title\"\n                        [id]=\"item.id\"\n                        [icon]=\"item.icon\"\n                        [iconClass]=\"item.iconClass\"\n                        [imageUrl]=\"item.imageUrl\"\n                        [selected]=\"!!item.selected\"\n                        [expanded]=\"!!item.expanded\"\n                        [disabled]=\"!!item.disabled\"\n                        [template]=\"template\"\n                        [items]=\"item.children\"\n                        [content]=\"item.content\">\n                    </kendo-panelbar-item>\n            </div>\n            <div\n                *ngIf=\"content\"\n                [style.overflow]=\"contentOverflow\"\n                [style.height]=\"contentHeight\"\n                class=\"k-content\">\n                <ng-template\n                    [ngTemplateOutlet]=\"template\"\n                    [ngOutletContext]=\"{\n                        $implicit: {\n                            title: title,\n                            id: id,\n                            icon: icon,\n                            imageUrl: imageUrl,\n                            disabled: disabled,\n                            content: content\n                        }\n                    }\">\n                </ng-template>\n                <ng-template [ngIf]=\"!template\">{{content}}</ng-template>\n            </div>\n        </div>"
             },] },
@@ -251,0 +251,0 @@ ];

dist/npm/panelbar/panelbar-item.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"PanelBarItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["toggle",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["inactive",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"display":"none","height":"0px"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["active => void",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":[200,{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"display":"block","height":"0px"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["void => active",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"display":"block","height":"0px"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":[200,{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"display":"block","height":{"__symbolic":"reference","module":"@angular/core","name":"AUTO_STYLE"}}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["inactive => active",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"display":"block","height":"0px"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":[200,{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"display":"block","height":{"__symbolic":"reference","module":"@angular/core","name":"AUTO_STYLE"}}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["active => inactive",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":[200,{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"display":"none","height":"0px"}]}]}]]}]]}],"exportAs":"kendoPanelbarItem","selector":"kendo-panelbar-item","template":"<span\n                #header\n                [class.k-link]=\"true\"\n                [class.k-header]=\"!parent\"\n                [class.k-state-selected]=\"!disabled && selected\"\n                [class.k-state-focused]=\"!disabled && focused && wrapperFocused\"\n                (click)=\"onItemAction()\">\n            <span\n                *ngIf=\"icon || iconClass\"\n                class=\"k-icon\"\n                [ngClass]=\"iconClasses\">\n            </span>\n            <img\n                *ngIf=\"imageUrl\"\n                class=\"k-image\"\n                [src]=\"imageUrl\"\n                alt=\"\">\n            {{title}}\n            <ng-template [ngTemplateOutlet]=\"titleTemplate\"></ng-template>\n            <span *ngIf=\"hasChildItems || hasContent\"\n                [class.k-icon]=\"true\"\n                [class.k-i-arrow-n]=\"expanded\"\n                [class.k-panelbar-collapse]=\"expanded\"\n                [class.k-i-arrow-s]=\"!expanded\"\n                [class.k-panelbar-expand]=\"!expanded\">\n            </span>\n        </span>\n        <div\n            *ngIf=\"keepContent || (!disabled && expanded && (hasChildItems || hasContent))\"\n            [@toggle]=\"state\"\n            [style.overflow]=\"'hidden'\"\n            [attr.role]=\"'group'\"\n            [attr.aria-hidden]=\"!disabled && !expanded\">\n            <div\n                *ngIf=\"hasChildItems && !items?.length\"\n                [style.overflow]=\"contentOverflow\"\n                [style.height]=\"contentHeight\"\n                class=\"k-panel k-group\">\n                    <ng-content select=\"kendo-panelbar-item\"></ng-content>\n            </div>\n            <div\n                *ngIf=\"hasContent && !content\"\n                [style.overflow]=\"contentOverflow\"\n                [style.height]=\"contentHeight\"\n                class=\"k-content\">\n                <ng-template\n                    [ngTemplateOutlet]=\"contentTemplate.first.templateRef\"\n                    [ngOutletContext]=\"{\n                        $implicit: {\n                            title: title,\n                            id: id,\n                            icon: icon,\n                            imageUrl: imageUrl,\n                            disabled: disabled,\n                            content: content\n                        }\n                    }\">\n                </ng-template>\n            </div>\n            <div\n                *ngIf=\"items?.length\"\n                [style.overflow]=\"contentOverflow\"\n                [style.height]=\"contentHeight\"\n                class=\"k-panel k-group\">\n                    <kendo-panelbar-item\n                        *ngFor=\"let item of items\"\n                        [title]=\"item.title\"\n                        [id]=\"item.id\"\n                        [icon]=\"item.icon\"\n                        [imageUrl]=\"item.imageUrl\"\n                        [selected]=\"!!item.selected\"\n                        [expanded]=\"!!item.expanded\"\n                        [disabled]=\"!!item.disabled\"\n                        [template]=\"template\"\n                        [items]=\"item.children\"\n                        [content]=\"item.content\">\n                    </kendo-panelbar-item>\n            </div>\n            <div\n                *ngIf=\"content\"\n                [style.overflow]=\"contentOverflow\"\n                [style.height]=\"contentHeight\"\n                class=\"k-content\">\n                <ng-template\n                    [ngTemplateOutlet]=\"template\"\n                    [ngOutletContext]=\"{\n                        $implicit: {\n                            title: title,\n                            id: id,\n                            icon: icon,\n                            imageUrl: imageUrl,\n                            disabled: disabled,\n                            content: content\n                        }\n                    }\">\n                </ng-template>\n                <ng-template [ngIf]=\"!template\">{{content}}</ng-template>\n            </div>\n        </div>"}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"iconClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"imageUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"expanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"header":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["header",{}]}]}],"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.role"]}]}],"titleAttribute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.title"]}]}],"className":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class"]}]}],"itemId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["id"]}]}],"ariaExpanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-expanded"]}]}],"ariaSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-selected"]}]}],"ariaDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-disabled"]}]}],"viewChildItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren"},"arguments":[{"__symbolic":"reference","name":"PanelBarItemComponent"}]}]}],"contentItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","name":"PanelBarItemComponent"}]}]}],"contentTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./panelbar-content.directive","name":"PanelBarContentDirective"},{"descendants":false}]}]}],"titleTemplates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./panelbar-item-title.directive","name":"PanelBarItemTitleDirective"},{"descendants":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}],null],"parameters":[{"__symbolic":"reference","name":"PanelBarItemComponent"},{"__symbolic":"reference","module":"./panelbar.service","name":"PanelBarService"}]}],"headerHeight":[{"__symbolic":"method"}],"ngAfterContentChecked":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"onItemAction":[{"__symbolic":"method"}],"serialize":[{"__symbolic":"method"}],"subTreeViewItems":[{"__symbolic":"method"}],"validateConfiguration":[{"__symbolic":"method"}],"onWrapperFocusChange":[{"__symbolic":"method"}],"resolveClasses":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"PanelBarItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["toggle",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["inactive",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"display":"none","height":"0px"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["active => void",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":[200,{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"display":"block","height":"0px"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["void => active",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"display":"block","height":"0px"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":[200,{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"display":"block","height":{"__symbolic":"reference","module":"@angular/core","name":"AUTO_STYLE"}}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["inactive => active",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"display":"block","height":"0px"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":[200,{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"display":"block","height":{"__symbolic":"reference","module":"@angular/core","name":"AUTO_STYLE"}}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["active => inactive",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":[200,{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"display":"none","height":"0px"}]}]}]]}]]}],"exportAs":"kendoPanelbarItem","selector":"kendo-panelbar-item","template":"<span\n                #header\n                [class.k-link]=\"true\"\n                [class.k-header]=\"!parent\"\n                [class.k-state-selected]=\"!disabled && selected\"\n                [class.k-state-focused]=\"!disabled && focused && wrapperFocused\"\n                (click)=\"onItemAction()\">\n            <span\n                *ngIf=\"icon || iconClass\"\n                class=\"k-icon\"\n                [ngClass]=\"iconClasses\">\n            </span>\n            <img\n                *ngIf=\"imageUrl\"\n                class=\"k-image\"\n                [src]=\"imageUrl\"\n                alt=\"\">\n            {{title}}\n            <ng-template [ngTemplateOutlet]=\"titleTemplate\"></ng-template>\n            <span *ngIf=\"hasChildItems || hasContent\"\n                [class.k-icon]=\"true\"\n                [class.k-i-arrow-n]=\"expanded\"\n                [class.k-panelbar-collapse]=\"expanded\"\n                [class.k-i-arrow-s]=\"!expanded\"\n                [class.k-panelbar-expand]=\"!expanded\">\n            </span>\n        </span>\n        <div\n            *ngIf=\"keepContent || (!disabled && expanded && (hasChildItems || hasContent))\"\n            [@toggle]=\"state\"\n            [style.overflow]=\"'hidden'\"\n            [attr.role]=\"'group'\"\n            [attr.aria-hidden]=\"!disabled && !expanded\">\n            <div\n                *ngIf=\"hasChildItems && !items?.length\"\n                [style.overflow]=\"contentOverflow\"\n                [style.height]=\"contentHeight\"\n                class=\"k-panel k-group\">\n                    <ng-content select=\"kendo-panelbar-item\"></ng-content>\n            </div>\n            <div\n                *ngIf=\"hasContent && !content\"\n                [style.overflow]=\"contentOverflow\"\n                [style.height]=\"contentHeight\"\n                class=\"k-content\">\n                <ng-template\n                    [ngTemplateOutlet]=\"contentTemplate.first.templateRef\"\n                    [ngOutletContext]=\"{\n                        $implicit: {\n                            title: title,\n                            id: id,\n                            icon: icon,\n                            imageUrl: imageUrl,\n                            disabled: disabled,\n                            content: content\n                        }\n                    }\">\n                </ng-template>\n            </div>\n            <div\n                *ngIf=\"items?.length\"\n                [style.overflow]=\"contentOverflow\"\n                [style.height]=\"contentHeight\"\n                class=\"k-panel k-group\">\n                    <kendo-panelbar-item\n                        *ngFor=\"let item of items\"\n                        [title]=\"item.title\"\n                        [id]=\"item.id\"\n                        [icon]=\"item.icon\"\n                        [imageUrl]=\"item.imageUrl\"\n                        [selected]=\"!!item.selected\"\n                        [expanded]=\"!!item.expanded\"\n                        [disabled]=\"!!item.disabled\"\n                        [template]=\"template\"\n                        [items]=\"item.children\"\n                        [content]=\"item.content\">\n                    </kendo-panelbar-item>\n            </div>\n            <div\n                *ngIf=\"content\"\n                [style.overflow]=\"contentOverflow\"\n                [style.height]=\"contentHeight\"\n                class=\"k-content\">\n                <ng-template\n                    [ngTemplateOutlet]=\"template\"\n                    [ngOutletContext]=\"{\n                        $implicit: {\n                            title: title,\n                            id: id,\n                            icon: icon,\n                            imageUrl: imageUrl,\n                            disabled: disabled,\n                            content: content\n                        }\n                    }\">\n                </ng-template>\n                <ng-template [ngIf]=\"!template\">{{content}}</ng-template>\n            </div>\n        </div>"}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"iconClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"imageUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"expanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"header":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["header",{}]}]}],"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.role"]}]}],"titleAttribute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.title"]}]}],"className":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class"]}]}],"itemId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["id"]}]}],"ariaExpanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-expanded"]}]}],"ariaSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-selected"]}]}],"ariaDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-disabled"]}]}],"viewChildItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren"},"arguments":[{"__symbolic":"reference","name":"PanelBarItemComponent"}]}]}],"contentItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","name":"PanelBarItemComponent"}]}]}],"contentTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./panelbar-content.directive","name":"PanelBarContentDirective"},{"descendants":false}]}]}],"titleTemplates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./panelbar-item-title.directive","name":"PanelBarItemTitleDirective"},{"descendants":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}],null],"parameters":[{"__symbolic":"reference","name":"PanelBarItemComponent"},{"__symbolic":"reference","module":"./panelbar.service","name":"PanelBarService"}]}],"headerHeight":[{"__symbolic":"method"}],"ngAfterContentChecked":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"onItemAction":[{"__symbolic":"method"}],"serialize":[{"__symbolic":"method"}],"subTreeViewItems":[{"__symbolic":"method"}],"validateConfiguration":[{"__symbolic":"method"}],"onWrapperFocusChange":[{"__symbolic":"method"}],"resolveClasses":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"PanelBarItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["toggle",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["inactive",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"display":"none","height":"0px"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["active => void",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":[200,{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"display":"block","height":"0px"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["void => active",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"display":"block","height":"0px"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":[200,{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"display":"block","height":{"__symbolic":"reference","module":"@angular/core","name":"AUTO_STYLE"}}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["inactive => active",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"display":"block","height":"0px"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":[200,{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"display":"block","height":{"__symbolic":"reference","module":"@angular/core","name":"AUTO_STYLE"}}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["active => inactive",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":[200,{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"display":"none","height":"0px"}]}]}]]}]]}],"exportAs":"kendoPanelbarItem","selector":"kendo-panelbar-item","template":"<span\n                #header\n                [class.k-link]=\"true\"\n                [class.k-header]=\"!parent\"\n                [class.k-state-selected]=\"!disabled && selected\"\n                [class.k-state-focused]=\"!disabled && focused && wrapperFocused\"\n                (click)=\"onItemAction()\">\n            <span\n                *ngIf=\"icon || iconClass\"\n                class=\"k-icon\"\n                [ngClass]=\"iconClasses\">\n            </span>\n            <img\n                *ngIf=\"imageUrl\"\n                class=\"k-image\"\n                [src]=\"imageUrl\"\n                alt=\"\">\n            {{title}}\n            <ng-template [ngTemplateOutlet]=\"titleTemplate\"></ng-template>\n            <span *ngIf=\"hasChildItems || hasContent\"\n                [class.k-icon]=\"true\"\n                [class.k-i-arrow-n]=\"expanded\"\n                [class.k-panelbar-collapse]=\"expanded\"\n                [class.k-i-arrow-s]=\"!expanded\"\n                [class.k-panelbar-expand]=\"!expanded\">\n            </span>\n        </span>\n        <div\n            *ngIf=\"keepContent || (!disabled && expanded && (hasChildItems || hasContent))\"\n            [@toggle]=\"state\"\n            [style.overflow]=\"'hidden'\"\n            [attr.role]=\"'group'\"\n            [attr.aria-hidden]=\"!disabled && !expanded\">\n            <div\n                *ngIf=\"hasChildItems && !items?.length\"\n                [style.overflow]=\"contentOverflow\"\n                [style.height]=\"contentHeight\"\n                class=\"k-panel k-group\">\n                    <ng-content select=\"kendo-panelbar-item\"></ng-content>\n            </div>\n            <div\n                *ngIf=\"hasContent && !content\"\n                [style.overflow]=\"contentOverflow\"\n                [style.height]=\"contentHeight\"\n                class=\"k-content\">\n                <ng-template\n                    [ngTemplateOutlet]=\"contentTemplate.first.templateRef\"\n                    [ngOutletContext]=\"{\n                        $implicit: {\n                            title: title,\n                            id: id,\n                            icon: icon,\n                            imageUrl: imageUrl,\n                            disabled: disabled,\n                            content: content\n                        }\n                    }\">\n                </ng-template>\n            </div>\n            <div\n                *ngIf=\"items?.length\"\n                [style.overflow]=\"contentOverflow\"\n                [style.height]=\"contentHeight\"\n                class=\"k-panel k-group\">\n                    <kendo-panelbar-item\n                        *ngFor=\"let item of items\"\n                        [title]=\"item.title\"\n                        [id]=\"item.id\"\n                        [icon]=\"item.icon\"\n                        [iconClass]=\"item.iconClass\"\n                        [imageUrl]=\"item.imageUrl\"\n                        [selected]=\"!!item.selected\"\n                        [expanded]=\"!!item.expanded\"\n                        [disabled]=\"!!item.disabled\"\n                        [template]=\"template\"\n                        [items]=\"item.children\"\n                        [content]=\"item.content\">\n                    </kendo-panelbar-item>\n            </div>\n            <div\n                *ngIf=\"content\"\n                [style.overflow]=\"contentOverflow\"\n                [style.height]=\"contentHeight\"\n                class=\"k-content\">\n                <ng-template\n                    [ngTemplateOutlet]=\"template\"\n                    [ngOutletContext]=\"{\n                        $implicit: {\n                            title: title,\n                            id: id,\n                            icon: icon,\n                            imageUrl: imageUrl,\n                            disabled: disabled,\n                            content: content\n                        }\n                    }\">\n                </ng-template>\n                <ng-template [ngIf]=\"!template\">{{content}}</ng-template>\n            </div>\n        </div>"}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"iconClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"imageUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"expanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"header":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["header",{}]}]}],"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.role"]}]}],"titleAttribute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.title"]}]}],"className":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class"]}]}],"itemId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["id"]}]}],"ariaExpanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-expanded"]}]}],"ariaSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-selected"]}]}],"ariaDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-disabled"]}]}],"viewChildItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren"},"arguments":[{"__symbolic":"reference","name":"PanelBarItemComponent"}]}]}],"contentItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","name":"PanelBarItemComponent"}]}]}],"contentTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./panelbar-content.directive","name":"PanelBarContentDirective"},{"descendants":false}]}]}],"titleTemplates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./panelbar-item-title.directive","name":"PanelBarItemTitleDirective"},{"descendants":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}],null],"parameters":[{"__symbolic":"reference","name":"PanelBarItemComponent"},{"__symbolic":"reference","module":"./panelbar.service","name":"PanelBarService"}]}],"headerHeight":[{"__symbolic":"method"}],"ngAfterContentChecked":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"onItemAction":[{"__symbolic":"method"}],"serialize":[{"__symbolic":"method"}],"subTreeViewItems":[{"__symbolic":"method"}],"validateConfiguration":[{"__symbolic":"method"}],"onWrapperFocusChange":[{"__symbolic":"method"}],"resolveClasses":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"PanelBarItemComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["toggle",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["inactive",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"display":"none","height":"0px"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["active => void",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":[200,{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"display":"block","height":"0px"}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["void => active",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"display":"block","height":"0px"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":[200,{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"display":"block","height":{"__symbolic":"reference","module":"@angular/core","name":"AUTO_STYLE"}}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["inactive => active",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"display":"block","height":"0px"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":[200,{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"display":"block","height":{"__symbolic":"reference","module":"@angular/core","name":"AUTO_STYLE"}}]}]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["active => inactive",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":[200,{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"display":"none","height":"0px"}]}]}]]}]]}],"exportAs":"kendoPanelbarItem","selector":"kendo-panelbar-item","template":"<span\n                #header\n                [class.k-link]=\"true\"\n                [class.k-header]=\"!parent\"\n                [class.k-state-selected]=\"!disabled && selected\"\n                [class.k-state-focused]=\"!disabled && focused && wrapperFocused\"\n                (click)=\"onItemAction()\">\n            <span\n                *ngIf=\"icon || iconClass\"\n                class=\"k-icon\"\n                [ngClass]=\"iconClasses\">\n            </span>\n            <img\n                *ngIf=\"imageUrl\"\n                class=\"k-image\"\n                [src]=\"imageUrl\"\n                alt=\"\">\n            {{title}}\n            <ng-template [ngTemplateOutlet]=\"titleTemplate\"></ng-template>\n            <span *ngIf=\"hasChildItems || hasContent\"\n                [class.k-icon]=\"true\"\n                [class.k-i-arrow-n]=\"expanded\"\n                [class.k-panelbar-collapse]=\"expanded\"\n                [class.k-i-arrow-s]=\"!expanded\"\n                [class.k-panelbar-expand]=\"!expanded\">\n            </span>\n        </span>\n        <div\n            *ngIf=\"keepContent || (!disabled && expanded && (hasChildItems || hasContent))\"\n            [@toggle]=\"state\"\n            [style.overflow]=\"'hidden'\"\n            [attr.role]=\"'group'\"\n            [attr.aria-hidden]=\"!disabled && !expanded\">\n            <div\n                *ngIf=\"hasChildItems && !items?.length\"\n                [style.overflow]=\"contentOverflow\"\n                [style.height]=\"contentHeight\"\n                class=\"k-panel k-group\">\n                    <ng-content select=\"kendo-panelbar-item\"></ng-content>\n            </div>\n            <div\n                *ngIf=\"hasContent && !content\"\n                [style.overflow]=\"contentOverflow\"\n                [style.height]=\"contentHeight\"\n                class=\"k-content\">\n                <ng-template\n                    [ngTemplateOutlet]=\"contentTemplate.first.templateRef\"\n                    [ngOutletContext]=\"{\n                        $implicit: {\n                            title: title,\n                            id: id,\n                            icon: icon,\n                            imageUrl: imageUrl,\n                            disabled: disabled,\n                            content: content\n                        }\n                    }\">\n                </ng-template>\n            </div>\n            <div\n                *ngIf=\"items?.length\"\n                [style.overflow]=\"contentOverflow\"\n                [style.height]=\"contentHeight\"\n                class=\"k-panel k-group\">\n                    <kendo-panelbar-item\n                        *ngFor=\"let item of items\"\n                        [title]=\"item.title\"\n                        [id]=\"item.id\"\n                        [icon]=\"item.icon\"\n                        [iconClass]=\"item.iconClass\"\n                        [imageUrl]=\"item.imageUrl\"\n                        [selected]=\"!!item.selected\"\n                        [expanded]=\"!!item.expanded\"\n                        [disabled]=\"!!item.disabled\"\n                        [template]=\"template\"\n                        [items]=\"item.children\"\n                        [content]=\"item.content\">\n                    </kendo-panelbar-item>\n            </div>\n            <div\n                *ngIf=\"content\"\n                [style.overflow]=\"contentOverflow\"\n                [style.height]=\"contentHeight\"\n                class=\"k-content\">\n                <ng-template\n                    [ngTemplateOutlet]=\"template\"\n                    [ngOutletContext]=\"{\n                        $implicit: {\n                            title: title,\n                            id: id,\n                            icon: icon,\n                            imageUrl: imageUrl,\n                            disabled: disabled,\n                            content: content\n                        }\n                    }\">\n                </ng-template>\n                <ng-template [ngIf]=\"!template\">{{content}}</ng-template>\n            </div>\n        </div>"}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"id":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"iconClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"imageUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"expanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"header":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["header",{}]}]}],"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.role"]}]}],"titleAttribute":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.title"]}]}],"className":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class"]}]}],"itemId":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["id"]}]}],"ariaExpanded":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-expanded"]}]}],"ariaSelected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-selected"]}]}],"ariaDisabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-disabled"]}]}],"viewChildItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren"},"arguments":[{"__symbolic":"reference","name":"PanelBarItemComponent"}]}]}],"contentItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","name":"PanelBarItemComponent"}]}]}],"contentTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./panelbar-content.directive","name":"PanelBarContentDirective"},{"descendants":false}]}]}],"titleTemplates":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./panelbar-item-title.directive","name":"PanelBarItemTitleDirective"},{"descendants":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}}],null],"parameters":[{"__symbolic":"reference","name":"PanelBarItemComponent"},{"__symbolic":"reference","module":"./panelbar.service","name":"PanelBarService"}]}],"headerHeight":[{"__symbolic":"method"}],"ngAfterContentChecked":[{"__symbolic":"method"}],"ngAfterViewChecked":[{"__symbolic":"method"}],"onItemAction":[{"__symbolic":"method"}],"serialize":[{"__symbolic":"method"}],"subTreeViewItems":[{"__symbolic":"method"}],"validateConfiguration":[{"__symbolic":"method"}],"onWrapperFocusChange":[{"__symbolic":"method"}],"resolveClasses":[{"__symbolic":"method"}]}}}}]

dist/npm/panelbar/panelbar.component.js

@@ -431,3 +431,3 @@ "use strict";
                 selector: 'kendo-panelbar',
-                template: "\n        <ng-content *ngIf=\"contentChildItems && !items\" select=\"kendo-panelbar-item\"></ng-content>\n        <ng-template [ngIf]=\"items?.length\">\n            <kendo-panelbar-item\n                *ngFor=\"let item of items\"\n                 [title]=\"item.title\"\n                 [id]=\"item.id\"\n                 [icon]=\"item.icon\"\n                 [imageUrl]=\"item.imageUrl\"\n                 [selected]=\"!!item.selected\"\n                 [expanded]=\"!!item.expanded\"\n                 [disabled]=\"!!item.disabled\"\n                 [template]=\"templateRef\"\n                 [items]=\"item.children\"\n                 [content]=\"item.content\"\n            >\n            </kendo-panelbar-item>\n        </ng-template>\n    "
+                template: "\n        <ng-content *ngIf=\"contentChildItems && !items\" select=\"kendo-panelbar-item\"></ng-content>\n        <ng-template [ngIf]=\"items?.length\">\n            <kendo-panelbar-item\n                *ngFor=\"let item of items\"\n                 [title]=\"item.title\"\n                 [id]=\"item.id\"\n                 [icon]=\"item.icon\"\n                 [iconClass]=\"item.iconClass\"\n                 [imageUrl]=\"item.imageUrl\"\n                 [selected]=\"!!item.selected\"\n                 [expanded]=\"!!item.expanded\"\n                 [disabled]=\"!!item.disabled\"\n                 [template]=\"templateRef\"\n                 [items]=\"item.children\"\n                 [content]=\"item.content\"\n            >\n            </kendo-panelbar-item>\n        </ng-template>\n    "
             },] },
@@ -434,0 +434,0 @@ ];

dist/npm/panelbar/panelbar.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"PanelBarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"exportAs":"kendoPanelbar","providers":[{"__symbolic":"reference","module":"./panelbar.service","name":"PanelBarService"}],"selector":"kendo-panelbar","template":"\n        <ng-content *ngIf=\"contentChildItems && !items\" select=\"kendo-panelbar-item\"></ng-content>\n        <ng-template [ngIf]=\"items?.length\">\n            <kendo-panelbar-item\n                *ngFor=\"let item of items\"\n                 [title]=\"item.title\"\n                 [id]=\"item.id\"\n                 [icon]=\"item.icon\"\n                 [imageUrl]=\"item.imageUrl\"\n                 [selected]=\"!!item.selected\"\n                 [expanded]=\"!!item.expanded\"\n                 [disabled]=\"!!item.disabled\"\n                 [template]=\"templateRef\"\n                 [items]=\"item.children\"\n                 [content]=\"item.content\"\n            >\n            </kendo-panelbar-item>\n        </ng-template>\n    "}]}],"members":{"expandMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selectable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"animate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"keepItemContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"stateChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.tabIndex"]}]}],"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.role"]}]}],"activeDescendant":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-activedescendant"]}]}],"hostHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.height"]}]}],"overflow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.overflow"]}]}],"dir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.dir"]}]}],"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./panelbar-item-template.directive","name":"PanelBarItemTemplateDirective"}]}]}],"contentItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./panelbar-item.component","name":"PanelBarItemComponent"},{"descendants":true}]}]}],"contentChildItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./panelbar-item.component","name":"PanelBarItemComponent"}]}]}],"viewChildItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren"},"arguments":[{"__symbolic":"reference","module":"./panelbar-item.component","name":"PanelBarItemComponent"}]}]}],"invertKeys":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"RTL"}]}],null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"./panelbar.service","name":"PanelBarService"},{"__symbolic":"reference","name":"boolean"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"ngAfterViewChecked":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"onComponentClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["click",["$event"]]}]}],"onComponentFocus":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["focus"]}]}],"onComponentBlur":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["blur"]}]}],"onComponentKeyDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"validateConfiguration":[{"__symbolic":"method"}],"onItemAction":[{"__symbolic":"method"}],"hostClasses":[{"__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-panelbar"]}]}],"isVisible":[{"__symbolic":"method"}],"getVisibleParent":[{"__symbolic":"method"}],"focusItem":[{"__symbolic":"method"}],"moveFocus":[{"__symbolic":"method"}],"focusLastItem":[{"__symbolic":"method"}],"focusFirstItem":[{"__symbolic":"method"}],"focusNextItem":[{"__symbolic":"method"}],"focusPreviousItem":[{"__symbolic":"method"}],"expandItem":[{"__symbolic":"method"}],"collapseItem":[{"__symbolic":"method"}],"selectFocusedItem":[{"__symbolic":"method"}],"visibleItems":[{"__symbolic":"method"}],"flatVisibleItems":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"PanelBarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"exportAs":"kendoPanelbar","providers":[{"__symbolic":"reference","module":"./panelbar.service","name":"PanelBarService"}],"selector":"kendo-panelbar","template":"\n        <ng-content *ngIf=\"contentChildItems && !items\" select=\"kendo-panelbar-item\"></ng-content>\n        <ng-template [ngIf]=\"items?.length\">\n            <kendo-panelbar-item\n                *ngFor=\"let item of items\"\n                 [title]=\"item.title\"\n                 [id]=\"item.id\"\n                 [icon]=\"item.icon\"\n                 [imageUrl]=\"item.imageUrl\"\n                 [selected]=\"!!item.selected\"\n                 [expanded]=\"!!item.expanded\"\n                 [disabled]=\"!!item.disabled\"\n                 [template]=\"templateRef\"\n                 [items]=\"item.children\"\n                 [content]=\"item.content\"\n            >\n            </kendo-panelbar-item>\n        </ng-template>\n    "}]}],"members":{"expandMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selectable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"animate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"keepItemContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"stateChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.tabIndex"]}]}],"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.role"]}]}],"activeDescendant":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-activedescendant"]}]}],"hostHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.height"]}]}],"overflow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.overflow"]}]}],"dir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.dir"]}]}],"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./panelbar-item-template.directive","name":"PanelBarItemTemplateDirective"}]}]}],"contentItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./panelbar-item.component","name":"PanelBarItemComponent"},{"descendants":true}]}]}],"contentChildItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./panelbar-item.component","name":"PanelBarItemComponent"}]}]}],"viewChildItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren"},"arguments":[{"__symbolic":"reference","module":"./panelbar-item.component","name":"PanelBarItemComponent"}]}]}],"invertKeys":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"RTL"}]}],null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"./panelbar.service","name":"PanelBarService"},{"__symbolic":"reference","name":"boolean"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"ngAfterViewChecked":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"onComponentClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["click",["$event"]]}]}],"onComponentFocus":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["focus"]}]}],"onComponentBlur":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["blur"]}]}],"onComponentKeyDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"validateConfiguration":[{"__symbolic":"method"}],"onItemAction":[{"__symbolic":"method"}],"hostClasses":[{"__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-panelbar"]}]}],"isVisible":[{"__symbolic":"method"}],"getVisibleParent":[{"__symbolic":"method"}],"focusItem":[{"__symbolic":"method"}],"moveFocus":[{"__symbolic":"method"}],"focusLastItem":[{"__symbolic":"method"}],"focusFirstItem":[{"__symbolic":"method"}],"focusNextItem":[{"__symbolic":"method"}],"focusPreviousItem":[{"__symbolic":"method"}],"expandItem":[{"__symbolic":"method"}],"collapseItem":[{"__symbolic":"method"}],"selectFocusedItem":[{"__symbolic":"method"}],"visibleItems":[{"__symbolic":"method"}],"flatVisibleItems":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"PanelBarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"exportAs":"kendoPanelbar","providers":[{"__symbolic":"reference","module":"./panelbar.service","name":"PanelBarService"}],"selector":"kendo-panelbar","template":"\n        <ng-content *ngIf=\"contentChildItems && !items\" select=\"kendo-panelbar-item\"></ng-content>\n        <ng-template [ngIf]=\"items?.length\">\n            <kendo-panelbar-item\n                *ngFor=\"let item of items\"\n                 [title]=\"item.title\"\n                 [id]=\"item.id\"\n                 [icon]=\"item.icon\"\n                 [iconClass]=\"item.iconClass\"\n                 [imageUrl]=\"item.imageUrl\"\n                 [selected]=\"!!item.selected\"\n                 [expanded]=\"!!item.expanded\"\n                 [disabled]=\"!!item.disabled\"\n                 [template]=\"templateRef\"\n                 [items]=\"item.children\"\n                 [content]=\"item.content\"\n            >\n            </kendo-panelbar-item>\n        </ng-template>\n    "}]}],"members":{"expandMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selectable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"animate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"keepItemContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"stateChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.tabIndex"]}]}],"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.role"]}]}],"activeDescendant":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-activedescendant"]}]}],"hostHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.height"]}]}],"overflow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.overflow"]}]}],"dir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.dir"]}]}],"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./panelbar-item-template.directive","name":"PanelBarItemTemplateDirective"}]}]}],"contentItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./panelbar-item.component","name":"PanelBarItemComponent"},{"descendants":true}]}]}],"contentChildItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./panelbar-item.component","name":"PanelBarItemComponent"}]}]}],"viewChildItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren"},"arguments":[{"__symbolic":"reference","module":"./panelbar-item.component","name":"PanelBarItemComponent"}]}]}],"invertKeys":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"RTL"}]}],null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"./panelbar.service","name":"PanelBarService"},{"__symbolic":"reference","name":"boolean"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"ngAfterViewChecked":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"onComponentClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["click",["$event"]]}]}],"onComponentFocus":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["focus"]}]}],"onComponentBlur":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["blur"]}]}],"onComponentKeyDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"validateConfiguration":[{"__symbolic":"method"}],"onItemAction":[{"__symbolic":"method"}],"hostClasses":[{"__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-panelbar"]}]}],"isVisible":[{"__symbolic":"method"}],"getVisibleParent":[{"__symbolic":"method"}],"focusItem":[{"__symbolic":"method"}],"moveFocus":[{"__symbolic":"method"}],"focusLastItem":[{"__symbolic":"method"}],"focusFirstItem":[{"__symbolic":"method"}],"focusNextItem":[{"__symbolic":"method"}],"focusPreviousItem":[{"__symbolic":"method"}],"expandItem":[{"__symbolic":"method"}],"collapseItem":[{"__symbolic":"method"}],"selectFocusedItem":[{"__symbolic":"method"}],"visibleItems":[{"__symbolic":"method"}],"flatVisibleItems":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"PanelBarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"exportAs":"kendoPanelbar","providers":[{"__symbolic":"reference","module":"./panelbar.service","name":"PanelBarService"}],"selector":"kendo-panelbar","template":"\n        <ng-content *ngIf=\"contentChildItems && !items\" select=\"kendo-panelbar-item\"></ng-content>\n        <ng-template [ngIf]=\"items?.length\">\n            <kendo-panelbar-item\n                *ngFor=\"let item of items\"\n                 [title]=\"item.title\"\n                 [id]=\"item.id\"\n                 [icon]=\"item.icon\"\n                 [iconClass]=\"item.iconClass\"\n                 [imageUrl]=\"item.imageUrl\"\n                 [selected]=\"!!item.selected\"\n                 [expanded]=\"!!item.expanded\"\n                 [disabled]=\"!!item.disabled\"\n                 [template]=\"templateRef\"\n                 [items]=\"item.children\"\n                 [content]=\"item.content\"\n            >\n            </kendo-panelbar-item>\n        </ng-template>\n    "}]}],"members":{"expandMode":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selectable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"animate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"keepItemContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"items":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"stateChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.tabIndex"]}]}],"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.role"]}]}],"activeDescendant":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.aria-activedescendant"]}]}],"hostHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.height"]}]}],"overflow":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.overflow"]}]}],"dir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.dir"]}]}],"template":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./panelbar-item-template.directive","name":"PanelBarItemTemplateDirective"}]}]}],"contentItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./panelbar-item.component","name":"PanelBarItemComponent"},{"descendants":true}]}]}],"contentChildItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./panelbar-item.component","name":"PanelBarItemComponent"}]}]}],"viewChildItems":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren"},"arguments":[{"__symbolic":"reference","module":"./panelbar-item.component","name":"PanelBarItemComponent"}]}]}],"invertKeys":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"RTL"}]}],null],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"./panelbar.service","name":"PanelBarService"},{"__symbolic":"reference","name":"boolean"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"ngAfterViewChecked":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"onComponentClick":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["click",["$event"]]}]}],"onComponentFocus":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["focus"]}]}],"onComponentBlur":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["blur"]}]}],"onComponentKeyDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"validateConfiguration":[{"__symbolic":"method"}],"onItemAction":[{"__symbolic":"method"}],"hostClasses":[{"__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-panelbar"]}]}],"isVisible":[{"__symbolic":"method"}],"getVisibleParent":[{"__symbolic":"method"}],"focusItem":[{"__symbolic":"method"}],"moveFocus":[{"__symbolic":"method"}],"focusLastItem":[{"__symbolic":"method"}],"focusFirstItem":[{"__symbolic":"method"}],"focusNextItem":[{"__symbolic":"method"}],"focusPreviousItem":[{"__symbolic":"method"}],"expandItem":[{"__symbolic":"method"}],"collapseItem":[{"__symbolic":"method"}],"selectFocusedItem":[{"__symbolic":"method"}],"visibleItems":[{"__symbolic":"method"}],"flatVisibleItems":[{"__symbolic":"method"}]}}}}]

package.json

 {
   "name": "@progress/kendo-angular-layout",
   "description": "Layout Package for Angular 2",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "publishConfig": {
@@ -6,0 +6,0 @@ "registry": "https://registry.npm.telerik.com"

New alerts

Long strings

Supply chain risk

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

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

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

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

372404

increased by0.2%

Lines of code

4664

increased by0.04%

No dependency changes