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

Comparing version 0.20.2 to 0.20.3

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("rxjs/Subject"),require("@angular/common")):"function"==typeof define&&define.amd?define(["@angular/core","rxjs/Subject","@angular/common"],t):"object"==typeof exports?exports.KendoAngularLayout=t(require("@angular/core"),require("rxjs/Subject"),require("@angular/common")):e.KendoAngularLayout=t(e["@angular/core"],e["rxjs/Subject"],e["@angular/common"])}(this,function(e,t,n){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";var i=n(1);t.PanelBarComponent=i.PanelBarComponent;var o=n(5);t.PanelBarItemComponent=o.PanelBarItemComponent;var a=n(8);t.PanelBarContentDirective=a.PanelBarContentDirective;var r=n(10);t.PanelBarItemTemplateDirective=r.PanelBarItemTemplateDirective;var s=n(9);t.PanelBarItemTitleDirective=s.PanelBarItemTitleDirective;var l=n(4);t.PanelBarExpandMode=l.PanelBarExpandMode;var c=n(11);t.TabstripComponent=c.TabstripComponent;var p=n(12);t.TabstripTabComponent=p.TabstripTabComponent;var d=n(13);t.TabContentDirective=d.TabContentDirective;var u=n(14);t.TabTitleDirective=u.TabTitleDirective;var f=n(15);t.LayoutModule=f.LayoutModule},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var o,a=arguments.length,r=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(r=(a<3?o(r):a>3?o(t,n,r):o(t,n))||r);return a>3&&r&&Object.defineProperty(t,n,r),r},o=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},a=this&&this.__param||function(e,t){return function(n,i){t(n,i,e)}},r=n(2),s=n(3),l=n(4),c=n(5),p=n(6),d=n(10),u=function(){function e(e,t,n,i){var o=this;this.expandMode=l.PanelBarExpandMode.Default,this.selectable=!0,this.animate=!0,this.height="400px",this.stateChange=new r.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===l.PanelBarExpandMode.Full?"auto":"visible";o.childrenItems.forEach(function(t){e+=t.headerHeight()}),o.childrenItems.forEach(function(i){i.contentHeight=l.PanelBarExpandMode.Full===o.expandMode?t-e+"px":"auto",i.contentOverflow=n})},this.updateAnimate=function(){o.allItems.forEach(function(e){"activeWithoutAnimation"===e.state&&(e.state="active")})},this.direction=n,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,"hostHeight",{get:function(){return this.expandMode===l.PanelBarExpandMode.Full?this.height:"auto"},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"overflow",{get:function(){return this.expandMode===l.PanelBarExpandMode.Full?"hidden":"visible"},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"dir",{get:function(){return this.direction},enumerable:!0,configurable:!0}),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.invertKeys=function(e,t){return"rtl"===this.direction?t:e},Object.defineProperty(e.prototype,"computedKeys",{get:function(){var e=this;return t={},t[s.Keys.space]=function(){return e.selectFocusedItem()},t[s.Keys.enter]=function(){return e.selectFocusedItem()},t[s.Keys.up]=function(){return e.focusPreviousItem()},t[this.invertKeys(s.Keys.left,s.Keys.right)]=function(){return e.collapseItem()},t[s.Keys.down]=function(){return e.focusNextItem()},t[this.invertKeys(s.Keys.right,s.Keys.left)]=function(){return e.expandItem()},t[s.Keys.end]=function(){return e.focusLastItem()},t[s.Keys.home]=function(){return e.focusFirstItem()},t;var t},enumerable:!0,configurable:!0}),e.prototype.ngAfterViewChecked=function(){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(this.updateChildrenHeight)),this.validateConfiguration()},e.prototype.ngOnChanges=function(e){(e.height||e.expandMode||e.items)&&this.childrenItems&&setTimeout(this.updateChildrenHeight)},Object.defineProperty(e.prototype,"templateRef",{get:function(){return this.template?this.template.templateRef:void 0},enumerable:!0,configurable:!0}),e.prototype.onComponentClick=function(){this.focused||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.currentTarget===this.elementRef.nativeElement){e.keyCode!==s.Keys.enter&&e.preventDefault();var t=this.keyBindings[e.keyCode];t&&t()}},e.prototype.validateConfiguration=function(){if(r.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,a=o;o=t.selectable?o:i.selected,i.selected===o&&i.focused===a||(i.selected=o,i.focused=a,t.activeDescendant=a?i.itemId:"",n.push(i))}),this.expandMode===l.PanelBarExpandMode.Multiple)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 a=this.allItems.find(function(e){return e.focused});a.focused=!1,o=this.getVisibleParent(a),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},i([r.Input(),o("design:type",Number)],e.prototype,"expandMode",void 0),i([r.Input(),o("design:type",Boolean)],e.prototype,"selectable",void 0),i([r.Input(),o("design:type",Boolean)],e.prototype,"animate",void 0),i([r.Input(),o("design:type",Object)],e.prototype,"height",void 0),i([r.Input(),o("design:type",Array)],e.prototype,"items",void 0),i([r.Output(),o("design:type",r.EventEmitter)],e.prototype,"stateChange",void 0),i([r.HostBinding("tabIndex"),o("design:type",Number)],e.prototype,"tabIndex",void 0),i([r.HostBinding("attr.role"),o("design:type",String)],e.prototype,"role",void 0),i([r.HostBinding("attr.aria-activedescendant"),o("design:type",String)],e.prototype,"activeDescendant",void 0),i([r.HostBinding("style.height"),o("design:type",String)],e.prototype,"hostHeight",null),i([r.HostBinding("style.overflow"),o("design:type",String)],e.prototype,"overflow",null),i([r.HostBinding("attr.dir"),o("design:type",String)],e.prototype,"dir",null),i([r.ContentChild(d.PanelBarItemTemplateDirective),o("design:type",d.PanelBarItemTemplateDirective)],e.prototype,"template",void 0),i([r.ContentChildren(c.PanelBarItemComponent,{descendants:!0}),o("design:type",r.QueryList)],e.prototype,"contentItems",void 0),i([r.ContentChildren(c.PanelBarItemComponent),o("design:type",r.QueryList)],e.prototype,"contentChildItems",void 0),i([r.ViewChildren(c.PanelBarItemComponent),o("design:type",r.QueryList)],e.prototype,"viewChildItems",void 0),i([r.HostListener("click"),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],e.prototype,"onComponentClick",null),i([r.HostListener("focus"),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],e.prototype,"onComponentFocus",null),i([r.HostListener("blur"),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],e.prototype,"onComponentBlur",null),i([r.HostListener("keydown",["$event"]),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],e.prototype,"onComponentKeyDown",null),i([r.HostBinding("class.k-widget"),r.HostBinding("class.k-panelbar"),r.HostBinding("class.k-header"),o("design:type",Boolean)],e.prototype,"hostClasses",null),e=i([r.Component({exportAs:"kendoPanelbar",providers:[p.PanelBarService],selector:"kendo-panelbar",template:'\n        <ng-content *ngIf="contentChildItems && !items" select="kendo-panelbar-item"></ng-content>\n        <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                 [focused]="!!item.focused"\n                 [template]="templateRef"\n                 [items]="item.children"\n                 [content]="item.content"\n            >\n            </kendo-panelbar-item>\n        </template>\n    '}),a(2,r.Optional()),a(2,r.Inject("kendo-direction")),o("design:paramtypes",[r.ElementRef,p.PanelBarService,String,r.Renderer])],e)}();t.PanelBarComponent=u},function(t,n){t.exports=e},function(e,t){"use strict";!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]="'"}(t.Keys||(t.Keys={}));t.Keys},function(e,t){"use strict";!function(e){e[e.Single=0]="Single",e[e.Full=1]="Full",e[e.Multiple=2]="Multiple",e[e.Default=2]="Default"}(t.PanelBarExpandMode||(t.PanelBarExpandMode={}));t.PanelBarExpandMode},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var o,a=arguments.length,r=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(r=(a<3?o(r):a>3?o(t,n,r):o(t,n))||r);return a>3&&r&&Object.defineProperty(t,n,r),r},o=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},a=this&&this.__param||function(e,t){return function(n,i){t(n,i,e)}},r=n(2),s=n(6),l=n(8),c=n(9),p=0,d=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.focused=!1,this.selected=!1,this.hasChildItems=!1,this.hasContent=!1,this.state="",this.animate=!1,this.role="treeitem",this.titleAttribute=null,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:"",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||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(r.isDevMode()&&this.content&&void 0!==this.contentTemplate)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},i([r.Input(),o("design:type",String)],e.prototype,"title",void 0),i([r.Input(),o("design:type",String)],e.prototype,"id",void 0),i([r.Input(),o("design:type",String)],e.prototype,"icon",void 0),i([r.Input(),o("design:type",String)],e.prototype,"iconClass",void 0),i([r.Input(),o("design:type",String)],e.prototype,"imageUrl",void 0),i([r.Input(),o("design:type",Boolean)],e.prototype,"disabled",void 0),i([r.Input(),o("design:type",Boolean),o("design:paramtypes",[Boolean])],e.prototype,"expanded",null),i([r.Input(),o("design:type",Boolean)],e.prototype,"focused",void 0),i([r.Input(),o("design:type",Boolean)],e.prototype,"selected",void 0),i([r.Input(),o("design:type",Object)],e.prototype,"content",void 0),i([r.Input(),o("design:type",Array)],e.prototype,"items",void 0),i([r.Input(),o("design:type",r.TemplateRef)],e.prototype,"template",void 0),i([r.ViewChild("header",{}),o("design:type",r.ElementRef)],e.prototype,"header",void 0),i([r.HostBinding("attr.role"),o("design:type",String)],e.prototype,"role",void 0),i([r.HostBinding("attr.title"),o("design:type",String)],e.prototype,"titleAttribute",void 0),i([r.HostBinding("class"),o("design:type",String)],e.prototype,"className",null),i([r.HostBinding("id"),o("design:type",String)],e.prototype,"itemId",null),i([r.HostBinding("attr.aria-expanded"),o("design:type",Boolean)],e.prototype,"ariaExpanded",null),i([r.HostBinding("attr.aria-selected"),o("design:type",Boolean)],e.prototype,"ariaSelected",null),i([r.HostBinding("attr.aria-disabled"),o("design:type",Boolean)],e.prototype,"ariaDisabled",null),i([r.ViewChildren(e),o("design:type",r.QueryList)],e.prototype,"viewChildItems",void 0),i([r.ContentChildren(e),o("design:type",r.QueryList)],e.prototype,"contentItems",void 0),i([r.ContentChild(l.PanelBarContentDirective),o("design:type",l.PanelBarContentDirective)],e.prototype,"contentTemplate",void 0),i([r.ContentChildren(c.PanelBarItemTitleDirective,{descendants:!1}),o("design:type",r.QueryList)],e.prototype,"titleTemplates",void 0),e=i([r.Component({animations:[r.trigger("toggle",[r.transition("active => void",[r.animate(200,r.style({display:"block",height:"0px"}))]),r.transition("void => active",[r.style({display:"block",height:"0px"}),r.animate(200,r.style({display:"block",height:r.AUTO_STYLE}))])])],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        >\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            >\n            {{title}}\n            <template [ngTemplateOutlet]="titleTemplate"></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="!disabled && expanded && (hasChildItems || hasContent)"\n            [@toggle]="state"\n            [style.overflow]="\'hidden\'"\n            [attr.role]="\'group\'"\n            [attr.aria-hidden]="!disabled && !expanded"\n        >\n            <div\n                *ngIf="hasChildItems && !items?.length"\n                [style.overflow]="contentOverflow"\n                [style.height]="contentHeight"\n                class="k-panel k-group"\n            >\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            >\n                <template\n                    [ngTemplateOutlet]="contentTemplate.templateRef"\n                    [ngOutletContext]="{\n                        $implicit: {\n                            title: title,\n                            id: id,\n                            icon: icon,\n                            imageUrl: imageUrl,\n                            disabled: disabled,\n                            expanded: expanded,\n                            focused: focused,\n                            selected: selected,\n                            content: content\n                        }\n                    }"\n                >\n                </template>\n            </div>\n            <div\n                *ngIf="items?.length"\n                [style.overflow]="contentOverflow"\n                [style.height]="contentHeight"\n                class="k-panel k-group"\n            >\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                    [focused]="!!item.focused"\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            >\n                <template\n                    [ngTemplateOutlet]="template"\n                    [ngOutletContext]="{\n                        $implicit: {\n                            title: title,\n                            id: id,\n                            icon: icon,\n                            imageUrl: imageUrl,\n                            disabled: disabled,\n                            expanded: expanded,\n                            focused: focused,\n                            selected: selected,\n                            content: content\n                        }\n                    }"\n                >\n                </template>\n                <template [ngIf]="!template">{{content}}</template>\n            </div>\n        </div>'}),a(0,r.SkipSelf()),a(0,r.Host()),a(0,r.Optional()),o("design:paramtypes",[e,s.PanelBarService])],e)}();t.PanelBarItemComponent=d},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var o,a=arguments.length,r=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(r=(a<3?o(r):a>3?o(t,n,r):o(t,n))||r);return a>3&&r&&Object.defineProperty(t,n,r),r},o=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},a=n(2),r=n(7),s=function(){function e(){this.parentSource=new r.Subject,this.childSource=new r.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=i([a.Injectable(),o("design:paramtypes",[])],e)}();t.PanelBarService=s},function(e,n){e.exports=t},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var o,a=arguments.length,r=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(r=(a<3?o(r):a>3?o(t,n,r):o(t,n))||r);return a>3&&r&&Object.defineProperty(t,n,r),r},o=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},a=n(2),r=function(){function e(e){this.templateRef=e}return e=i([a.Directive({selector:"[kendoPanelBarContent]"}),o("design:paramtypes",[a.TemplateRef])],e)}();t.PanelBarContentDirective=r},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var o,a=arguments.length,r=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(r=(a<3?o(r):a>3?o(t,n,r):o(t,n))||r);return a>3&&r&&Object.defineProperty(t,n,r),r},o=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},a=this&&this.__param||function(e,t){return function(n,i){t(n,i,e)}},r=n(2),s=function(){function e(e){this.templateRef=e}return e=i([r.Directive({selector:"[kendoPanelBarItemTitle]"}),a(0,r.Optional()),o("design:paramtypes",[r.TemplateRef])],e)}();t.PanelBarItemTitleDirective=s},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var o,a=arguments.length,r=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(r=(a<3?o(r):a>3?o(t,n,r):o(t,n))||r);return a>3&&r&&Object.defineProperty(t,n,r),r},o=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},a=this&&this.__param||function(e,t){return function(n,i){t(n,i,e)}},r=n(2),s=function(){function e(e){this.templateRef=e}return e=i([r.Directive({selector:"[kendoPanelBarItemTemplate]"}),a(0,r.Optional()),o("design:paramtypes",[r.TemplateRef])],e)}();t.PanelBarItemTemplateDirective=s},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var o,a=arguments.length,r=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(r=(a<3?o(r):a>3?o(t,n,r):o(t,n))||r);return a>3&&r&&Object.defineProperty(t,n,r),r},o=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},a=this&&this.__param||function(e,t){return function(n,i){t(n,i,e)}},r=n(2),s=n(12),l=n(3),c=function(){function e(e){this.animate=!0,this.keepTabContent=!1,this.tabSelect=new r.EventEmitter,this._animate=!1,this.direction=e,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(l.Keys.left,l.Keys.right)]=function(t){return e.prevNavigatableIndex(t)},t[this.invertKeys(l.Keys.right,l.Keys.left)]=function(t){return e.nextNavigatableIndex(t)},t[this.invertKeys(l.Keys.down,l.Keys.up)]=function(t){return e.nextNavigatableIndex(t)},t[this.invertKeys(l.Keys.up,l.Keys.down)]=function(t){return e.prevNavigatableIndex(t)},t[l.Keys.home]=function(){return e.firstNavigatableIndex()},t[l.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.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){this._animate=!!this.animate;var t=this.tabs.toArray()[e];t&&!t.disabled&&(this.deactivateAll(),t.active=!0,this.emitEvent(t,e))},e.prototype.tabItemClass=function(e){return{"k-item":!0,"k-state-default":!0,"k-state-disabled":e.disabled,"k-state-active":e.active}},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){this.tabSelect.emit({index:t,title:e.title||e.tabTitle})},e.prototype.deactivateAll=function(){this.tabs.forEach(function(e){e.active=!1})},i([r.Input(),o("design:type",String)],e.prototype,"height",void 0),i([r.Input(),o("design:type",Boolean)],e.prototype,"animate",void 0),i([r.Input(),o("design:type",Boolean)],e.prototype,"keepTabContent",void 0),i([r.ViewChild("tablist"),o("design:type",r.ElementRef)],e.prototype,"tablist",void 0),i([r.Output(),o("design:type",r.EventEmitter)],e.prototype,"tabSelect",void 0),i([r.HostBinding("class.k-widget"),r.HostBinding("class.k-tabstrip"),r.HostBinding("class.k-floatwrap"),r.HostBinding("class.k-tabstrip-top"),r.HostBinding("class.k-header"),o("design:type",Boolean)],e.prototype,"hostClasses",null),i([r.HostBinding("attr.dir"),o("design:type",String)],e.prototype,"dir",null),i([r.ContentChildren(s.TabstripTabComponent),o("design:type",r.QueryList)],e.prototype,"tabs",void 0),e=i([r.Component({animations:[r.trigger("state",[r.state("active",r.style({opacity:1})),r.transition("* => active",[r.style({opacity:0}),r.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 }}<template [ngTemplateOutlet]="tab.tabTitle?.templateRef"></template></span></li>\n        </ul>\n        <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                <template [ngTemplateOutlet]="tab.tabContent.templateRef"></template>\n            </div>\n        </template>\n    '
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@angular/core"),require("rxjs/Subject"),require("@angular/common")):"function"==typeof define&&define.amd?define(["@angular/core","rxjs/Subject","@angular/common"],t):"object"==typeof exports?exports.KendoAngularLayout=t(require("@angular/core"),require("rxjs/Subject"),require("@angular/common")):e.KendoAngularLayout=t(e["@angular/core"],e["rxjs/Subject"],e["@angular/common"])}(this,function(e,t,n){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";var i=n(1);t.PanelBarComponent=i.PanelBarComponent;var o=n(5);t.PanelBarItemComponent=o.PanelBarItemComponent;var a=n(8);t.PanelBarContentDirective=a.PanelBarContentDirective;var r=n(10);t.PanelBarItemTemplateDirective=r.PanelBarItemTemplateDirective;var s=n(9);t.PanelBarItemTitleDirective=s.PanelBarItemTitleDirective;var l=n(4);t.PanelBarExpandMode=l.PanelBarExpandMode;var c=n(11);t.TabstripComponent=c.TabstripComponent;var p=n(12);t.TabstripTabComponent=p.TabstripTabComponent;var d=n(13);t.TabContentDirective=d.TabContentDirective;var u=n(14);t.TabTitleDirective=u.TabTitleDirective;var f=n(15);t.LayoutModule=f.LayoutModule},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var o,a=arguments.length,r=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(r=(a<3?o(r):a>3?o(t,n,r):o(t,n))||r);return a>3&&r&&Object.defineProperty(t,n,r),r},o=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},a=this&&this.__param||function(e,t){return function(n,i){t(n,i,e)}},r=n(2),s=n(3),l=n(4),c=n(5),p=n(6),d=n(10),u=function(){function e(e,t,n,i){var o=this;this.expandMode=l.PanelBarExpandMode.Default,this.selectable=!0,this.animate=!0,this.height="400px",this.stateChange=new r.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===l.PanelBarExpandMode.Full?"auto":"visible";o.childrenItems.forEach(function(t){e+=t.headerHeight()}),o.childrenItems.forEach(function(i){i.contentHeight=l.PanelBarExpandMode.Full===o.expandMode?t-e+"px":"auto",i.contentOverflow=n})},this.updateAnimate=function(){o.allItems.forEach(function(e){"activeWithoutAnimation"===e.state&&(e.state="active")})},this.direction=n,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,"hostHeight",{get:function(){return this.expandMode===l.PanelBarExpandMode.Full?this.height:"auto"},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"overflow",{get:function(){return this.expandMode===l.PanelBarExpandMode.Full?"hidden":"visible"},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"dir",{get:function(){return this.direction},enumerable:!0,configurable:!0}),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.invertKeys=function(e,t){return"rtl"===this.direction?t:e},Object.defineProperty(e.prototype,"computedKeys",{get:function(){var e=this;return t={},t[s.Keys.space]=function(){return e.selectFocusedItem()},t[s.Keys.enter]=function(){return e.selectFocusedItem()},t[s.Keys.up]=function(){return e.focusPreviousItem()},t[this.invertKeys(s.Keys.left,s.Keys.right)]=function(){return e.collapseItem()},t[s.Keys.down]=function(){return e.focusNextItem()},t[this.invertKeys(s.Keys.right,s.Keys.left)]=function(){return e.expandItem()},t[s.Keys.end]=function(){return e.focusLastItem()},t[s.Keys.home]=function(){return e.focusFirstItem()},t;var t},enumerable:!0,configurable:!0}),e.prototype.ngAfterViewChecked=function(){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(this.updateChildrenHeight)),this.validateConfiguration()},e.prototype.ngOnChanges=function(e){(e.height||e.expandMode||e.items)&&this.childrenItems&&setTimeout(this.updateChildrenHeight)},Object.defineProperty(e.prototype,"templateRef",{get:function(){return this.template?this.template.templateRef:void 0},enumerable:!0,configurable:!0}),e.prototype.onComponentClick=function(){this.focused||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.currentTarget===this.elementRef.nativeElement){e.keyCode!==s.Keys.enter&&e.preventDefault();var t=this.keyBindings[e.keyCode];t&&t()}},e.prototype.validateConfiguration=function(){if(r.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,a=o;o=t.selectable?o:i.selected,i.selected===o&&i.focused===a||(i.selected=o,i.focused=a,t.activeDescendant=a?i.itemId:"",n.push(i))}),this.expandMode===l.PanelBarExpandMode.Multiple)e.hasChildItems&&(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 a=this.allItems.find(function(e){return e.focused});a.focused=!1,o=this.getVisibleParent(a),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},i([r.Input(),o("design:type",Number)],e.prototype,"expandMode",void 0),i([r.Input(),o("design:type",Boolean)],e.prototype,"selectable",void 0),i([r.Input(),o("design:type",Boolean)],e.prototype,"animate",void 0),i([r.Input(),o("design:type",Object)],e.prototype,"height",void 0),i([r.Input(),o("design:type",Array)],e.prototype,"items",void 0),i([r.Output(),o("design:type",r.EventEmitter)],e.prototype,"stateChange",void 0),i([r.HostBinding("tabIndex"),o("design:type",Number)],e.prototype,"tabIndex",void 0),i([r.HostBinding("attr.role"),o("design:type",String)],e.prototype,"role",void 0),i([r.HostBinding("attr.aria-activedescendant"),o("design:type",String)],e.prototype,"activeDescendant",void 0),i([r.HostBinding("style.height"),o("design:type",String)],e.prototype,"hostHeight",null),i([r.HostBinding("style.overflow"),o("design:type",String)],e.prototype,"overflow",null),i([r.HostBinding("attr.dir"),o("design:type",String)],e.prototype,"dir",null),i([r.ContentChild(d.PanelBarItemTemplateDirective),o("design:type",d.PanelBarItemTemplateDirective)],e.prototype,"template",void 0),i([r.ContentChildren(c.PanelBarItemComponent,{descendants:!0}),o("design:type",r.QueryList)],e.prototype,"contentItems",void 0),i([r.ContentChildren(c.PanelBarItemComponent),o("design:type",r.QueryList)],e.prototype,"contentChildItems",void 0),i([r.ViewChildren(c.PanelBarItemComponent),o("design:type",r.QueryList)],e.prototype,"viewChildItems",void 0),i([r.HostListener("click"),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],e.prototype,"onComponentClick",null),i([r.HostListener("focus"),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],e.prototype,"onComponentFocus",null),i([r.HostListener("blur"),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],e.prototype,"onComponentBlur",null),i([r.HostListener("keydown",["$event"]),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],e.prototype,"onComponentKeyDown",null),i([r.HostBinding("class.k-widget"),r.HostBinding("class.k-panelbar"),r.HostBinding("class.k-header"),o("design:type",Boolean)],e.prototype,"hostClasses",null),e=i([r.Component({exportAs:"kendoPanelbar",providers:[p.PanelBarService],selector:"kendo-panelbar",template:'\n        <ng-content *ngIf="contentChildItems && !items" select="kendo-panelbar-item"></ng-content>\n        <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                 [focused]="!!item.focused"\n                 [template]="templateRef"\n                 [items]="item.children"\n                 [content]="item.content"\n            >\n            </kendo-panelbar-item>\n        </template>\n    '}),a(2,r.Optional()),a(2,r.Inject("kendo-direction")),o("design:paramtypes",[r.ElementRef,p.PanelBarService,String,r.Renderer])],e)}();t.PanelBarComponent=u},function(t,n){t.exports=e},function(e,t){"use strict";!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]="'"}(t.Keys||(t.Keys={}));t.Keys},function(e,t){"use strict";!function(e){e[e.Single=0]="Single",e[e.Full=1]="Full",e[e.Multiple=2]="Multiple",e[e.Default=2]="Default"}(t.PanelBarExpandMode||(t.PanelBarExpandMode={}));t.PanelBarExpandMode},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var o,a=arguments.length,r=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(r=(a<3?o(r):a>3?o(t,n,r):o(t,n))||r);return a>3&&r&&Object.defineProperty(t,n,r),r},o=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},a=this&&this.__param||function(e,t){return function(n,i){t(n,i,e)}},r=n(2),s=n(6),l=n(8),c=n(9),p=0,d=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.focused=!1,this.selected=!1,this.hasChildItems=!1,this.hasContent=!1,this.state="",this.animate=!1,this.role="treeitem",this.titleAttribute=null,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:"",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||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(r.isDevMode()&&this.content&&void 0!==this.contentTemplate)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},i([r.Input(),o("design:type",String)],e.prototype,"title",void 0),i([r.Input(),o("design:type",String)],e.prototype,"id",void 0),i([r.Input(),o("design:type",String)],e.prototype,"icon",void 0),i([r.Input(),o("design:type",String)],e.prototype,"iconClass",void 0),i([r.Input(),o("design:type",String)],e.prototype,"imageUrl",void 0),i([r.Input(),o("design:type",Boolean)],e.prototype,"disabled",void 0),i([r.Input(),o("design:type",Boolean),o("design:paramtypes",[Boolean])],e.prototype,"expanded",null),i([r.Input(),o("design:type",Boolean)],e.prototype,"focused",void 0),i([r.Input(),o("design:type",Boolean)],e.prototype,"selected",void 0),i([r.Input(),o("design:type",Object)],e.prototype,"content",void 0),i([r.Input(),o("design:type",Array)],e.prototype,"items",void 0),i([r.Input(),o("design:type",r.TemplateRef)],e.prototype,"template",void 0),i([r.ViewChild("header",{}),o("design:type",r.ElementRef)],e.prototype,"header",void 0),i([r.HostBinding("attr.role"),o("design:type",String)],e.prototype,"role",void 0),i([r.HostBinding("attr.title"),o("design:type",String)],e.prototype,"titleAttribute",void 0),i([r.HostBinding("class"),o("design:type",String)],e.prototype,"className",null),i([r.HostBinding("id"),o("design:type",String)],e.prototype,"itemId",null),i([r.HostBinding("attr.aria-expanded"),o("design:type",Boolean)],e.prototype,"ariaExpanded",null),i([r.HostBinding("attr.aria-selected"),o("design:type",Boolean)],e.prototype,"ariaSelected",null),i([r.HostBinding("attr.aria-disabled"),o("design:type",Boolean)],e.prototype,"ariaDisabled",null),i([r.ViewChildren(e),o("design:type",r.QueryList)],e.prototype,"viewChildItems",void 0),i([r.ContentChildren(e),o("design:type",r.QueryList)],e.prototype,"contentItems",void 0),i([r.ContentChild(l.PanelBarContentDirective),o("design:type",l.PanelBarContentDirective)],e.prototype,"contentTemplate",void 0),i([r.ContentChildren(c.PanelBarItemTitleDirective,{descendants:!1}),o("design:type",r.QueryList)],e.prototype,"titleTemplates",void 0),e=i([r.Component({animations:[r.trigger("toggle",[r.transition("active => void",[r.animate(200,r.style({display:"block",height:"0px"}))]),r.transition("void => active",[r.style({display:"block",height:"0px"}),r.animate(200,r.style({display:"block",height:r.AUTO_STYLE}))])])],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        >\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            >\n            {{title}}\n            <template [ngTemplateOutlet]="titleTemplate"></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="!disabled && expanded && (hasChildItems || hasContent)"\n            [@toggle]="state"\n            [style.overflow]="\'hidden\'"\n            [attr.role]="\'group\'"\n            [attr.aria-hidden]="!disabled && !expanded"\n        >\n            <div\n                *ngIf="hasChildItems && !items?.length"\n                [style.overflow]="contentOverflow"\n                [style.height]="contentHeight"\n                class="k-panel k-group"\n            >\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            >\n                <template\n                    [ngTemplateOutlet]="contentTemplate.templateRef"\n                    [ngOutletContext]="{\n                        $implicit: {\n                            title: title,\n                            id: id,\n                            icon: icon,\n                            imageUrl: imageUrl,\n                            disabled: disabled,\n                            expanded: expanded,\n                            focused: focused,\n                            selected: selected,\n                            content: content\n                        }\n                    }"\n                >\n                </template>\n            </div>\n            <div\n                *ngIf="items?.length"\n                [style.overflow]="contentOverflow"\n                [style.height]="contentHeight"\n                class="k-panel k-group"\n            >\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                    [focused]="!!item.focused"\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            >\n                <template\n                    [ngTemplateOutlet]="template"\n                    [ngOutletContext]="{\n                        $implicit: {\n                            title: title,\n                            id: id,\n                            icon: icon,\n                            imageUrl: imageUrl,\n                            disabled: disabled,\n                            expanded: expanded,\n                            focused: focused,\n                            selected: selected,\n                            content: content\n                        }\n                    }"\n                >\n                </template>\n                <template [ngIf]="!template">{{content}}</template>\n            </div>\n        </div>'}),a(0,r.SkipSelf()),a(0,r.Host()),a(0,r.Optional()),o("design:paramtypes",[e,s.PanelBarService])],e)}();t.PanelBarItemComponent=d},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var o,a=arguments.length,r=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(r=(a<3?o(r):a>3?o(t,n,r):o(t,n))||r);return a>3&&r&&Object.defineProperty(t,n,r),r},o=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},a=n(2),r=n(7),s=function(){function e(){this.parentSource=new r.Subject,this.childSource=new r.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=i([a.Injectable(),o("design:paramtypes",[])],e)}();t.PanelBarService=s},function(e,n){e.exports=t},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var o,a=arguments.length,r=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(r=(a<3?o(r):a>3?o(t,n,r):o(t,n))||r);return a>3&&r&&Object.defineProperty(t,n,r),r},o=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},a=n(2),r=function(){function e(e){this.templateRef=e}return e=i([a.Directive({selector:"[kendoPanelBarContent]"}),o("design:paramtypes",[a.TemplateRef])],e)}();t.PanelBarContentDirective=r},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var o,a=arguments.length,r=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(r=(a<3?o(r):a>3?o(t,n,r):o(t,n))||r);return a>3&&r&&Object.defineProperty(t,n,r),r},o=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},a=this&&this.__param||function(e,t){return function(n,i){t(n,i,e)}},r=n(2),s=function(){function e(e){this.templateRef=e}return e=i([r.Directive({selector:"[kendoPanelBarItemTitle]"}),a(0,r.Optional()),o("design:paramtypes",[r.TemplateRef])],e)}();t.PanelBarItemTitleDirective=s},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var o,a=arguments.length,r=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(r=(a<3?o(r):a>3?o(t,n,r):o(t,n))||r);return a>3&&r&&Object.defineProperty(t,n,r),r},o=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},a=this&&this.__param||function(e,t){return function(n,i){t(n,i,e)}},r=n(2),s=function(){function e(e){this.templateRef=e}return e=i([r.Directive({selector:"[kendoPanelBarItemTemplate]"}),a(0,r.Optional()),o("design:paramtypes",[r.TemplateRef])],e)}();t.PanelBarItemTemplateDirective=s},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var o,a=arguments.length,r=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(r=(a<3?o(r):a>3?o(t,n,r):o(t,n))||r);return a>3&&r&&Object.defineProperty(t,n,r),r},o=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},a=this&&this.__param||function(e,t){return function(n,i){t(n,i,e)}},r=n(2),s=n(12),l=n(3),c=function(){function e(e){this.animate=!0,this.keepTabContent=!1,this.tabSelect=new r.EventEmitter,this._animate=!1,this.direction=e,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(l.Keys.left,l.Keys.right)]=function(t){return e.prevNavigatableIndex(t)},t[this.invertKeys(l.Keys.right,l.Keys.left)]=function(t){return e.nextNavigatableIndex(t)},t[this.invertKeys(l.Keys.down,l.Keys.up)]=function(t){return e.nextNavigatableIndex(t)},t[this.invertKeys(l.Keys.up,l.Keys.down)]=function(t){return e.prevNavigatableIndex(t)},t[l.Keys.home]=function(){return e.firstNavigatableIndex()},t[l.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.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){this._animate=!!this.animate;var t=this.tabs.toArray()[e];t&&!t.disabled&&(this.deactivateAll(),t.active=!0,this.emitEvent(t,e))},e.prototype.tabItemClass=function(e){return{"k-item":!0,"k-state-default":!0,"k-state-disabled":e.disabled,"k-state-active":e.active}},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){this.tabSelect.emit({index:t,title:e.title||e.tabTitle})},e.prototype.deactivateAll=function(){this.tabs.forEach(function(e){e.active=!1})},i([r.Input(),o("design:type",String)],e.prototype,"height",void 0),i([r.Input(),o("design:type",Boolean)],e.prototype,"animate",void 0),i([r.Input(),o("design:type",Boolean)],e.prototype,"keepTabContent",void 0),i([r.ViewChild("tablist"),o("design:type",r.ElementRef)],e.prototype,"tablist",void 0),i([r.Output(),o("design:type",r.EventEmitter)],e.prototype,"tabSelect",void 0),i([r.HostBinding("class.k-widget"),r.HostBinding("class.k-tabstrip"),r.HostBinding("class.k-floatwrap"),r.HostBinding("class.k-tabstrip-top"),r.HostBinding("class.k-header"),o("design:type",Boolean)],e.prototype,"hostClasses",null),i([r.HostBinding("attr.dir"),o("design:type",String)],e.prototype,"dir",null),i([r.ContentChildren(s.TabstripTabComponent),o("design:type",r.QueryList)],e.prototype,"tabs",void 0),e=i([r.Component({animations:[r.trigger("state",[r.state("active",r.style({opacity:1})),r.transition("* => active",[r.style({opacity:0}),r.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 }}<template [ngTemplateOutlet]="tab.tabTitle?.templateRef"></template></span></li>\n        </ul>\n        <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                <template [ngTemplateOutlet]="tab.tabContent.templateRef"></template>\n            </div>\n        </template>\n    '
 }),a(0,r.Optional()),a(0,r.Inject("kendo-direction")),o("design:paramtypes",[String])],e)}();t.TabstripComponent=c},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var o,a=arguments.length,r=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(r=(a<3?o(r):a>3?o(t,n,r):o(t,n))||r);return a>3&&r&&Object.defineProperty(t,n,r),r},o=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},a=n(2),r=n(13),s=n(14),l=function(){function e(){this.active=!1}return e.prototype.ngAfterContentInit=function(){this.active=this.selected},i([a.Input(),o("design:type",String)],e.prototype,"title",void 0),i([a.Input(),o("design:type",Boolean)],e.prototype,"disabled",void 0),i([a.Input(),o("design:type",Number)],e.prototype,"height",void 0),i([a.Input(),o("design:type",Boolean)],e.prototype,"selected",void 0),i([a.ContentChild(r.TabContentDirective),o("design:type",r.TabContentDirective)],e.prototype,"tabContent",void 0),i([a.ContentChild(s.TabTitleDirective),o("design:type",s.TabTitleDirective)],e.prototype,"tabTitle",void 0),e=i([a.Component({exportAs:"kendoTabstripTab",selector:"kendo-tabstrip-tab",template:""}),o("design:paramtypes",[])],e)}();t.TabstripTabComponent=l},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var o,a=arguments.length,r=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(r=(a<3?o(r):a>3?o(t,n,r):o(t,n))||r);return a>3&&r&&Object.defineProperty(t,n,r),r},o=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},a=n(2),r=function(){function e(e){this.templateRef=e}return e=i([a.Directive({selector:"[kendoTabContent]"}),o("design:paramtypes",[a.TemplateRef])],e)}();t.TabContentDirective=r},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var o,a=arguments.length,r=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(r=(a<3?o(r):a>3?o(t,n,r):o(t,n))||r);return a>3&&r&&Object.defineProperty(t,n,r),r},o=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},a=n(2),r=function(){function e(e){this.templateRef=e}return e=i([a.Directive({selector:"[kendoTabTitle]"}),o("design:paramtypes",[a.TemplateRef])],e)}();t.TabTitleDirective=r},function(e,t,n){"use strict";var i=this&&this.__decorate||function(e,t,n,i){var o,a=arguments.length,r=a<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,n):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,t,n,i);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(r=(a<3?o(r):a>3?o(t,n,r):o(t,n))||r);return a>3&&r&&Object.defineProperty(t,n,r),r},o=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},a=n(2),r=n(16),s=n(1),l=n(5),c=n(8),p=n(10),d=n(9),u=n(11),f=n(12),h=n(13),m=n(14),y=[s.PanelBarComponent,l.PanelBarItemComponent,c.PanelBarContentDirective,p.PanelBarItemTemplateDirective,d.PanelBarItemTitleDirective,u.TabstripComponent,f.TabstripTabComponent,h.TabContentDirective,m.TabTitleDirective],g=y.slice(),b=function(){function e(){}return e=i([a.NgModule({declarations:[g],exports:[y],imports:[r.CommonModule]}),o("design:paramtypes",[])],e)}();t.LayoutModule=b},function(e,t){e.exports=n}])});

dist/es/panelbar/panelbar.component.js

@@ -235,4 +235,6 @@ import { Component, Input, Output, Inject, Optional, ContentChild, ContentChildren, ViewChildren, HostBinding, HostListener, EventEmitter, Renderer, isDevMode, ElementRef } from '@angular/core';
         if (this.expandMode === PanelBarExpandMode.Multiple) {
-            item.animate = this.animate;
-            item.expanded = !item.expanded;
+            if (item.hasChildItems) {
+                item.animate = this.animate;
+                item.expanded = !item.expanded;
+            }
             if (modifiedItems.indexOf(item) < 0) {
@@ -239,0 +241,0 @@ modifiedItems.push(item);

dist/npm/panelbar/panelbar.component.js

@@ -236,4 +236,6 @@ "use strict";
         if (this.expandMode === panelbar_expand_mode_1.PanelBarExpandMode.Multiple) {
-            item.animate = this.animate;
-            item.expanded = !item.expanded;
+            if (item.hasChildItems) {
+                item.animate = this.animate;
+                item.expanded = !item.expanded;
+            }
             if (modifiedItems.indexOf(item) < 0) {
@@ -240,0 +242,0 @@ modifiedItems.push(item);

package.json

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

No alert changes

Improved metrics

Total package byte prevSize

339461

increased by0.04%

Lines of code

4169

increased by0.1%

No dependency changes