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

Comparing version 0.21.1 to 0.21.2

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(16);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}),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.space&&e.keyCode!==s.Keys.up&&e.keyCode!==s.Keys.down&&e.keyCode!==s.Keys.left&&e.keyCode!==s.Keys.right&&e.keyCode!==s.Keys.home&&e.keyCode!==s.Keys.end&&e.keyCode!==s.Keys["page up"]&&e.keyCode!==s.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(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},e}();i([r.Input(),o("design:type",Number)],u.prototype,"expandMode",void 0),i([r.Input(),o("design:type",Boolean)],u.prototype,"selectable",void 0),i([r.Input(),o("design:type",Boolean)],u.prototype,"animate",void 0),i([r.Input(),o("design:type",Object)],u.prototype,"height",void 0),i([r.Input(),o("design:type",Array)],u.prototype,"items",void 0),i([r.Output(),o("design:type",r.EventEmitter)],u.prototype,"stateChange",void 0),i([r.HostBinding("tabIndex"),o("design:type",Number)],u.prototype,"tabIndex",void 0),i([r.HostBinding("attr.role"),o("design:type",String)],u.prototype,"role",void 0),i([r.HostBinding("attr.aria-activedescendant"),o("design:type",String)],u.prototype,"activeDescendant",void 0),i([r.HostBinding("style.height"),o("design:type",String),o("design:paramtypes",[])],u.prototype,"hostHeight",null),i([r.HostBinding("style.overflow"),o("design:type",String),o("design:paramtypes",[])],u.prototype,"overflow",null),i([r.HostBinding("attr.dir"),o("design:type",String),o("design:paramtypes",[])],u.prototype,"dir",null),i([r.ContentChild(d.PanelBarItemTemplateDirective),o("design:type",d.PanelBarItemTemplateDirective)],u.prototype,"template",void 0),i([r.ContentChildren(c.PanelBarItemComponent,{descendants:!0}),o("design:type",r.QueryList)],u.prototype,"contentItems",void 0),i([r.ContentChildren(c.PanelBarItemComponent),o("design:type",r.QueryList)],u.prototype,"contentChildItems",void 0),i([r.ViewChildren(c.PanelBarItemComponent),o("design:type",r.QueryList)],u.prototype,"viewChildItems",void 0),i([r.HostListener("click"),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],u.prototype,"onComponentClick",null),i([r.HostListener("focus"),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],u.prototype,"onComponentFocus",null),i([r.HostListener("blur"),o("design:type",Function),o("design:paramtypes",[]),o("design:returntype",void 0)],u.prototype,"onComponentBlur",null),i([r.HostListener("keydown",["$event"]),o("design:type",Function),o("design:paramtypes",[Object]),o("design:returntype",void 0)],u.prototype,"onComponentKeyDown",null),i([r.HostBinding("class.k-widget"),r.HostBinding("class.k-panelbar"),r.HostBinding("class.k-header"),o("design:type",Boolean),o("design:paramtypes",[])],u.prototype,"hostClasses",null),u=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])],u),t.PanelBarComponent=u},function(t,n){t.exports=e},function(e,t){"use strict";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";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,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=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.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},e}();i([r.Input(),o("design:type",String)],d.prototype,"title",void 0),i([r.Input(),o("design:type",String)],d.prototype,"id",void 0),i([r.Input(),o("design:type",String)],d.prototype,"icon",void 0),i([r.Input(),o("design:type",String)],d.prototype,"iconClass",void 0),i([r.Input(),o("design:type",String)],d.prototype,"imageUrl",void 0),i([r.Input(),o("design:type",Boolean)],d.prototype,"disabled",void 0),i([r.Input(),o("design:type",Boolean),o("design:paramtypes",[Boolean])],d.prototype,"expanded",null),i([r.Input(),o("design:type",Boolean)],d.prototype,"focused",void 0),i([r.Input(),o("design:type",Boolean)],d.prototype,"selected",void 0),i([r.Input(),o("design:type",Object)],d.prototype,"content",void 0),i([r.Input(),o("design:type",Array)],d.prototype,"items",void 0),i([r.Input(),o("design:type",r.TemplateRef)],d.prototype,"template",void 0),i([r.ViewChild("header",{}),o("design:type",r.ElementRef)],d.prototype,"header",void 0),i([r.HostBinding("attr.role"),o("design:type",String)],d.prototype,"role",void 0),i([r.HostBinding("attr.title"),o("design:type",String)],d.prototype,"titleAttribute",void 0),i([r.HostBinding("class"),o("design:type",String),o("design:paramtypes",[])],d.prototype,"className",null),i([r.HostBinding("id"),o("design:type",String),o("design:paramtypes",[])],d.prototype,"itemId",null),i([r.HostBinding("attr.aria-expanded"),o("design:type",Boolean),o("design:paramtypes",[])],d.prototype,"ariaExpanded",null),i([r.HostBinding("attr.aria-selected"),o("design:type",Boolean),o("design:paramtypes",[])],d.prototype,"ariaSelected",null),i([r.HostBinding("attr.aria-disabled"),o("design:type",Boolean),o("design:paramtypes",[])],d.prototype,"ariaDisabled",null),i([r.ViewChildren(u),o("design:type",r.QueryList)],d.prototype,"viewChildItems",void 0),i([r.ContentChildren(u),o("design:type",r.QueryList)],d.prototype,"contentItems",void 0),i([r.ContentChild(l.PanelBarContentDirective),o("design:type",l.PanelBarContentDirective)],d.prototype,"contentTemplate",void 0),i([r.ContentChildren(c.PanelBarItemTitleDirective,{descendants:!1}),o("design:type",r.QueryList)],d.prototype,"titleTemplates",void 0),d=u=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",[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,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}();s=i([a.Injectable(),o("design:paramtypes",[])],s),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}();r=i([a.Directive({selector:"[kendoPanelBarContent]"}),o("design:paramtypes",[a.TemplateRef])],r),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}();s=i([r.Directive({selector:"[kendoPanelBarItemTitle]"}),a(0,r.Optional()),o("design:paramtypes",[r.TemplateRef])],s),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}();s=i([r.Directive({selector:"[kendoPanelBarItemTemplate]"}),a(0,r.Optional()),o("design:paramtypes",[r.TemplateRef])],s),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=n(15),p=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.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(),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 c.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([r.Input(),o("design:type",String)],p.prototype,"height",void 0),i([r.Input(),o("design:type",Boolean)],p.prototype,"animate",void 0),i([r.Input(),o("design:type",Boolean)],p.prototype,"keepTabContent",void 0),i([r.ViewChild("tablist"),o("design:type",r.ElementRef)],p.prototype,"tablist",void 0),i([r.Output(),o("design:type",r.EventEmitter)],p.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),o("design:paramtypes",[])],p.prototype,"hostClasses",null),
-i([r.HostBinding("attr.dir"),o("design:type",String),o("design:paramtypes",[])],p.prototype,"dir",null),i([r.ContentChildren(s.TabstripTabComponent),o("design:type",r.QueryList)],p.prototype,"tabs",void 0),p=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])],p),t.TabstripComponent=p},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},e}();i([a.Input(),o("design:type",String)],l.prototype,"title",void 0),i([a.Input(),o("design:type",Boolean)],l.prototype,"disabled",void 0),i([a.Input(),o("design:type",Number)],l.prototype,"height",void 0),i([a.Input(),o("design:type",Boolean)],l.prototype,"selected",void 0),i([a.ContentChild(r.TabContentDirective),o("design:type",r.TabContentDirective)],l.prototype,"tabContent",void 0),i([a.ContentChild(s.TabTitleDirective),o("design:type",s.TabTitleDirective)],l.prototype,"tabTitle",void 0),l=i([a.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,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}();r=i([a.Directive({selector:"[kendoTabContent]"}),o("design:paramtypes",[a.TemplateRef])],r),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}();r=i([a.Directive({selector:"[kendoTabTitle]"}),o("design:paramtypes",[a.TemplateRef])],r),t.TabTitleDirective=r},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)}}(),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,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=n(2),a=n(17),r=n(1),s=n(5),l=n(8),c=n(10),p=n(9),d=n(11),u=n(12),f=n(13),h=n(14),m=[r.PanelBarComponent,s.PanelBarItemComponent,l.PanelBarContentDirective,c.PanelBarItemTemplateDirective,p.PanelBarItemTitleDirective,d.TabstripComponent,u.TabstripTabComponent,f.TabContentDirective,h.TabTitleDirective],y=m.slice(),g=function(){function e(){}return e}();g=i([o.NgModule({declarations:[y],exports:[m],imports:[a.CommonModule]})],g),t.LayoutModule=g},function(e,t){e.exports=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(16);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}),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.space&&e.keyCode!==s.Keys.up&&e.keyCode!==s.Keys.down&&e.keyCode!==s.Keys.left&&e.keyCode!==s.Keys.right&&e.keyCode!==s.Keys.home&&e.keyCode!==s.Keys.end&&e.keyCode!==s.Keys["page up"]&&e.keyCode!==s.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(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=n(15),p=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.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(),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 c.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})},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=p},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){"use strict";var n=this&&this.__extends||function(e,t){function n(){this.constructor=e}for(var i in t)t.hasOwnProperty(i)&&(e[i]=t[i]);e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)},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){e.call(this),this.index=t,this.title=n}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,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(17),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(),v=function(){function e(){}return e=i([a.NgModule({declarations:[g],exports:[y],imports:[r.CommonModule]}),o("design:paramtypes",[])],e)}();t.LayoutModule=v},function(e,t){e.exports=n}])});

dist/es/common/keys.js

@@ -6,45 +6,45 @@ /**
 (function (Keys) {
-    Keys[Keys["backspace"] = 8] = "backspace";
-    Keys[Keys["tab"] = 9] = "tab";
-    Keys[Keys["enter"] = 13] = "enter";
-    Keys[Keys["shift"] = 16] = "shift";
-    Keys[Keys["ctrl"] = 17] = "ctrl";
-    Keys[Keys["alt"] = 18] = "alt";
-    Keys[Keys["pause/break"] = 19] = "pause/break";
-    Keys[Keys["caps lock"] = 20] = "caps lock";
-    Keys[Keys["esc"] = 27] = "esc";
-    Keys[Keys["space"] = 32] = "space";
-    Keys[Keys["page up"] = 33] = "page up";
-    Keys[Keys["page down"] = 34] = "page down";
-    Keys[Keys["end"] = 35] = "end";
-    Keys[Keys["home"] = 36] = "home";
-    Keys[Keys["left"] = 37] = "left";
-    Keys[Keys["up"] = 38] = "up";
-    Keys[Keys["right"] = 39] = "right";
-    Keys[Keys["down"] = 40] = "down";
-    Keys[Keys["insert"] = 45] = "insert";
-    Keys[Keys["delete"] = 46] = "delete";
-    Keys[Keys["command"] = 91] = "command";
-    Keys[Keys["left command"] = 91] = "left command";
-    Keys[Keys["right command"] = 93] = "right command";
-    Keys[Keys["numpad *"] = 106] = "numpad *";
-    Keys[Keys["numpad +"] = 107] = "numpad +";
-    Keys[Keys["numpad -"] = 109] = "numpad -";
-    Keys[Keys["numpad ."] = 110] = "numpad .";
-    Keys[Keys["numpad /"] = 111] = "numpad /";
-    Keys[Keys["num lock"] = 144] = "num lock";
-    Keys[Keys["scroll lock"] = 145] = "scroll lock";
-    Keys[Keys["my computer"] = 182] = "my computer";
-    Keys[Keys["my calculator"] = 183] = "my calculator";
-    Keys[Keys[";"] = 186] = ";";
-    Keys[Keys["="] = 187] = "=";
-    Keys[Keys[","] = 188] = ",";
-    Keys[Keys["-"] = 189] = "-";
-    Keys[Keys["."] = 190] = ".";
-    Keys[Keys["/"] = 191] = "/";
-    Keys[Keys["`"] = 192] = "`";
-    Keys[Keys["["] = 219] = "[";
-    Keys[Keys["\\"] = 220] = "\\";
-    Keys[Keys["]"] = 221] = "]";
+    Keys[Keys['backspace'] = 8] = 'backspace';
+    Keys[Keys['tab'] = 9] = 'tab';
+    Keys[Keys['enter'] = 13] = 'enter';
+    Keys[Keys['shift'] = 16] = 'shift';
+    Keys[Keys['ctrl'] = 17] = 'ctrl';
+    Keys[Keys['alt'] = 18] = 'alt';
+    Keys[Keys['pause/break'] = 19] = 'pause/break';
+    Keys[Keys['caps lock'] = 20] = 'caps lock';
+    Keys[Keys['esc'] = 27] = 'esc';
+    Keys[Keys['space'] = 32] = 'space';
+    Keys[Keys['page up'] = 33] = 'page up';
+    Keys[Keys['page down'] = 34] = 'page down';
+    Keys[Keys['end'] = 35] = 'end';
+    Keys[Keys['home'] = 36] = 'home';
+    Keys[Keys['left'] = 37] = 'left';
+    Keys[Keys['up'] = 38] = 'up';
+    Keys[Keys['right'] = 39] = 'right';
+    Keys[Keys['down'] = 40] = 'down';
+    Keys[Keys['insert'] = 45] = 'insert';
+    Keys[Keys['delete'] = 46] = 'delete';
+    Keys[Keys['command'] = 91] = 'command';
+    Keys[Keys['left command'] = 91] = 'left command';
+    Keys[Keys['right command'] = 93] = 'right command';
+    Keys[Keys['numpad *'] = 106] = 'numpad *';
+    Keys[Keys['numpad +'] = 107] = 'numpad +';
+    Keys[Keys['numpad -'] = 109] = 'numpad -';
+    Keys[Keys['numpad .'] = 110] = 'numpad .';
+    Keys[Keys['numpad /'] = 111] = 'numpad /';
+    Keys[Keys['num lock'] = 144] = 'num lock';
+    Keys[Keys['scroll lock'] = 145] = 'scroll lock';
+    Keys[Keys['my computer'] = 182] = 'my computer';
+    Keys[Keys['my calculator'] = 183] = 'my calculator';
+    Keys[Keys[';'] = 186] = ';';
+    Keys[Keys['='] = 187] = '=';
+    Keys[Keys[','] = 188] = ',';
+    Keys[Keys['-'] = 189] = '-';
+    Keys[Keys['.'] = 190] = '.';
+    Keys[Keys['/'] = 191] = '/';
+    Keys[Keys['`'] = 192] = '`';
+    Keys[Keys['['] = 219] = '[';
+    Keys[Keys['\\'] = 220] = '\\';
+    Keys[Keys[']'] = 221] = ']';
     Keys[Keys["'"] = 222] = "'";
 })(Keys || (Keys = {}));

dist/es/layout.module.js

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

dist/es/panelbar/panelbar-content.directive.js

@@ -1,10 +0,1 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
 import { Directive, TemplateRef } from '@angular/core';
@@ -15,14 +6,16 @@ /**
  */
-var PanelBarContentDirective = (function () {
+export var PanelBarContentDirective = (function () {
     function PanelBarContentDirective(templateRef) {
         this.templateRef = templateRef;
     }
+    PanelBarContentDirective.decorators = [
+        { type: Directive, args: [{
+                    selector: "[kendoPanelBarContent]"
+                },] },
+    ];
+    /** @nocollapse */
+    PanelBarContentDirective.ctorParameters = function () { return [
+        { type: TemplateRef, },
+    ]; };
     return PanelBarContentDirective;
 }());
-PanelBarContentDirective = __decorate([
-    Directive({
-        selector: "[kendoPanelBarContent]"
-    }),
-    __metadata("design:paramtypes", [TemplateRef])
-], PanelBarContentDirective);
-export { PanelBarContentDirective };

dist/es/panelbar/panelbar-item-template.directive.js

@@ -1,13 +0,1 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-var __param = (this && this.__param) || function (paramIndex, decorator) {
-    return function (target, key) { decorator(target, key, paramIndex); }
-};
 import { Directive, TemplateRef, Optional } from '@angular/core';
@@ -17,15 +5,16 @@ /**
  */
-var PanelBarItemTemplateDirective = (function () {
+export var PanelBarItemTemplateDirective = (function () {
     function PanelBarItemTemplateDirective(templateRef) {
         this.templateRef = templateRef;
     }
+    PanelBarItemTemplateDirective.decorators = [
+        { type: Directive, args: [{
+                    selector: '[kendoPanelBarItemTemplate]'
+                },] },
+    ];
+    /** @nocollapse */
+    PanelBarItemTemplateDirective.ctorParameters = function () { return [
+        { type: TemplateRef, decorators: [{ type: Optional },] },
+    ]; };
     return PanelBarItemTemplateDirective;
 }());
-PanelBarItemTemplateDirective = __decorate([
-    Directive({
-        selector: '[kendoPanelBarItemTemplate]'
-    }),
-    __param(0, Optional()),
-    __metadata("design:paramtypes", [TemplateRef])
-], PanelBarItemTemplateDirective);
-export { PanelBarItemTemplateDirective };

dist/es/panelbar/panelbar-item-title.directive.js

@@ -1,13 +0,1 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-var __param = (this && this.__param) || function (paramIndex, decorator) {
-    return function (target, key) { decorator(target, key, paramIndex); }
-};
 import { Directive, TemplateRef, Optional } from '@angular/core';
@@ -37,15 +25,16 @@ /**
  */
-var PanelBarItemTitleDirective = (function () {
+export var PanelBarItemTitleDirective = (function () {
     function PanelBarItemTitleDirective(templateRef) {
         this.templateRef = templateRef;
     }
+    PanelBarItemTitleDirective.decorators = [
+        { type: Directive, args: [{
+                    selector: '[kendoPanelBarItemTitle]'
+                },] },
+    ];
+    /** @nocollapse */
+    PanelBarItemTitleDirective.ctorParameters = function () { return [
+        { type: TemplateRef, decorators: [{ type: Optional },] },
+    ]; };
     return PanelBarItemTitleDirective;
 }());
-PanelBarItemTitleDirective = __decorate([
-    Directive({
-        selector: '[kendoPanelBarItemTitle]'
-    }),
-    __param(0, Optional()),
-    __metadata("design:paramtypes", [TemplateRef])
-], PanelBarItemTitleDirective);
-export { PanelBarItemTitleDirective };

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

@@ -1,14 +0,2 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-var __param = (this && this.__param) || function (paramIndex, decorator) {
-    return function (target, key) { decorator(target, key, paramIndex); }
-};
-import { Component, Input, ContentChildren, ContentChild, ViewChildren, Optional, Host, HostBinding, SkipSelf, isDevMode, TemplateRef, QueryList, AUTO_STYLE, ViewChild, ElementRef, animate, trigger, style, transition } from '@angular/core';
+import { Component, Input, ContentChildren, ContentChild, ViewChildren, Optional, Host, HostBinding, SkipSelf, isDevMode, AUTO_STYLE, ViewChild, animate, trigger, style, transition } from '@angular/core';
 import { PanelBarService } from "./panelbar.service";
@@ -24,3 +12,3 @@ import { PanelBarContentDirective } from "./panelbar-content.directive";
  */
-var PanelBarItemComponent = PanelBarItemComponent_1 = (function () {
+export var PanelBarItemComponent = (function () {
     function PanelBarItemComponent(parent, eventService) {
@@ -182,5 +170,6 @@ var _this = this;
             var icon = this.icon ? 'k-i-' + this.icon : null;
-            return _a = {},
+            return (_a = {},
                 _a[icon || this.iconClass] = true,
-                _a;
+                _a
+            );
             var _a;
@@ -239,128 +228,52 @@ },
     };
+    PanelBarItemComponent.decorators = [
+        { type: Component, args: [{
+                    animations: [
+                        trigger('toggle', [
+                            transition('active => void', [
+                                animate(200, style({ display: 'block', height: '0px' }))
+                            ]),
+                            transition('void => active', [
+                                style({ display: 'block', height: '0px' }),
+                                animate(200, style({ display: 'block', height: 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>"
+                },] },
+    ];
+    /** @nocollapse */
+    PanelBarItemComponent.ctorParameters = function () { return [
+        { type: PanelBarItemComponent, decorators: [{ type: SkipSelf }, { type: Host }, { type: Optional },] },
+        { type: PanelBarService, },
+    ]; };
+    PanelBarItemComponent.propDecorators = {
+        'title': [{ type: Input },],
+        'id': [{ type: Input },],
+        'icon': [{ type: Input },],
+        'iconClass': [{ type: Input },],
+        'imageUrl': [{ type: Input },],
+        'disabled': [{ type: Input },],
+        'expanded': [{ type: Input },],
+        'focused': [{ type: Input },],
+        'selected': [{ type: Input },],
+        'content': [{ type: Input },],
+        'items': [{ type: Input },],
+        'template': [{ type: Input },],
+        'header': [{ type: ViewChild, args: ['header', {},] },],
+        'role': [{ type: HostBinding, args: ['attr.role',] },],
+        'titleAttribute': [{ type: HostBinding, args: ['attr.title',] },],
+        'className': [{ type: HostBinding, args: ['class',] },],
+        'itemId': [{ type: HostBinding, args: ['id',] },],
+        'ariaExpanded': [{ type: HostBinding, args: ['attr.aria-expanded',] },],
+        'ariaSelected': [{ type: HostBinding, args: ['attr.aria-selected',] },],
+        'ariaDisabled': [{ type: HostBinding, args: ['attr.aria-disabled',] },],
+        'viewChildItems': [{ type: ViewChildren, args: [PanelBarItemComponent,] },],
+        'contentItems': [{ type: ContentChildren, args: [PanelBarItemComponent,] },],
+        'contentTemplate': [{ type: ContentChild, args: [PanelBarContentDirective,] },],
+        'titleTemplates': [{ type: ContentChildren, args: [PanelBarItemTitleDirective, { descendants: false },] },],
+    };
     return PanelBarItemComponent;
 }());
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], PanelBarItemComponent.prototype, "title", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], PanelBarItemComponent.prototype, "id", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], PanelBarItemComponent.prototype, "icon", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], PanelBarItemComponent.prototype, "iconClass", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], PanelBarItemComponent.prototype, "imageUrl", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], PanelBarItemComponent.prototype, "disabled", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [Boolean])
-], PanelBarItemComponent.prototype, "expanded", null);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], PanelBarItemComponent.prototype, "focused", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], PanelBarItemComponent.prototype, "selected", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], PanelBarItemComponent.prototype, "content", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Array)
-], PanelBarItemComponent.prototype, "items", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", TemplateRef)
-], PanelBarItemComponent.prototype, "template", void 0);
-__decorate([
-    ViewChild('header', {}),
-    __metadata("design:type", ElementRef)
-], PanelBarItemComponent.prototype, "header", void 0);
-__decorate([
-    HostBinding('attr.role'),
-    __metadata("design:type", String)
-], PanelBarItemComponent.prototype, "role", void 0);
-__decorate([
-    HostBinding('attr.title'),
-    __metadata("design:type", String)
-], PanelBarItemComponent.prototype, "titleAttribute", void 0);
-__decorate([
-    HostBinding('class'),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [])
-], PanelBarItemComponent.prototype, "className", null);
-__decorate([
-    HostBinding('id'),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [])
-], PanelBarItemComponent.prototype, "itemId", null);
-__decorate([
-    HostBinding('attr.aria-expanded'),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [])
-], PanelBarItemComponent.prototype, "ariaExpanded", null);
-__decorate([
-    HostBinding('attr.aria-selected'),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [])
-], PanelBarItemComponent.prototype, "ariaSelected", null);
-__decorate([
-    HostBinding('attr.aria-disabled'),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [])
-], PanelBarItemComponent.prototype, "ariaDisabled", null);
-__decorate([
-    ViewChildren(PanelBarItemComponent_1),
-    __metadata("design:type", QueryList)
-], PanelBarItemComponent.prototype, "viewChildItems", void 0);
-__decorate([
-    ContentChildren(PanelBarItemComponent_1),
-    __metadata("design:type", QueryList)
-], PanelBarItemComponent.prototype, "contentItems", void 0);
-__decorate([
-    ContentChild(PanelBarContentDirective),
-    __metadata("design:type", PanelBarContentDirective)
-], PanelBarItemComponent.prototype, "contentTemplate", void 0);
-__decorate([
-    ContentChildren(PanelBarItemTitleDirective, { descendants: false }),
-    __metadata("design:type", QueryList)
-], PanelBarItemComponent.prototype, "titleTemplates", void 0);
-PanelBarItemComponent = PanelBarItemComponent_1 = __decorate([
-    Component({
-        animations: [
-            trigger('toggle', [
-                transition('active => void', [
-                    animate(200, style({ display: 'block', height: '0px' }))
-                ]),
-                transition('void => active', [
-                    style({ display: 'block', height: '0px' }),
-                    animate(200, style({ display: 'block', height: 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>"
-    }),
-    __param(0, SkipSelf()), __param(0, Host()), __param(0, Optional()),
-    __metadata("design:paramtypes", [PanelBarItemComponent,
-        PanelBarService])
-], PanelBarItemComponent);
-export { PanelBarItemComponent };
-var PanelBarItemComponent_1;

dist/es/panelbar/panelbar.component.js

@@ -1,15 +0,2 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-var __param = (this && this.__param) || function (paramIndex, decorator) {
-    return function (target, key) { decorator(target, key, paramIndex); }
-};
-import { Component, Input, Output, Inject, Optional, ContentChild, ContentChildren, ViewChildren, HostBinding, HostListener, EventEmitter, QueryList, Renderer, isDevMode, //required for settings validation.
-ElementRef } from '@angular/core';
+import { Component, Input, Output, Inject, Optional, ContentChild, ContentChildren, ViewChildren, HostBinding, HostListener, EventEmitter, Renderer, isDevMode, ElementRef } from '@angular/core';
 import { Keys } from '../common/keys';
@@ -23,3 +10,4 @@ import { PanelBarExpandMode } from './panelbar-expand-mode';
  */
-var PanelBarComponent = (function () {
+//TODO: add styles as input prop
+export var PanelBarComponent = (function () {
     function PanelBarComponent(elementRef, eventService, _direction, renderer) {
@@ -116,3 +104,3 @@ var _this = this;
             var _this = this;
-            return _a = {},
+            return (_a = {},
                 _a[Keys.space] = function () { return _this.selectFocusedItem(); },
@@ -126,3 +114,4 @@ _a[Keys.enter] = function () { return _this.selectFocusedItem(); },
                 _a[Keys.home] = function () { return _this.focusFirstItem(); },
-                _a;
+                _a
+            );
             var _a;
@@ -400,112 +389,41 @@ },
     };
+    PanelBarComponent.decorators = [
+        { type: Component, args: [{
+                    exportAs: 'kendoPanelbar',
+                    providers: [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    "
+                },] },
+    ];
+    /** @nocollapse */
+    PanelBarComponent.ctorParameters = function () { return [
+        { type: ElementRef, },
+        { type: PanelBarService, },
+        { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: ['kendo-direction',] },] },
+        { type: Renderer, },
+    ]; };
+    PanelBarComponent.propDecorators = {
+        'expandMode': [{ type: Input },],
+        'selectable': [{ type: Input },],
+        'animate': [{ type: Input },],
+        'height': [{ type: Input },],
+        'items': [{ type: Input },],
+        'stateChange': [{ type: Output },],
+        'tabIndex': [{ type: HostBinding, args: ['tabIndex',] },],
+        'role': [{ type: HostBinding, args: ['attr.role',] },],
+        'activeDescendant': [{ type: HostBinding, args: ['attr.aria-activedescendant',] },],
+        'hostHeight': [{ type: HostBinding, args: ['style.height',] },],
+        'overflow': [{ type: HostBinding, args: ['style.overflow',] },],
+        'dir': [{ type: HostBinding, args: ['attr.dir',] },],
+        'template': [{ type: ContentChild, args: [PanelBarItemTemplateDirective,] },],
+        'contentItems': [{ type: ContentChildren, args: [PanelBarItemComponent, { descendants: true },] },],
+        'contentChildItems': [{ type: ContentChildren, args: [PanelBarItemComponent,] },],
+        'viewChildItems': [{ type: ViewChildren, args: [PanelBarItemComponent,] },],
+        'onComponentClick': [{ type: HostListener, args: ['click',] },],
+        'onComponentFocus': [{ type: HostListener, args: ['focus',] },],
+        'onComponentBlur': [{ type: HostListener, args: ['blur',] },],
+        'onComponentKeyDown': [{ type: HostListener, args: ['keydown', ['$event'],] },],
+        'hostClasses': [{ type: HostBinding, args: ['class.k-widget',] }, { type: HostBinding, args: ['class.k-panelbar',] }, { type: HostBinding, args: ['class.k-header',] },],
+    };
     return PanelBarComponent;
 }());
-__decorate([
-    Input(),
-    __metadata("design:type", Number)
-], PanelBarComponent.prototype, "expandMode", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], PanelBarComponent.prototype, "selectable", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], PanelBarComponent.prototype, "animate", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Object)
-], PanelBarComponent.prototype, "height", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Array)
-], PanelBarComponent.prototype, "items", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", EventEmitter)
-], PanelBarComponent.prototype, "stateChange", void 0);
-__decorate([
-    HostBinding('tabIndex'),
-    __metadata("design:type", Number)
-], PanelBarComponent.prototype, "tabIndex", void 0);
-__decorate([
-    HostBinding('attr.role'),
-    __metadata("design:type", String)
-], PanelBarComponent.prototype, "role", void 0);
-__decorate([
-    HostBinding('attr.aria-activedescendant'),
-    __metadata("design:type", String)
-], PanelBarComponent.prototype, "activeDescendant", void 0);
-__decorate([
-    HostBinding('style.height'),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [])
-], PanelBarComponent.prototype, "hostHeight", null);
-__decorate([
-    HostBinding('style.overflow'),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [])
-], PanelBarComponent.prototype, "overflow", null);
-__decorate([
-    HostBinding('attr.dir'),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [])
-], PanelBarComponent.prototype, "dir", null);
-__decorate([
-    ContentChild(PanelBarItemTemplateDirective),
-    __metadata("design:type", PanelBarItemTemplateDirective)
-], PanelBarComponent.prototype, "template", void 0);
-__decorate([
-    ContentChildren(PanelBarItemComponent, { descendants: true }),
-    __metadata("design:type", QueryList)
-], PanelBarComponent.prototype, "contentItems", void 0);
-__decorate([
-    ContentChildren(PanelBarItemComponent),
-    __metadata("design:type", QueryList)
-], PanelBarComponent.prototype, "contentChildItems", void 0);
-__decorate([
-    ViewChildren(PanelBarItemComponent),
-    __metadata("design:type", QueryList)
-], PanelBarComponent.prototype, "viewChildItems", void 0);
-__decorate([
-    HostListener('click'),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], PanelBarComponent.prototype, "onComponentClick", null);
-__decorate([
-    HostListener('focus'),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], PanelBarComponent.prototype, "onComponentFocus", null);
-__decorate([
-    HostListener('blur'),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], PanelBarComponent.prototype, "onComponentBlur", null);
-__decorate([
-    HostListener('keydown', ['$event']),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [Object]),
-    __metadata("design:returntype", void 0)
-], PanelBarComponent.prototype, "onComponentKeyDown", null);
-__decorate([
-    HostBinding('class.k-widget'),
-    HostBinding('class.k-panelbar'),
-    HostBinding('class.k-header'),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [])
-], PanelBarComponent.prototype, "hostClasses", null);
-PanelBarComponent = __decorate([
-    Component({
-        exportAs: 'kendoPanelbar',
-        providers: [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    "
-    }),
-    __param(2, Optional()), __param(2, Inject('kendo-direction')),
-    __metadata("design:paramtypes", [ElementRef, PanelBarService, String, Renderer])
-], PanelBarComponent);
-export { PanelBarComponent };

dist/es/panelbar/panelbar.service.js

@@ -1,10 +0,1 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
 import { Injectable } from '@angular/core';
@@ -15,3 +6,3 @@ import { Subject } from 'rxjs/Subject';
  */
-var PanelBarService = (function () {
+export var PanelBarService = (function () {
     function PanelBarService() {
@@ -32,8 +23,8 @@ this.parentSource = new Subject();
     };
+    PanelBarService.decorators = [
+        { type: Injectable },
+    ];
+    /** @nocollapse */
+    PanelBarService.ctorParameters = function () { return []; };
     return PanelBarService;
 }());
-PanelBarService = __decorate([
-    Injectable(),
-    __metadata("design:paramtypes", [])
-], PanelBarService);
-export { PanelBarService };

dist/es/tabstrip/tab-content.directive.js

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

dist/es/tabstrip/tab-title.directive.js

@@ -1,10 +0,1 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
 import { Directive, TemplateRef } from '@angular/core';
@@ -45,14 +36,16 @@ /**
  */
-var TabTitleDirective = (function () {
+export var TabTitleDirective = (function () {
     function TabTitleDirective(templateRef) {
         this.templateRef = templateRef;
     }
+    TabTitleDirective.decorators = [
+        { type: Directive, args: [{
+                    selector: '[kendoTabTitle]'
+                },] },
+    ];
+    /** @nocollapse */
+    TabTitleDirective.ctorParameters = function () { return [
+        { type: TemplateRef, },
+    ]; };
     return TabTitleDirective;
 }());
-TabTitleDirective = __decorate([
-    Directive({
-        selector: '[kendoTabTitle]'
-    }),
-    __metadata("design:paramtypes", [TemplateRef])
-], TabTitleDirective);
-export { TabTitleDirective };

dist/es/tabstrip/tabstrip-events.js

@@ -1,15 +0,10 @@
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = Object.setPrototypeOf ||
-        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
+var __extends = (this && this.__extends) || function (d, b) {
+    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
+    function __() { this.constructor = d; }
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+};
 /**
  * @hidden
  */
-var PreventableEvent = (function () {
+export var PreventableEvent = (function () {
     function PreventableEvent() {
@@ -35,7 +30,6 @@ this.prevented = false;
 }());
-export { PreventableEvent };
 /**
  * Fires when the **Tab** is clicked.
  */
-var SelectEvent = (function (_super) {
+export var SelectEvent = (function (_super) {
     __extends(SelectEvent, _super);
@@ -48,9 +42,7 @@ /**
     function SelectEvent(index, title) {
-        var _this = _super.call(this) || this;
-        _this.index = index;
-        _this.title = title;
-        return _this;
+        _super.call(this);
+        this.index = index;
+        this.title = title;
     }
     return SelectEvent;
 }(PreventableEvent));
-export { SelectEvent };

dist/es/tabstrip/tabstrip-tab.component.js

@@ -1,10 +0,1 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
 import { Component, ContentChild, Input } from '@angular/core';
@@ -16,3 +7,3 @@ import { TabContentDirective } from './tab-content.directive';
  */
-var TabstripTabComponent = (function () {
+export var TabstripTabComponent = (function () {
     function TabstripTabComponent() {
@@ -24,35 +15,20 @@ this.active = false;
     };
+    TabstripTabComponent.decorators = [
+        { type: Component, args: [{
+                    exportAs: 'kendoTabstripTab',
+                    selector: 'kendo-tabstrip-tab',
+                    template: ""
+                },] },
+    ];
+    /** @nocollapse */
+    TabstripTabComponent.ctorParameters = function () { return []; };
+    TabstripTabComponent.propDecorators = {
+        'title': [{ type: Input },],
+        'disabled': [{ type: Input },],
+        'height': [{ type: Input },],
+        'selected': [{ type: Input },],
+        'tabContent': [{ type: ContentChild, args: [TabContentDirective,] },],
+        'tabTitle': [{ type: ContentChild, args: [TabTitleDirective,] },],
+    };
     return TabstripTabComponent;
 }());
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], TabstripTabComponent.prototype, "title", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], TabstripTabComponent.prototype, "disabled", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Number)
-], TabstripTabComponent.prototype, "height", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], TabstripTabComponent.prototype, "selected", void 0);
-__decorate([
-    ContentChild(TabContentDirective),
-    __metadata("design:type", TabContentDirective)
-], TabstripTabComponent.prototype, "tabContent", void 0);
-__decorate([
-    ContentChild(TabTitleDirective),
-    __metadata("design:type", TabTitleDirective)
-], TabstripTabComponent.prototype, "tabTitle", void 0);
-TabstripTabComponent = __decorate([
-    Component({
-        exportAs: 'kendoTabstripTab',
-        selector: 'kendo-tabstrip-tab',
-        template: ""
-    })
-], TabstripTabComponent);
-export { TabstripTabComponent };

dist/es/tabstrip/tabstrip.component.js

@@ -1,14 +0,2 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-var __param = (this && this.__param) || function (paramIndex, decorator) {
-    return function (target, key) { decorator(target, key, paramIndex); }
-};
-import { Component, Input, HostBinding, Inject, Optional, ContentChildren, QueryList, EventEmitter, ViewChild, ElementRef, Output, trigger, state, style, transition, animate } from '@angular/core';
+import { Component, Input, HostBinding, Inject, Optional, ContentChildren, EventEmitter, ViewChild, Output, trigger, state, style, transition, animate } from '@angular/core';
 import { TabstripTabComponent } from './tabstrip-tab.component';
@@ -20,3 +8,3 @@ import { Keys } from '../common/keys';
  */
-var TabstripComponent = (function () {
+export var TabstripComponent = (function () {
     function TabstripComponent(_direction) {
@@ -68,3 +56,3 @@ /**
             var _this = this;
-            return _a = {},
+            return (_a = {},
                 _a[this.invertKeys(Keys.left, Keys.right)] = function (selectedIndex) { return _this.prevNavigatableIndex(selectedIndex); },
@@ -76,3 +64,4 @@ _a[this.invertKeys(Keys.right, Keys.left)] = function (selectedIndex) { return _this.nextNavigatableIndex(selectedIndex); },
                 _a[Keys.end] = function () { return _this.lastNavigatableIndex(); },
-                _a;
+                _a
+            );
             var _a;
@@ -207,62 +196,35 @@ },
     };
+    TabstripComponent.decorators = [
+        { type: Component, args: [{
+                    animations: [
+                        trigger('state', [
+                            state('active', style({
+                                opacity: 1
+                            })),
+                            transition('* => active', [
+                                style({ opacity: 0 }),
+                                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    "
+                },] },
+    ];
+    /** @nocollapse */
+    TabstripComponent.ctorParameters = function () { return [
+        { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: ['kendo-direction',] },] },
+    ]; };
+    TabstripComponent.propDecorators = {
+        'height': [{ type: Input },],
+        'animate': [{ type: Input },],
+        'keepTabContent': [{ type: Input },],
+        'tablist': [{ type: ViewChild, args: ['tablist',] },],
+        'tabSelect': [{ type: Output },],
+        'hostClasses': [{ type: HostBinding, args: ['class.k-widget',] }, { type: HostBinding, args: ['class.k-tabstrip',] }, { type: HostBinding, args: ['class.k-floatwrap',] }, { type: HostBinding, args: ['class.k-tabstrip-top',] }, { type: HostBinding, args: ['class.k-header',] },],
+        'dir': [{ type: HostBinding, args: ['attr.dir',] },],
+        'tabs': [{ type: ContentChildren, args: [TabstripTabComponent,] },],
+    };
     return TabstripComponent;
 }());
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], TabstripComponent.prototype, "height", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], TabstripComponent.prototype, "animate", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], TabstripComponent.prototype, "keepTabContent", void 0);
-__decorate([
-    ViewChild('tablist'),
-    __metadata("design:type", ElementRef)
-], TabstripComponent.prototype, "tablist", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", EventEmitter)
-], TabstripComponent.prototype, "tabSelect", void 0);
-__decorate([
-    HostBinding('class.k-widget'),
-    HostBinding('class.k-tabstrip'),
-    HostBinding('class.k-floatwrap'),
-    HostBinding('class.k-tabstrip-top'),
-    HostBinding('class.k-header'),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [])
-], TabstripComponent.prototype, "hostClasses", null);
-__decorate([
-    HostBinding('attr.dir'),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [])
-], TabstripComponent.prototype, "dir", null);
-__decorate([
-    ContentChildren(TabstripTabComponent),
-    __metadata("design:type", QueryList)
-], TabstripComponent.prototype, "tabs", void 0);
-TabstripComponent = __decorate([
-    Component({
-        animations: [
-            trigger('state', [
-                state('active', style({
-                    opacity: 1
-                })),
-                transition('* => active', [
-                    style({ opacity: 0 }),
-                    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    "
-    }),
-    __param(0, Optional()), __param(0, Inject('kendo-direction')),
-    __metadata("design:paramtypes", [String])
-], TabstripComponent);
-export { TabstripComponent };

dist/npm/common/keys.js

@@ -5,47 +5,47 @@ "use strict";
  */
-var Keys;
 (function (Keys) {
-    Keys[Keys["backspace"] = 8] = "backspace";
-    Keys[Keys["tab"] = 9] = "tab";
-    Keys[Keys["enter"] = 13] = "enter";
-    Keys[Keys["shift"] = 16] = "shift";
-    Keys[Keys["ctrl"] = 17] = "ctrl";
-    Keys[Keys["alt"] = 18] = "alt";
-    Keys[Keys["pause/break"] = 19] = "pause/break";
-    Keys[Keys["caps lock"] = 20] = "caps lock";
-    Keys[Keys["esc"] = 27] = "esc";
-    Keys[Keys["space"] = 32] = "space";
-    Keys[Keys["page up"] = 33] = "page up";
-    Keys[Keys["page down"] = 34] = "page down";
-    Keys[Keys["end"] = 35] = "end";
-    Keys[Keys["home"] = 36] = "home";
-    Keys[Keys["left"] = 37] = "left";
-    Keys[Keys["up"] = 38] = "up";
-    Keys[Keys["right"] = 39] = "right";
-    Keys[Keys["down"] = 40] = "down";
-    Keys[Keys["insert"] = 45] = "insert";
-    Keys[Keys["delete"] = 46] = "delete";
-    Keys[Keys["command"] = 91] = "command";
-    Keys[Keys["left command"] = 91] = "left command";
-    Keys[Keys["right command"] = 93] = "right command";
-    Keys[Keys["numpad *"] = 106] = "numpad *";
-    Keys[Keys["numpad +"] = 107] = "numpad +";
-    Keys[Keys["numpad -"] = 109] = "numpad -";
-    Keys[Keys["numpad ."] = 110] = "numpad .";
-    Keys[Keys["numpad /"] = 111] = "numpad /";
-    Keys[Keys["num lock"] = 144] = "num lock";
-    Keys[Keys["scroll lock"] = 145] = "scroll lock";
-    Keys[Keys["my computer"] = 182] = "my computer";
-    Keys[Keys["my calculator"] = 183] = "my calculator";
-    Keys[Keys[";"] = 186] = ";";
-    Keys[Keys["="] = 187] = "=";
-    Keys[Keys[","] = 188] = ",";
-    Keys[Keys["-"] = 189] = "-";
-    Keys[Keys["."] = 190] = ".";
-    Keys[Keys["/"] = 191] = "/";
-    Keys[Keys["`"] = 192] = "`";
-    Keys[Keys["["] = 219] = "[";
-    Keys[Keys["\\"] = 220] = "\\";
-    Keys[Keys["]"] = 221] = "]";
+    Keys[Keys['backspace'] = 8] = 'backspace';
+    Keys[Keys['tab'] = 9] = 'tab';
+    Keys[Keys['enter'] = 13] = 'enter';
+    Keys[Keys['shift'] = 16] = 'shift';
+    Keys[Keys['ctrl'] = 17] = 'ctrl';
+    Keys[Keys['alt'] = 18] = 'alt';
+    Keys[Keys['pause/break'] = 19] = 'pause/break';
+    Keys[Keys['caps lock'] = 20] = 'caps lock';
+    Keys[Keys['esc'] = 27] = 'esc';
+    Keys[Keys['space'] = 32] = 'space';
+    Keys[Keys['page up'] = 33] = 'page up';
+    Keys[Keys['page down'] = 34] = 'page down';
+    Keys[Keys['end'] = 35] = 'end';
+    Keys[Keys['home'] = 36] = 'home';
+    Keys[Keys['left'] = 37] = 'left';
+    Keys[Keys['up'] = 38] = 'up';
+    Keys[Keys['right'] = 39] = 'right';
+    Keys[Keys['down'] = 40] = 'down';
+    Keys[Keys['insert'] = 45] = 'insert';
+    Keys[Keys['delete'] = 46] = 'delete';
+    Keys[Keys['command'] = 91] = 'command';
+    Keys[Keys['left command'] = 91] = 'left command';
+    Keys[Keys['right command'] = 93] = 'right command';
+    Keys[Keys['numpad *'] = 106] = 'numpad *';
+    Keys[Keys['numpad +'] = 107] = 'numpad +';
+    Keys[Keys['numpad -'] = 109] = 'numpad -';
+    Keys[Keys['numpad .'] = 110] = 'numpad .';
+    Keys[Keys['numpad /'] = 111] = 'numpad /';
+    Keys[Keys['num lock'] = 144] = 'num lock';
+    Keys[Keys['scroll lock'] = 145] = 'scroll lock';
+    Keys[Keys['my computer'] = 182] = 'my computer';
+    Keys[Keys['my calculator'] = 183] = 'my calculator';
+    Keys[Keys[';'] = 186] = ';';
+    Keys[Keys['='] = 187] = '=';
+    Keys[Keys[','] = 188] = ',';
+    Keys[Keys['-'] = 189] = '-';
+    Keys[Keys['.'] = 190] = '.';
+    Keys[Keys['/'] = 191] = '/';
+    Keys[Keys['`'] = 192] = '`';
+    Keys[Keys['['] = 219] = '[';
+    Keys[Keys['\\'] = 220] = '\\';
+    Keys[Keys[']'] = 221] = ']';
     Keys[Keys["'"] = 222] = "'";
-})(Keys = exports.Keys || (exports.Keys = {}));
+})(exports.Keys || (exports.Keys = {}));
+var Keys = exports.Keys;

dist/npm/layout.module.js

 "use strict";
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var core_1 = require("@angular/core");
-var common_1 = require("@angular/common");
-var panelbar_component_1 = require("./panelbar/panelbar.component");
-var panelbar_item_component_1 = require("./panelbar/panelbar-item.component");
-var panelbar_content_directive_1 = require("./panelbar/panelbar-content.directive");
-var panelbar_item_template_directive_1 = require("./panelbar/panelbar-item-template.directive");
-var panelbar_item_title_directive_1 = require("./panelbar/panelbar-item-title.directive");
-var tabstrip_component_1 = require("./tabstrip/tabstrip.component");
-var tabstrip_tab_component_1 = require("./tabstrip/tabstrip-tab.component");
-var tab_content_directive_1 = require("./tabstrip/tab-content.directive");
-var tab_title_directive_1 = require("./tabstrip/tab-title.directive");
+var core_1 = require('@angular/core');
+var common_1 = require('@angular/common');
+var panelbar_component_1 = require('./panelbar/panelbar.component');
+var panelbar_item_component_1 = require('./panelbar/panelbar-item.component');
+var panelbar_content_directive_1 = require('./panelbar/panelbar-content.directive');
+var panelbar_item_template_directive_1 = require('./panelbar/panelbar-item-template.directive');
+var panelbar_item_title_directive_1 = require('./panelbar/panelbar-item-title.directive');
+var tabstrip_component_1 = require('./tabstrip/tabstrip.component');
+var tabstrip_tab_component_1 = require('./tabstrip/tabstrip-tab.component');
+var tab_content_directive_1 = require('./tabstrip/tab-content.directive');
+var tab_title_directive_1 = require('./tabstrip/tab-title.directive');
 var exportedModules = [
@@ -77,11 +71,13 @@ panelbar_component_1.PanelBarComponent,
     }
+    LayoutModule.decorators = [
+        { type: core_1.NgModule, args: [{
+                    declarations: [declarations],
+                    exports: [exportedModules],
+                    imports: [common_1.CommonModule]
+                },] },
+    ];
+    /** @nocollapse */
+    LayoutModule.ctorParameters = function () { return []; };
     return LayoutModule;
 }());
-LayoutModule = __decorate([
-    core_1.NgModule({
-        declarations: [declarations],
-        exports: [exportedModules],
-        imports: [common_1.CommonModule]
-    })
-], LayoutModule);
 exports.LayoutModule = LayoutModule;

dist/npm/main.js

 "use strict";
-var panelbar_component_1 = require("./panelbar/panelbar.component");
+var panelbar_component_1 = require('./panelbar/panelbar.component');
 exports.PanelBarComponent = panelbar_component_1.PanelBarComponent;
-var panelbar_item_component_1 = require("./panelbar/panelbar-item.component");
+var panelbar_item_component_1 = require('./panelbar/panelbar-item.component');
 exports.PanelBarItemComponent = panelbar_item_component_1.PanelBarItemComponent;
-var panelbar_content_directive_1 = require("./panelbar/panelbar-content.directive");
+var panelbar_content_directive_1 = require('./panelbar/panelbar-content.directive');
 exports.PanelBarContentDirective = panelbar_content_directive_1.PanelBarContentDirective;
-var panelbar_item_template_directive_1 = require("./panelbar/panelbar-item-template.directive");
+var panelbar_item_template_directive_1 = require('./panelbar/panelbar-item-template.directive');
 exports.PanelBarItemTemplateDirective = panelbar_item_template_directive_1.PanelBarItemTemplateDirective;
-var panelbar_item_title_directive_1 = require("./panelbar/panelbar-item-title.directive");
+var panelbar_item_title_directive_1 = require('./panelbar/panelbar-item-title.directive');
 exports.PanelBarItemTitleDirective = panelbar_item_title_directive_1.PanelBarItemTitleDirective;
-var panelbar_expand_mode_1 = require("./panelbar/panelbar-expand-mode");
+var panelbar_expand_mode_1 = require('./panelbar/panelbar-expand-mode');
 exports.PanelBarExpandMode = panelbar_expand_mode_1.PanelBarExpandMode;
-var tabstrip_component_1 = require("./tabstrip/tabstrip.component");
+var tabstrip_component_1 = require('./tabstrip/tabstrip.component');
 exports.TabstripComponent = tabstrip_component_1.TabstripComponent;
-var tabstrip_tab_component_1 = require("./tabstrip/tabstrip-tab.component");
+var tabstrip_tab_component_1 = require('./tabstrip/tabstrip-tab.component');
 exports.TabstripTabComponent = tabstrip_tab_component_1.TabstripTabComponent;
-var tab_content_directive_1 = require("./tabstrip/tab-content.directive");
+var tab_content_directive_1 = require('./tabstrip/tab-content.directive');
 exports.TabContentDirective = tab_content_directive_1.TabContentDirective;
-var tab_title_directive_1 = require("./tabstrip/tab-title.directive");
+var tab_title_directive_1 = require('./tabstrip/tab-title.directive');
 exports.TabTitleDirective = tab_title_directive_1.TabTitleDirective;
-var layout_module_1 = require("./layout.module");
+var layout_module_1 = require('./layout.module');
 exports.LayoutModule = layout_module_1.LayoutModule;

dist/npm/panelbar/panelbar-content.directive.js

 "use strict";
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-var core_1 = require("@angular/core");
+var core_1 = require('@angular/core');
 /**
@@ -20,10 +11,13 @@ * Represents the content template of the declaratively initialized Kendo UI PanelBar items.
     }
+    PanelBarContentDirective.decorators = [
+        { type: core_1.Directive, args: [{
+                    selector: "[kendoPanelBarContent]"
+                },] },
+    ];
+    /** @nocollapse */
+    PanelBarContentDirective.ctorParameters = function () { return [
+        { type: core_1.TemplateRef, },
+    ]; };
     return PanelBarContentDirective;
 }());
-PanelBarContentDirective = __decorate([
-    core_1.Directive({
-        selector: "[kendoPanelBarContent]"
-    }),
-    __metadata("design:paramtypes", [core_1.TemplateRef])
-], PanelBarContentDirective);
 exports.PanelBarContentDirective = PanelBarContentDirective;

dist/npm/panelbar/panelbar-expand-mode.js

@@ -5,3 +5,2 @@ "use strict";
  */
-var PanelBarExpandMode;
 (function (PanelBarExpandMode) {
@@ -26,2 +25,3 @@ /**
     PanelBarExpandMode[PanelBarExpandMode["Default"] = 2] = "Default";
-})(PanelBarExpandMode = exports.PanelBarExpandMode || (exports.PanelBarExpandMode = {}));
+})(exports.PanelBarExpandMode || (exports.PanelBarExpandMode = {}));
+var PanelBarExpandMode = exports.PanelBarExpandMode;

dist/npm/panelbar/panelbar-item-template.directive.js

 "use strict";
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-var __param = (this && this.__param) || function (paramIndex, decorator) {
-    return function (target, key) { decorator(target, key, paramIndex); }
-};
-var core_1 = require("@angular/core");
+var core_1 = require('@angular/core');
 /**
@@ -22,11 +10,13 @@ * Represents the Kendo UI PanelBar item template directive which helps to customize the item content.
     }
+    PanelBarItemTemplateDirective.decorators = [
+        { type: core_1.Directive, args: [{
+                    selector: '[kendoPanelBarItemTemplate]'
+                },] },
+    ];
+    /** @nocollapse */
+    PanelBarItemTemplateDirective.ctorParameters = function () { return [
+        { type: core_1.TemplateRef, decorators: [{ type: core_1.Optional },] },
+    ]; };
     return PanelBarItemTemplateDirective;
 }());
-PanelBarItemTemplateDirective = __decorate([
-    core_1.Directive({
-        selector: '[kendoPanelBarItemTemplate]'
-    }),
-    __param(0, core_1.Optional()),
-    __metadata("design:paramtypes", [core_1.TemplateRef])
-], PanelBarItemTemplateDirective);
 exports.PanelBarItemTemplateDirective = PanelBarItemTemplateDirective;

dist/npm/panelbar/panelbar-item-title.directive.js

 "use strict";
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-var __param = (this && this.__param) || function (paramIndex, decorator) {
-    return function (target, key) { decorator(target, key, paramIndex); }
-};
-var core_1 = require("@angular/core");
+var core_1 = require('@angular/core');
 /**
@@ -42,11 +30,13 @@ * Represents the Kendo UI PanelBar item title template directive which helps to customize the item title.
     }
+    PanelBarItemTitleDirective.decorators = [
+        { type: core_1.Directive, args: [{
+                    selector: '[kendoPanelBarItemTitle]'
+                },] },
+    ];
+    /** @nocollapse */
+    PanelBarItemTitleDirective.ctorParameters = function () { return [
+        { type: core_1.TemplateRef, decorators: [{ type: core_1.Optional },] },
+    ]; };
     return PanelBarItemTitleDirective;
 }());
-PanelBarItemTitleDirective = __decorate([
-    core_1.Directive({
-        selector: '[kendoPanelBarItemTitle]'
-    }),
-    __param(0, core_1.Optional()),
-    __metadata("design:paramtypes", [core_1.TemplateRef])
-], PanelBarItemTitleDirective);
 exports.PanelBarItemTitleDirective = PanelBarItemTitleDirective;

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

 "use strict";
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-var __param = (this && this.__param) || function (paramIndex, decorator) {
-    return function (target, key) { decorator(target, key, paramIndex); }
-};
-var core_1 = require("@angular/core");
+var core_1 = require('@angular/core');
 var panelbar_service_1 = require("./panelbar.service");
@@ -25,3 +13,3 @@ var panelbar_content_directive_1 = require("./panelbar-content.directive");
  */
-var PanelBarItemComponent = PanelBarItemComponent_1 = (function () {
+var PanelBarItemComponent = (function () {
     function PanelBarItemComponent(parent, eventService) {
@@ -183,5 +171,6 @@ var _this = this;
             var icon = this.icon ? 'k-i-' + this.icon : null;
-            return _a = {},
+            return (_a = {},
                 _a[icon || this.iconClass] = true,
-                _a;
+                _a
+            );
             var _a;
@@ -240,128 +229,53 @@ },
     };
+    PanelBarItemComponent.decorators = [
+        { type: core_1.Component, args: [{
+                    animations: [
+                        core_1.trigger('toggle', [
+                            core_1.transition('active => void', [
+                                core_1.animate(200, core_1.style({ display: 'block', height: '0px' }))
+                            ]),
+                            core_1.transition('void => active', [
+                                core_1.style({ display: 'block', height: '0px' }),
+                                core_1.animate(200, core_1.style({ display: 'block', height: core_1.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>"
+                },] },
+    ];
+    /** @nocollapse */
+    PanelBarItemComponent.ctorParameters = function () { return [
+        { type: PanelBarItemComponent, decorators: [{ type: core_1.SkipSelf }, { type: core_1.Host }, { type: core_1.Optional },] },
+        { type: panelbar_service_1.PanelBarService, },
+    ]; };
+    PanelBarItemComponent.propDecorators = {
+        'title': [{ type: core_1.Input },],
+        'id': [{ type: core_1.Input },],
+        'icon': [{ type: core_1.Input },],
+        'iconClass': [{ type: core_1.Input },],
+        'imageUrl': [{ type: core_1.Input },],
+        'disabled': [{ type: core_1.Input },],
+        'expanded': [{ type: core_1.Input },],
+        'focused': [{ type: core_1.Input },],
+        'selected': [{ type: core_1.Input },],
+        'content': [{ type: core_1.Input },],
+        'items': [{ type: core_1.Input },],
+        'template': [{ type: core_1.Input },],
+        'header': [{ type: core_1.ViewChild, args: ['header', {},] },],
+        'role': [{ type: core_1.HostBinding, args: ['attr.role',] },],
+        'titleAttribute': [{ type: core_1.HostBinding, args: ['attr.title',] },],
+        'className': [{ type: core_1.HostBinding, args: ['class',] },],
+        'itemId': [{ type: core_1.HostBinding, args: ['id',] },],
+        'ariaExpanded': [{ type: core_1.HostBinding, args: ['attr.aria-expanded',] },],
+        'ariaSelected': [{ type: core_1.HostBinding, args: ['attr.aria-selected',] },],
+        'ariaDisabled': [{ type: core_1.HostBinding, args: ['attr.aria-disabled',] },],
+        'viewChildItems': [{ type: core_1.ViewChildren, args: [PanelBarItemComponent,] },],
+        'contentItems': [{ type: core_1.ContentChildren, args: [PanelBarItemComponent,] },],
+        'contentTemplate': [{ type: core_1.ContentChild, args: [panelbar_content_directive_1.PanelBarContentDirective,] },],
+        'titleTemplates': [{ type: core_1.ContentChildren, args: [panelbar_item_title_directive_1.PanelBarItemTitleDirective, { descendants: false },] },],
+    };
     return PanelBarItemComponent;
 }());
-__decorate([
-    core_1.Input(),
-    __metadata("design:type", String)
-], PanelBarItemComponent.prototype, "title", void 0);
-__decorate([
-    core_1.Input(),
-    __metadata("design:type", String)
-], PanelBarItemComponent.prototype, "id", void 0);
-__decorate([
-    core_1.Input(),
-    __metadata("design:type", String)
-], PanelBarItemComponent.prototype, "icon", void 0);
-__decorate([
-    core_1.Input(),
-    __metadata("design:type", String)
-], PanelBarItemComponent.prototype, "iconClass", void 0);
-__decorate([
-    core_1.Input(),
-    __metadata("design:type", String)
-], PanelBarItemComponent.prototype, "imageUrl", void 0);
-__decorate([
-    core_1.Input(),
-    __metadata("design:type", Boolean)
-], PanelBarItemComponent.prototype, "disabled", void 0);
-__decorate([
-    core_1.Input(),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [Boolean])
-], PanelBarItemComponent.prototype, "expanded", null);
-__decorate([
-    core_1.Input(),
-    __metadata("design:type", Boolean)
-], PanelBarItemComponent.prototype, "focused", void 0);
-__decorate([
-    core_1.Input(),
-    __metadata("design:type", Boolean)
-], PanelBarItemComponent.prototype, "selected", void 0);
-__decorate([
-    core_1.Input(),
-    __metadata("design:type", Object)
-], PanelBarItemComponent.prototype, "content", void 0);
-__decorate([
-    core_1.Input(),
-    __metadata("design:type", Array)
-], PanelBarItemComponent.prototype, "items", void 0);
-__decorate([
-    core_1.Input(),
-    __metadata("design:type", core_1.TemplateRef)
-], PanelBarItemComponent.prototype, "template", void 0);
-__decorate([
-    core_1.ViewChild('header', {}),
-    __metadata("design:type", core_1.ElementRef)
-], PanelBarItemComponent.prototype, "header", void 0);
-__decorate([
-    core_1.HostBinding('attr.role'),
-    __metadata("design:type", String)
-], PanelBarItemComponent.prototype, "role", void 0);
-__decorate([
-    core_1.HostBinding('attr.title'),
-    __metadata("design:type", String)
-], PanelBarItemComponent.prototype, "titleAttribute", void 0);
-__decorate([
-    core_1.HostBinding('class'),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [])
-], PanelBarItemComponent.prototype, "className", null);
-__decorate([
-    core_1.HostBinding('id'),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [])
-], PanelBarItemComponent.prototype, "itemId", null);
-__decorate([
-    core_1.HostBinding('attr.aria-expanded'),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [])
-], PanelBarItemComponent.prototype, "ariaExpanded", null);
-__decorate([
-    core_1.HostBinding('attr.aria-selected'),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [])
-], PanelBarItemComponent.prototype, "ariaSelected", null);
-__decorate([
-    core_1.HostBinding('attr.aria-disabled'),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [])
-], PanelBarItemComponent.prototype, "ariaDisabled", null);
-__decorate([
-    core_1.ViewChildren(PanelBarItemComponent_1),
-    __metadata("design:type", core_1.QueryList)
-], PanelBarItemComponent.prototype, "viewChildItems", void 0);
-__decorate([
-    core_1.ContentChildren(PanelBarItemComponent_1),
-    __metadata("design:type", core_1.QueryList)
-], PanelBarItemComponent.prototype, "contentItems", void 0);
-__decorate([
-    core_1.ContentChild(panelbar_content_directive_1.PanelBarContentDirective),
-    __metadata("design:type", panelbar_content_directive_1.PanelBarContentDirective)
-], PanelBarItemComponent.prototype, "contentTemplate", void 0);
-__decorate([
-    core_1.ContentChildren(panelbar_item_title_directive_1.PanelBarItemTitleDirective, { descendants: false }),
-    __metadata("design:type", core_1.QueryList)
-], PanelBarItemComponent.prototype, "titleTemplates", void 0);
-PanelBarItemComponent = PanelBarItemComponent_1 = __decorate([
-    core_1.Component({
-        animations: [
-            core_1.trigger('toggle', [
-                core_1.transition('active => void', [
-                    core_1.animate(200, core_1.style({ display: 'block', height: '0px' }))
-                ]),
-                core_1.transition('void => active', [
-                    core_1.style({ display: 'block', height: '0px' }),
-                    core_1.animate(200, core_1.style({ display: 'block', height: core_1.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>"
-    }),
-    __param(0, core_1.SkipSelf()), __param(0, core_1.Host()), __param(0, core_1.Optional()),
-    __metadata("design:paramtypes", [PanelBarItemComponent,
-        panelbar_service_1.PanelBarService])
-], PanelBarItemComponent);
 exports.PanelBarItemComponent = PanelBarItemComponent;
-var PanelBarItemComponent_1;

dist/npm/panelbar/panelbar.component.js

 "use strict";
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-var __param = (this && this.__param) || function (paramIndex, decorator) {
-    return function (target, key) { decorator(target, key, paramIndex); }
-};
-var core_1 = require("@angular/core");
-var keys_1 = require("../common/keys");
-var panelbar_expand_mode_1 = require("./panelbar-expand-mode");
-var panelbar_item_component_1 = require("./panelbar-item.component");
+var core_1 = require('@angular/core');
+var keys_1 = require('../common/keys');
+var panelbar_expand_mode_1 = require('./panelbar-expand-mode');
+var panelbar_item_component_1 = require('./panelbar-item.component');
 var panelbar_service_1 = require("./panelbar.service");
@@ -23,2 +11,3 @@ var panelbar_item_template_directive_1 = require("./panelbar-item-template.directive");
  */
+//TODO: add styles as input prop
 var PanelBarComponent = (function () {
@@ -116,3 +105,3 @@ function PanelBarComponent(elementRef, eventService, _direction, renderer) {
             var _this = this;
-            return _a = {},
+            return (_a = {},
                 _a[keys_1.Keys.space] = function () { return _this.selectFocusedItem(); },
@@ -126,3 +115,4 @@ _a[keys_1.Keys.enter] = function () { return _this.selectFocusedItem(); },
                 _a[keys_1.Keys.home] = function () { return _this.focusFirstItem(); },
-                _a;
+                _a
+            );
             var _a;
@@ -400,112 +390,42 @@ },
     };
+    PanelBarComponent.decorators = [
+        { type: core_1.Component, args: [{
+                    exportAs: 'kendoPanelbar',
+                    providers: [panelbar_service_1.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    "
+                },] },
+    ];
+    /** @nocollapse */
+    PanelBarComponent.ctorParameters = function () { return [
+        { type: core_1.ElementRef, },
+        { type: panelbar_service_1.PanelBarService, },
+        { type: undefined, decorators: [{ type: core_1.Optional }, { type: core_1.Inject, args: ['kendo-direction',] },] },
+        { type: core_1.Renderer, },
+    ]; };
+    PanelBarComponent.propDecorators = {
+        'expandMode': [{ type: core_1.Input },],
+        'selectable': [{ type: core_1.Input },],
+        'animate': [{ type: core_1.Input },],
+        'height': [{ type: core_1.Input },],
+        'items': [{ type: core_1.Input },],
+        'stateChange': [{ type: core_1.Output },],
+        'tabIndex': [{ type: core_1.HostBinding, args: ['tabIndex',] },],
+        'role': [{ type: core_1.HostBinding, args: ['attr.role',] },],
+        'activeDescendant': [{ type: core_1.HostBinding, args: ['attr.aria-activedescendant',] },],
+        'hostHeight': [{ type: core_1.HostBinding, args: ['style.height',] },],
+        'overflow': [{ type: core_1.HostBinding, args: ['style.overflow',] },],
+        'dir': [{ type: core_1.HostBinding, args: ['attr.dir',] },],
+        'template': [{ type: core_1.ContentChild, args: [panelbar_item_template_directive_1.PanelBarItemTemplateDirective,] },],
+        'contentItems': [{ type: core_1.ContentChildren, args: [panelbar_item_component_1.PanelBarItemComponent, { descendants: true },] },],
+        'contentChildItems': [{ type: core_1.ContentChildren, args: [panelbar_item_component_1.PanelBarItemComponent,] },],
+        'viewChildItems': [{ type: core_1.ViewChildren, args: [panelbar_item_component_1.PanelBarItemComponent,] },],
+        'onComponentClick': [{ type: core_1.HostListener, args: ['click',] },],
+        'onComponentFocus': [{ type: core_1.HostListener, args: ['focus',] },],
+        'onComponentBlur': [{ type: core_1.HostListener, args: ['blur',] },],
+        'onComponentKeyDown': [{ type: core_1.HostListener, args: ['keydown', ['$event'],] },],
+        'hostClasses': [{ type: core_1.HostBinding, args: ['class.k-widget',] }, { type: core_1.HostBinding, args: ['class.k-panelbar',] }, { type: core_1.HostBinding, args: ['class.k-header',] },],
+    };
     return PanelBarComponent;
 }());
-__decorate([
-    core_1.Input(),
-    __metadata("design:type", Number)
-], PanelBarComponent.prototype, "expandMode", void 0);
-__decorate([
-    core_1.Input(),
-    __metadata("design:type", Boolean)
-], PanelBarComponent.prototype, "selectable", void 0);
-__decorate([
-    core_1.Input(),
-    __metadata("design:type", Boolean)
-], PanelBarComponent.prototype, "animate", void 0);
-__decorate([
-    core_1.Input(),
-    __metadata("design:type", Object)
-], PanelBarComponent.prototype, "height", void 0);
-__decorate([
-    core_1.Input(),
-    __metadata("design:type", Array)
-], PanelBarComponent.prototype, "items", void 0);
-__decorate([
-    core_1.Output(),
-    __metadata("design:type", core_1.EventEmitter)
-], PanelBarComponent.prototype, "stateChange", void 0);
-__decorate([
-    core_1.HostBinding('tabIndex'),
-    __metadata("design:type", Number)
-], PanelBarComponent.prototype, "tabIndex", void 0);
-__decorate([
-    core_1.HostBinding('attr.role'),
-    __metadata("design:type", String)
-], PanelBarComponent.prototype, "role", void 0);
-__decorate([
-    core_1.HostBinding('attr.aria-activedescendant'),
-    __metadata("design:type", String)
-], PanelBarComponent.prototype, "activeDescendant", void 0);
-__decorate([
-    core_1.HostBinding('style.height'),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [])
-], PanelBarComponent.prototype, "hostHeight", null);
-__decorate([
-    core_1.HostBinding('style.overflow'),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [])
-], PanelBarComponent.prototype, "overflow", null);
-__decorate([
-    core_1.HostBinding('attr.dir'),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [])
-], PanelBarComponent.prototype, "dir", null);
-__decorate([
-    core_1.ContentChild(panelbar_item_template_directive_1.PanelBarItemTemplateDirective),
-    __metadata("design:type", panelbar_item_template_directive_1.PanelBarItemTemplateDirective)
-], PanelBarComponent.prototype, "template", void 0);
-__decorate([
-    core_1.ContentChildren(panelbar_item_component_1.PanelBarItemComponent, { descendants: true }),
-    __metadata("design:type", core_1.QueryList)
-], PanelBarComponent.prototype, "contentItems", void 0);
-__decorate([
-    core_1.ContentChildren(panelbar_item_component_1.PanelBarItemComponent),
-    __metadata("design:type", core_1.QueryList)
-], PanelBarComponent.prototype, "contentChildItems", void 0);
-__decorate([
-    core_1.ViewChildren(panelbar_item_component_1.PanelBarItemComponent),
-    __metadata("design:type", core_1.QueryList)
-], PanelBarComponent.prototype, "viewChildItems", void 0);
-__decorate([
-    core_1.HostListener('click'),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], PanelBarComponent.prototype, "onComponentClick", null);
-__decorate([
-    core_1.HostListener('focus'),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], PanelBarComponent.prototype, "onComponentFocus", null);
-__decorate([
-    core_1.HostListener('blur'),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", []),
-    __metadata("design:returntype", void 0)
-], PanelBarComponent.prototype, "onComponentBlur", null);
-__decorate([
-    core_1.HostListener('keydown', ['$event']),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [Object]),
-    __metadata("design:returntype", void 0)
-], PanelBarComponent.prototype, "onComponentKeyDown", null);
-__decorate([
-    core_1.HostBinding('class.k-widget'),
-    core_1.HostBinding('class.k-panelbar'),
-    core_1.HostBinding('class.k-header'),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [])
-], PanelBarComponent.prototype, "hostClasses", null);
-PanelBarComponent = __decorate([
-    core_1.Component({
-        exportAs: 'kendoPanelbar',
-        providers: [panelbar_service_1.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    "
-    }),
-    __param(2, core_1.Optional()), __param(2, core_1.Inject('kendo-direction')),
-    __metadata("design:paramtypes", [core_1.ElementRef, panelbar_service_1.PanelBarService, String, core_1.Renderer])
-], PanelBarComponent);
 exports.PanelBarComponent = PanelBarComponent;

dist/npm/panelbar/panelbar.service.js

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

dist/npm/tabstrip/tab-content.directive.js

 "use strict";
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-var core_1 = require("@angular/core");
+var core_1 = require('@angular/core');
 /**
@@ -47,10 +38,13 @@ * Represents the content template of the Kendo UI Tabstrip.
     }
+    TabContentDirective.decorators = [
+        { type: core_1.Directive, args: [{
+                    selector: '[kendoTabContent]'
+                },] },
+    ];
+    /** @nocollapse */
+    TabContentDirective.ctorParameters = function () { return [
+        { type: core_1.TemplateRef, },
+    ]; };
     return TabContentDirective;
 }());
-TabContentDirective = __decorate([
-    core_1.Directive({
-        selector: '[kendoTabContent]'
-    }),
-    __metadata("design:paramtypes", [core_1.TemplateRef])
-], TabContentDirective);
 exports.TabContentDirective = TabContentDirective;

dist/npm/tabstrip/tab-title.directive.js

 "use strict";
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-var core_1 = require("@angular/core");
+var core_1 = require('@angular/core');
 /**
@@ -50,10 +41,13 @@ * Represents the title template of the Kendo UI Tabstrip.
     }
+    TabTitleDirective.decorators = [
+        { type: core_1.Directive, args: [{
+                    selector: '[kendoTabTitle]'
+                },] },
+    ];
+    /** @nocollapse */
+    TabTitleDirective.ctorParameters = function () { return [
+        { type: core_1.TemplateRef, },
+    ]; };
     return TabTitleDirective;
 }());
-TabTitleDirective = __decorate([
-    core_1.Directive({
-        selector: '[kendoTabTitle]'
-    }),
-    __metadata("design:paramtypes", [core_1.TemplateRef])
-], TabTitleDirective);
 exports.TabTitleDirective = TabTitleDirective;

dist/npm/tabstrip/tabstrip-events.js

 "use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = Object.setPrototypeOf ||
-        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
+var __extends = (this && this.__extends) || function (d, b) {
+    for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p];
+    function __() { this.constructor = d; }
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+};
 /**
@@ -48,6 +43,5 @@ * @hidden
     function SelectEvent(index, title) {
-        var _this = _super.call(this) || this;
-        _this.index = index;
-        _this.title = title;
-        return _this;
+        _super.call(this);
+        this.index = index;
+        this.title = title;
     }
@@ -54,0 +48,0 @@ return SelectEvent;

dist/npm/tabstrip/tabstrip-tab.component.js

 "use strict";
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-var core_1 = require("@angular/core");
-var tab_content_directive_1 = require("./tab-content.directive");
-var tab_title_directive_1 = require("./tab-title.directive");
+var core_1 = require('@angular/core');
+var tab_content_directive_1 = require('./tab-content.directive');
+var tab_title_directive_1 = require('./tab-title.directive');
 /**
@@ -24,35 +15,21 @@ * Represents the Kendo UI Tabstrip Tab component for Angular.
     };
+    TabstripTabComponent.decorators = [
+        { type: core_1.Component, args: [{
+                    exportAs: 'kendoTabstripTab',
+                    selector: 'kendo-tabstrip-tab',
+                    template: ""
+                },] },
+    ];
+    /** @nocollapse */
+    TabstripTabComponent.ctorParameters = function () { return []; };
+    TabstripTabComponent.propDecorators = {
+        'title': [{ type: core_1.Input },],
+        'disabled': [{ type: core_1.Input },],
+        'height': [{ type: core_1.Input },],
+        'selected': [{ type: core_1.Input },],
+        'tabContent': [{ type: core_1.ContentChild, args: [tab_content_directive_1.TabContentDirective,] },],
+        'tabTitle': [{ type: core_1.ContentChild, args: [tab_title_directive_1.TabTitleDirective,] },],
+    };
     return TabstripTabComponent;
 }());
-__decorate([
-    core_1.Input(),
-    __metadata("design:type", String)
-], TabstripTabComponent.prototype, "title", void 0);
-__decorate([
-    core_1.Input(),
-    __metadata("design:type", Boolean)
-], TabstripTabComponent.prototype, "disabled", void 0);
-__decorate([
-    core_1.Input(),
-    __metadata("design:type", Number)
-], TabstripTabComponent.prototype, "height", void 0);
-__decorate([
-    core_1.Input(),
-    __metadata("design:type", Boolean)
-], TabstripTabComponent.prototype, "selected", void 0);
-__decorate([
-    core_1.ContentChild(tab_content_directive_1.TabContentDirective),
-    __metadata("design:type", tab_content_directive_1.TabContentDirective)
-], TabstripTabComponent.prototype, "tabContent", void 0);
-__decorate([
-    core_1.ContentChild(tab_title_directive_1.TabTitleDirective),
-    __metadata("design:type", tab_title_directive_1.TabTitleDirective)
-], TabstripTabComponent.prototype, "tabTitle", void 0);
-TabstripTabComponent = __decorate([
-    core_1.Component({
-        exportAs: 'kendoTabstripTab',
-        selector: 'kendo-tabstrip-tab',
-        template: ""
-    })
-], TabstripTabComponent);
 exports.TabstripTabComponent = TabstripTabComponent;

dist/npm/tabstrip/tabstrip.component.js

 "use strict";
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-var __param = (this && this.__param) || function (paramIndex, decorator) {
-    return function (target, key) { decorator(target, key, paramIndex); }
-};
-var core_1 = require("@angular/core");
-var tabstrip_tab_component_1 = require("./tabstrip-tab.component");
-var keys_1 = require("../common/keys");
-var tabstrip_events_1 = require("./tabstrip-events");
+var core_1 = require('@angular/core');
+var tabstrip_tab_component_1 = require('./tabstrip-tab.component');
+var keys_1 = require('../common/keys');
+var tabstrip_events_1 = require('./tabstrip-events');
 /**
@@ -68,3 +56,3 @@ * Represents the Kendo UI Tabstrip component for Angular.
             var _this = this;
-            return _a = {},
+            return (_a = {},
                 _a[this.invertKeys(keys_1.Keys.left, keys_1.Keys.right)] = function (selectedIndex) { return _this.prevNavigatableIndex(selectedIndex); },
@@ -76,3 +64,4 @@ _a[this.invertKeys(keys_1.Keys.right, keys_1.Keys.left)] = function (selectedIndex) { return _this.nextNavigatableIndex(selectedIndex); },
                 _a[keys_1.Keys.end] = function () { return _this.lastNavigatableIndex(); },
-                _a;
+                _a
+            );
             var _a;
@@ -207,62 +196,36 @@ },
     };
+    TabstripComponent.decorators = [
+        { type: core_1.Component, args: [{
+                    animations: [
+                        core_1.trigger('state', [
+                            core_1.state('active', core_1.style({
+                                opacity: 1
+                            })),
+                            core_1.transition('* => active', [
+                                core_1.style({ opacity: 0 }),
+                                core_1.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    "
+                },] },
+    ];
+    /** @nocollapse */
+    TabstripComponent.ctorParameters = function () { return [
+        { type: undefined, decorators: [{ type: core_1.Optional }, { type: core_1.Inject, args: ['kendo-direction',] },] },
+    ]; };
+    TabstripComponent.propDecorators = {
+        'height': [{ type: core_1.Input },],
+        'animate': [{ type: core_1.Input },],
+        'keepTabContent': [{ type: core_1.Input },],
+        'tablist': [{ type: core_1.ViewChild, args: ['tablist',] },],
+        'tabSelect': [{ type: core_1.Output },],
+        'hostClasses': [{ type: core_1.HostBinding, args: ['class.k-widget',] }, { type: core_1.HostBinding, args: ['class.k-tabstrip',] }, { type: core_1.HostBinding, args: ['class.k-floatwrap',] }, { type: core_1.HostBinding, args: ['class.k-tabstrip-top',] }, { type: core_1.HostBinding, args: ['class.k-header',] },],
+        'dir': [{ type: core_1.HostBinding, args: ['attr.dir',] },],
+        'tabs': [{ type: core_1.ContentChildren, args: [tabstrip_tab_component_1.TabstripTabComponent,] },],
+    };
     return TabstripComponent;
 }());
-__decorate([
-    core_1.Input(),
-    __metadata("design:type", String)
-], TabstripComponent.prototype, "height", void 0);
-__decorate([
-    core_1.Input(),
-    __metadata("design:type", Boolean)
-], TabstripComponent.prototype, "animate", void 0);
-__decorate([
-    core_1.Input(),
-    __metadata("design:type", Boolean)
-], TabstripComponent.prototype, "keepTabContent", void 0);
-__decorate([
-    core_1.ViewChild('tablist'),
-    __metadata("design:type", core_1.ElementRef)
-], TabstripComponent.prototype, "tablist", void 0);
-__decorate([
-    core_1.Output(),
-    __metadata("design:type", core_1.EventEmitter)
-], TabstripComponent.prototype, "tabSelect", void 0);
-__decorate([
-    core_1.HostBinding('class.k-widget'),
-    core_1.HostBinding('class.k-tabstrip'),
-    core_1.HostBinding('class.k-floatwrap'),
-    core_1.HostBinding('class.k-tabstrip-top'),
-    core_1.HostBinding('class.k-header'),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [])
-], TabstripComponent.prototype, "hostClasses", null);
-__decorate([
-    core_1.HostBinding('attr.dir'),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [])
-], TabstripComponent.prototype, "dir", null);
-__decorate([
-    core_1.ContentChildren(tabstrip_tab_component_1.TabstripTabComponent),
-    __metadata("design:type", core_1.QueryList)
-], TabstripComponent.prototype, "tabs", void 0);
-TabstripComponent = __decorate([
-    core_1.Component({
-        animations: [
-            core_1.trigger('state', [
-                core_1.state('active', core_1.style({
-                    opacity: 1
-                })),
-                core_1.transition('* => active', [
-                    core_1.style({ opacity: 0 }),
-                    core_1.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    "
-    }),
-    __param(0, core_1.Optional()), __param(0, core_1.Inject('kendo-direction')),
-    __metadata("design:paramtypes", [String])
-], TabstripComponent);
 exports.TabstripComponent = TabstripComponent;

package.json

 {
   "name": "@progress/kendo-angular-layout",
   "description": "Layout Package for Angular 2",
-  "version": "0.21.1",
+  "version": "0.21.2",
   "publishConfig": {
@@ -63,3 +63,3 @@ "registry": "https://registry.npm.telerik.com"
     "tslint": "~4.0.0",
-    "typescript": "^2.1.0",
+    "typescript": "~2.0.0",
     "typings": "^1.3.0",
@@ -66,0 +66,0 @@ "validate-commit-msg": "^1.1.1",

No alert changes

Worsened metrics

Total package byte prevSize

350130

decreased by-6.82%

Lines of code

4404

decreased by-11.6%

No dependency changes