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

Comparing version 0.21.4 to 0.21.5

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(e){var t=this.visibleItems().some(function(t){return t.header.nativeElement.contains(e.target)});!this.focused&&t&&this.renderer.invokeElementMethod(this.elementRef.nativeElement,"focus")},e.prototype.onComponentFocus=function(){if(this.eventService.onFocus(),this.focused=!0,this.allItems.length>0){var e=this.visibleItems(),t=e.filter(function(e){return e.focused});!t.length&&e.length>0&&(e[0].focused=!0,this.activeDescendant=e[0].itemId)}this.animate&&this.updateAnimate()},e.prototype.onComponentBlur=function(){this.eventService.onBlur(),this.focused=!1,this.activeDescendant=""},e.prototype.onComponentKeyDown=function(e){if(e.target===this.elementRef.nativeElement){e.keyCode!==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.hasContent)&&(e.animate=this.animate,e.expanded=!e.expanded),n.indexOf(e)<0&&n.push(e);else{var i=e.parent?e.parent.childrenItems:this.childrenItems;(e.hasChildItems||e.hasContent)&&i.forEach(function(i){var o=i===e;i.expanded!==o&&(i.animate=t.animate,i.expanded=o,n.indexOf(i)<0&&n.push(i))})}n.length>0&&this.stateChange.emit(n.map(function(e){return e.serialize()}))}},Object.defineProperty(e.prototype,"hostClasses",{get:function(){return!0},enumerable:!0,configurable:!0}),e.prototype.isVisible=function(e){var t=this.visibleItems();return t.some(function(t){return t===e})},e.prototype.getVisibleParent=function(e){var t=this.visibleItems();return e.parent?t.some(function(t){return t===e.parent})?e.parent:this.getVisibleParent(e.parent):e},e.prototype.focusItem=function(e){var t,n=this.visibleItems(),i=n.findIndex(function(e){return e.focused}),o=n[i];if(i===-1){var 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("attr.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",["$event"]),o("design:type",Function),o("design:paramtypes",[Object]),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                 [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.selected=!1,this.hasChildItems=!1,this.hasContent=!1,this.state="",this.animate=!1,this.role="treeitem",this.titleAttribute=null,this.focused=!1,this.wrapperFocused=!1,this._expanded=!1,this.eventService=t,this.eventService.parent$.subscribe(function(e){return n.onWrapperFocusChange(e)}),this.wrapperFocused=!!e&&e.focused,this.parent=e}return Object.defineProperty(e.prototype,"expanded",{get:function(){return this._expanded},set:function(e){var t=this.animate?"active":"activeWithoutAnimation";this.state=e?t:"",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,"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                            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                    [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                            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}])});
+!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;var h=n(17);t.PanelBarModule=h.PanelBarModule;var m=n(19);t.TabStripModule=m.TabStripModule},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(e){var t=this.visibleItems().some(function(t){return t.header.nativeElement.contains(e.target)});!this.focused&&t&&this.renderer.invokeElementMethod(this.elementRef.nativeElement,"focus")},e.prototype.onComponentFocus=function(){if(this.eventService.onFocus(),this.focused=!0,this.allItems.length>0){var e=this.visibleItems(),t=e.filter(function(e){return e.focused});!t.length&&e.length>0&&(e[0].focused=!0,this.activeDescendant=e[0].itemId)}this.animate&&this.updateAnimate()},e.prototype.onComponentBlur=function(){this.eventService.onBlur(),this.focused=!1,this.activeDescendant=""},e.prototype.onComponentKeyDown=function(e){if(e.target===this.elementRef.nativeElement){e.keyCode!==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.hasContent)&&(e.animate=this.animate,e.expanded=!e.expanded),n.indexOf(e)<0&&n.push(e);else{var i=e.parent?e.parent.childrenItems:this.childrenItems;(e.hasChildItems||e.hasContent)&&i.forEach(function(i){var o=i===e;i.expanded!==o&&(i.animate=t.animate,i.expanded=o,n.indexOf(i)<0&&n.push(i))})}n.length>0&&this.stateChange.emit(n.map(function(e){return e.serialize()}))}},Object.defineProperty(e.prototype,"hostClasses",{get:function(){return!0},enumerable:!0,configurable:!0}),e.prototype.isVisible=function(e){var t=this.visibleItems();return t.some(function(t){return t===e})},e.prototype.getVisibleParent=function(e){var t=this.visibleItems();return e.parent?t.some(function(t){return t===e.parent})?e.parent:this.getVisibleParent(e.parent):e},e.prototype.focusItem=function(e){var t,n=this.visibleItems(),i=n.findIndex(function(e){return e.focused}),o=n[i];if(i===-1){var 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("attr.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",["$event"]),o("design:type",Function),o("design:paramtypes",[Object]),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"),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                 [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.selected=!1,this.hasChildItems=!1,this.hasContent=!1,this.state="",this.animate=!1,this.role="treeitem",this.titleAttribute=null,this.focused=!1,this.wrapperFocused=!1,this._expanded=!1,this.eventService=t,this.eventService.parent$.subscribe(function(e){return n.onWrapperFocusChange(e)}),this.wrapperFocused=!!e&&e.focused,this.parent=e}return Object.defineProperty(e.prototype,"expanded",{get:function(){return this._expanded},set:function(e){var t=this.animate?"active":"activeWithoutAnimation";this.state=e?t:"",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,"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                            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                    [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                            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(19),l=function(){function e(){}return e=i([a.NgModule({exports:[r.PanelBarModule,s.TabStripModule]}),o("design:paramtypes",[])],e)}();t.LayoutModule=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=n(18),s=n(1),l=n(5),c=n(8),p=n(10),d=n(9),u=[s.PanelBarComponent,l.PanelBarItemComponent,c.PanelBarContentDirective,p.PanelBarItemTemplateDirective,d.PanelBarItemTitleDirective],f=u.slice(),h=function(){function e(){}return e=i([a.NgModule({declarations:[f],exports:[u],imports:[r.CommonModule]}),o("design:paramtypes",[])],e)}();t.PanelBarModule=h},function(e,t){e.exports=n},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(18),s=n(11),l=n(12),c=n(13),p=n(14),d=[s.TabStripComponent,l.TabStripTabComponent,c.TabContentDirective,p.TabTitleDirective],u=d.slice(),f=function(){function e(){}return e=i([a.NgModule({declarations:[u],exports:[d],imports:[r.CommonModule]}),o("design:paramtypes",[])],e)}();t.TabStripModule=f}])});

dist/es/layout.module.d.ts

@@ -5,14 +5,2 @@ /**
  *
- * The package exports:
- *
- * - `PanelBarComponent`—The `PanelBar` component class.
- * - `PanelBarItemComponent`—The `PanelBarItem` component class.
- * - `PanelBarContentComponent`—The `PanelBarContent` component class.
- * - `PanelBarItemTemplateDirective—The `PanelBarItemTemplate` directive.
- * - `PanelBarItemTitleDirective—The `PanelBarItemTitle` directive.
- * - `TabstripComponent`—The `Tabstrip` component class.
- * - `TabstripTabComponent`—The `TabstripTab` component class.
- * - `TabContentDirective`&mdash;The tab content directive used on the `<template>` tag.
- * - `TabTitleDirective`&mdash;The tab title directive used on the `<template>` tag.
- *
  * @example
@@ -19,0 +7,0 @@ *

dist/es/layout.module.js

 import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { PanelBarComponent } from './panelbar/panelbar.component';
-import { PanelBarItemComponent } from './panelbar/panelbar-item.component';
-import { PanelBarContentDirective } from './panelbar/panelbar-content.directive';
-import { PanelBarItemTemplateDirective } from './panelbar/panelbar-item-template.directive';
-import { PanelBarItemTitleDirective } from './panelbar/panelbar-item-title.directive';
-import { TabstripComponent } from './tabstrip/tabstrip.component';
-import { TabstripTabComponent } from './tabstrip/tabstrip-tab.component';
-import { TabContentDirective } from './tabstrip/tab-content.directive';
-import { TabTitleDirective } from './tabstrip/tab-title.directive';
-var exportedModules = [
-    PanelBarComponent,
-    PanelBarItemComponent,
-    PanelBarContentDirective,
-    PanelBarItemTemplateDirective,
-    PanelBarItemTitleDirective,
-    TabstripComponent,
-    TabstripTabComponent,
-    TabContentDirective,
-    TabTitleDirective
-];
-var declarations = exportedModules.slice();
+import { PanelBarModule } from './panelbar.module';
+import { TabStripModule } from './tabstrip.module';
 /**
@@ -28,14 +8,2 @@ * Represents the [NgModule](https://angular.io/docs/ts/latest/guide/ngmodule.html)
  *
- * The package exports:
- *
- * - `PanelBarComponent`—The `PanelBar` component class.
- * - `PanelBarItemComponent`—The `PanelBarItem` component class.
- * - `PanelBarContentComponent`—The `PanelBarContent` component class.
- * - `PanelBarItemTemplateDirective—The `PanelBarItemTemplate` directive.
- * - `PanelBarItemTitleDirective—The `PanelBarItemTitle` directive.
- * - `TabstripComponent`—The `Tabstrip` component class.
- * - `TabstripTabComponent`—The `TabstripTab` component class.
- * - `TabContentDirective`&mdash;The tab content directive used on the `<template>` tag.
- * - `TabTitleDirective`&mdash;The tab title directive used on the `<template>` tag.
- *
  * @example
@@ -73,5 +41,3 @@ *
         { type: NgModule, args: [{
-                    declarations: [declarations],
-                    exports: [exportedModules],
-                    imports: [CommonModule]
+                    exports: [PanelBarModule, TabStripModule]
                 },] },
@@ -78,0 +44,0 @@ ];

dist/es/layout.module.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"LayoutModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[[{"__symbolic":"reference","module":"./panelbar/panelbar.component","name":"PanelBarComponent"},{"__symbolic":"reference","module":"./panelbar/panelbar-item.component","name":"PanelBarItemComponent"},{"__symbolic":"reference","module":"./panelbar/panelbar-content.directive","name":"PanelBarContentDirective"},{"__symbolic":"reference","module":"./panelbar/panelbar-item-template.directive","name":"PanelBarItemTemplateDirective"},{"__symbolic":"reference","module":"./panelbar/panelbar-item-title.directive","name":"PanelBarItemTitleDirective"},{"__symbolic":"reference","module":"./tabstrip/tabstrip.component","name":"TabstripComponent"},{"__symbolic":"reference","module":"./tabstrip/tabstrip-tab.component","name":"TabstripTabComponent"},{"__symbolic":"reference","module":"./tabstrip/tab-content.directive","name":"TabContentDirective"},{"__symbolic":"reference","module":"./tabstrip/tab-title.directive","name":"TabTitleDirective"}]],"exports":[[{"__symbolic":"reference","module":"./panelbar/panelbar.component","name":"PanelBarComponent"},{"__symbolic":"reference","module":"./panelbar/panelbar-item.component","name":"PanelBarItemComponent"},{"__symbolic":"reference","module":"./panelbar/panelbar-content.directive","name":"PanelBarContentDirective"},{"__symbolic":"reference","module":"./panelbar/panelbar-item-template.directive","name":"PanelBarItemTemplateDirective"},{"__symbolic":"reference","module":"./panelbar/panelbar-item-title.directive","name":"PanelBarItemTitleDirective"},{"__symbolic":"reference","module":"./tabstrip/tabstrip.component","name":"TabstripComponent"},{"__symbolic":"reference","module":"./tabstrip/tabstrip-tab.component","name":"TabstripTabComponent"},{"__symbolic":"reference","module":"./tabstrip/tab-content.directive","name":"TabContentDirective"},{"__symbolic":"reference","module":"./tabstrip/tab-title.directive","name":"TabTitleDirective"}]],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}]}]}]}}},{"__symbolic":"module","version":1,"metadata":{"LayoutModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[[{"__symbolic":"reference","module":"./panelbar/panelbar.component","name":"PanelBarComponent"},{"__symbolic":"reference","module":"./panelbar/panelbar-item.component","name":"PanelBarItemComponent"},{"__symbolic":"reference","module":"./panelbar/panelbar-content.directive","name":"PanelBarContentDirective"},{"__symbolic":"reference","module":"./panelbar/panelbar-item-template.directive","name":"PanelBarItemTemplateDirective"},{"__symbolic":"reference","module":"./panelbar/panelbar-item-title.directive","name":"PanelBarItemTitleDirective"},{"__symbolic":"reference","module":"./tabstrip/tabstrip.component","name":"TabstripComponent"},{"__symbolic":"reference","module":"./tabstrip/tabstrip-tab.component","name":"TabstripTabComponent"},{"__symbolic":"reference","module":"./tabstrip/tab-content.directive","name":"TabContentDirective"},{"__symbolic":"reference","module":"./tabstrip/tab-title.directive","name":"TabTitleDirective"}]],"exports":[[{"__symbolic":"reference","module":"./panelbar/panelbar.component","name":"PanelBarComponent"},{"__symbolic":"reference","module":"./panelbar/panelbar-item.component","name":"PanelBarItemComponent"},{"__symbolic":"reference","module":"./panelbar/panelbar-content.directive","name":"PanelBarContentDirective"},{"__symbolic":"reference","module":"./panelbar/panelbar-item-template.directive","name":"PanelBarItemTemplateDirective"},{"__symbolic":"reference","module":"./panelbar/panelbar-item-title.directive","name":"PanelBarItemTitleDirective"},{"__symbolic":"reference","module":"./tabstrip/tabstrip.component","name":"TabstripComponent"},{"__symbolic":"reference","module":"./tabstrip/tabstrip-tab.component","name":"TabstripTabComponent"},{"__symbolic":"reference","module":"./tabstrip/tab-content.directive","name":"TabContentDirective"},{"__symbolic":"reference","module":"./tabstrip/tab-title.directive","name":"TabTitleDirective"}]],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}]}]}]}}}]
+[{"__symbolic":"module","version":3,"metadata":{"LayoutModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"exports":[{"__symbolic":"reference","module":"./panelbar.module","name":"PanelBarModule"},{"__symbolic":"reference","module":"./tabstrip.module","name":"TabStripModule"}]}]}]}}},{"__symbolic":"module","version":1,"metadata":{"LayoutModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"exports":[{"__symbolic":"reference","module":"./panelbar.module","name":"PanelBarModule"},{"__symbolic":"reference","module":"./tabstrip.module","name":"TabStripModule"}]}]}]}}}]

dist/es/main.d.ts

@@ -8,6 +8,8 @@ export { PanelBarComponent } from './panelbar/panelbar.component';
 export { PanelBarItemModel } from './panelbar/panelbar-item-model';
-export { TabstripComponent } from './tabstrip/tabstrip.component';
-export { TabstripTabComponent } from './tabstrip/tabstrip-tab.component';
+export { TabStripComponent } from './tabstrip/tabstrip.component';
+export { TabStripTabComponent } from './tabstrip/tabstrip-tab.component';
 export { TabContentDirective } from './tabstrip/tab-content.directive';
 export { TabTitleDirective } from './tabstrip/tab-title.directive';
 export { LayoutModule } from './layout.module';
+export { PanelBarModule } from './panelbar.module';
+export { TabStripModule } from './tabstrip.module';

dist/es/main.js

@@ -7,6 +7,8 @@ export { PanelBarComponent } from './panelbar/panelbar.component';
 export { PanelBarExpandMode } from './panelbar/panelbar-expand-mode';
-export { TabstripComponent } from './tabstrip/tabstrip.component';
-export { TabstripTabComponent } from './tabstrip/tabstrip-tab.component';
+export { TabStripComponent } from './tabstrip/tabstrip.component';
+export { TabStripTabComponent } from './tabstrip/tabstrip-tab.component';
 export { TabContentDirective } from './tabstrip/tab-content.directive';
 export { TabTitleDirective } from './tabstrip/tab-title.directive';
 export { LayoutModule } from './layout.module';
+export { PanelBarModule } from './panelbar.module';
+export { TabStripModule } from './tabstrip.module';

dist/es/main.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{},"exports":[{"from":"./panelbar/panelbar.component","export":["PanelBarComponent"]},{"from":"./panelbar/panelbar-item.component","export":["PanelBarItemComponent"]},{"from":"./panelbar/panelbar-content.directive","export":["PanelBarContentDirective"]},{"from":"./panelbar/panelbar-item-template.directive","export":["PanelBarItemTemplateDirective"]},{"from":"./panelbar/panelbar-item-title.directive","export":["PanelBarItemTitleDirective"]},{"from":"./panelbar/panelbar-expand-mode","export":["PanelBarExpandMode"]},{"from":"./panelbar/panelbar-item-model","export":["PanelBarItemModel"]},{"from":"./tabstrip/tabstrip.component","export":["TabstripComponent"]},{"from":"./tabstrip/tabstrip-tab.component","export":["TabstripTabComponent"]},{"from":"./tabstrip/tab-content.directive","export":["TabContentDirective"]},{"from":"./tabstrip/tab-title.directive","export":["TabTitleDirective"]},{"from":"./layout.module","export":["LayoutModule"]}]},{"__symbolic":"module","version":1,"metadata":{},"exports":[{"from":"./panelbar/panelbar.component","export":["PanelBarComponent"]},{"from":"./panelbar/panelbar-item.component","export":["PanelBarItemComponent"]},{"from":"./panelbar/panelbar-content.directive","export":["PanelBarContentDirective"]},{"from":"./panelbar/panelbar-item-template.directive","export":["PanelBarItemTemplateDirective"]},{"from":"./panelbar/panelbar-item-title.directive","export":["PanelBarItemTitleDirective"]},{"from":"./panelbar/panelbar-expand-mode","export":["PanelBarExpandMode"]},{"from":"./panelbar/panelbar-item-model","export":["PanelBarItemModel"]},{"from":"./tabstrip/tabstrip.component","export":["TabstripComponent"]},{"from":"./tabstrip/tabstrip-tab.component","export":["TabstripTabComponent"]},{"from":"./tabstrip/tab-content.directive","export":["TabContentDirective"]},{"from":"./tabstrip/tab-title.directive","export":["TabTitleDirective"]},{"from":"./layout.module","export":["LayoutModule"]}]}]
+[{"__symbolic":"module","version":3,"metadata":{},"exports":[{"from":"./panelbar/panelbar.component","export":["PanelBarComponent"]},{"from":"./panelbar/panelbar-item.component","export":["PanelBarItemComponent"]},{"from":"./panelbar/panelbar-content.directive","export":["PanelBarContentDirective"]},{"from":"./panelbar/panelbar-item-template.directive","export":["PanelBarItemTemplateDirective"]},{"from":"./panelbar/panelbar-item-title.directive","export":["PanelBarItemTitleDirective"]},{"from":"./panelbar/panelbar-expand-mode","export":["PanelBarExpandMode"]},{"from":"./panelbar/panelbar-item-model","export":["PanelBarItemModel"]},{"from":"./tabstrip/tabstrip.component","export":["TabStripComponent"]},{"from":"./tabstrip/tabstrip-tab.component","export":["TabStripTabComponent"]},{"from":"./tabstrip/tab-content.directive","export":["TabContentDirective"]},{"from":"./tabstrip/tab-title.directive","export":["TabTitleDirective"]},{"from":"./layout.module","export":["LayoutModule"]},{"from":"./panelbar.module","export":["PanelBarModule"]},{"from":"./tabstrip.module","export":["TabStripModule"]}]},{"__symbolic":"module","version":1,"metadata":{},"exports":[{"from":"./panelbar/panelbar.component","export":["PanelBarComponent"]},{"from":"./panelbar/panelbar-item.component","export":["PanelBarItemComponent"]},{"from":"./panelbar/panelbar-content.directive","export":["PanelBarContentDirective"]},{"from":"./panelbar/panelbar-item-template.directive","export":["PanelBarItemTemplateDirective"]},{"from":"./panelbar/panelbar-item-title.directive","export":["PanelBarItemTitleDirective"]},{"from":"./panelbar/panelbar-expand-mode","export":["PanelBarExpandMode"]},{"from":"./panelbar/panelbar-item-model","export":["PanelBarItemModel"]},{"from":"./tabstrip/tabstrip.component","export":["TabStripComponent"]},{"from":"./tabstrip/tabstrip-tab.component","export":["TabStripTabComponent"]},{"from":"./tabstrip/tab-content.directive","export":["TabContentDirective"]},{"from":"./tabstrip/tab-title.directive","export":["TabTitleDirective"]},{"from":"./layout.module","export":["LayoutModule"]},{"from":"./panelbar.module","export":["PanelBarModule"]},{"from":"./tabstrip.module","export":["TabStripModule"]}]}]

dist/es/panelbar/panelbar-item.component.d.ts

@@ -36,5 +36,2 @@ import { TemplateRef, QueryList, AfterContentChecked, AfterViewChecked, ElementRef } from '@angular/core';
     /**
-     * @hidden
-     */
-    /**
      * Expands the PanelBar item when set to `true`.
@@ -41,0 +38,0 @@ */

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

@@ -59,5 +59,2 @@ import { Component, Input, ContentChildren, ContentChild, ViewChildren, Optional, Host, HostBinding, SkipSelf, isDevMode, AUTO_STYLE, ViewChild, animate, trigger, style, transition } from '@angular/core';
     Object.defineProperty(PanelBarItemComponent.prototype, "expanded", {
-        /**
-         * @hidden
-         */
         get: function () {
@@ -64,0 +61,0 @@ return this._expanded;

dist/es/panelbar/panelbar.component.js

@@ -425,5 +425,5 @@ import { Component, Input, Output, Inject, Optional, ContentChild, ContentChildren, ViewChildren, HostBinding, HostListener, EventEmitter, Renderer, isDevMode, ElementRef } from '@angular/core';
         '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',] },],
+        'hostClasses': [{ type: HostBinding, args: ['class.k-widget',] }, { type: HostBinding, args: ['class.k-panelbar',] },],
     };
     return PanelBarComponent;
 }());

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

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

dist/es/tabstrip/tab-content.directive.d.ts

 import { TemplateRef } from '@angular/core';
 /**
- * Represents the content template of the Kendo UI Tabstrip.
+ * Represents the content template of the Kendo UI TabStrip.
  *
@@ -5,0 +5,0 @@ * To define the template, nest a `<template>` tag with the `kendoTabContent` inside the component tag.

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

 import { Directive, TemplateRef } from '@angular/core';
 /**
- * Represents the content template of the Kendo UI Tabstrip.
+ * Represents the content template of the Kendo UI TabStrip.
  *
@@ -5,0 +5,0 @@ * To define the template, nest a `<template>` tag with the `kendoTabContent` inside the component tag.

dist/es/tabstrip/tab-title.directive.d.ts

 import { TemplateRef } from '@angular/core';
 /**
- * Represents the title template of the Kendo UI Tabstrip.
+ * Represents the title template of the Kendo UI TabStrip.
  *
@@ -5,0 +5,0 @@ * To define the template, nest a `<template>` tag with the `kendoTabTitle` directive inside the component tag.

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

 import { Directive, TemplateRef } from '@angular/core';
 /**
- * Represents the title template of the Kendo UI Tabstrip.
+ * Represents the title template of the Kendo UI TabStrip.
  *
@@ -5,0 +5,0 @@ * To define the template, nest a `<template>` tag with the `kendoTabTitle` directive inside the component tag.

dist/es/tabstrip/tabstrip-tab.component.d.ts

@@ -5,5 +5,5 @@ import { AfterContentInit } from '@angular/core';
 /**
- * Represents the Kendo UI Tabstrip Tab component for Angular.
+ * Represents the Kendo UI TabStrip Tab component for Angular.
  */
-export declare class TabstripTabComponent implements AfterContentInit {
+export declare class TabStripTabComponent implements AfterContentInit {
     active: boolean;
@@ -23,3 +23,3 @@ /**
     /**
-     * Determines which tab to be selected upon the initial loading of the Tabstrip.
+     * Determines which tab to be selected upon the initial loading of the TabStrip.
      */
@@ -26,0 +26,0 @@ selected: boolean;

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

@@ -5,14 +5,14 @@ import { Component, ContentChild, Input } from '@angular/core';
 /**
- * Represents the Kendo UI Tabstrip Tab component for Angular.
+ * Represents the Kendo UI TabStrip Tab component for Angular.
  */
-export var TabstripTabComponent = (function () {
-    function TabstripTabComponent() {
+export var TabStripTabComponent = (function () {
+    function TabStripTabComponent() {
         this.active = false;
     }
-    TabstripTabComponent.prototype.ngAfterContentInit = function () {
+    TabStripTabComponent.prototype.ngAfterContentInit = function () {
         this.active = this.selected;
     };
-    TabstripTabComponent.decorators = [
+    TabStripTabComponent.decorators = [
         { type: Component, args: [{
-                    exportAs: 'kendoTabstripTab',
+                    exportAs: 'kendoTabStripTab',
                     selector: 'kendo-tabstrip-tab',
@@ -23,4 +23,4 @@ template: ""
     /** @nocollapse */
-    TabstripTabComponent.ctorParameters = function () { return []; };
-    TabstripTabComponent.propDecorators = {
+    TabStripTabComponent.ctorParameters = function () { return []; };
+    TabStripTabComponent.propDecorators = {
         'title': [{ type: Input },],
@@ -33,3 +33,3 @@ 'disabled': [{ type: Input },],
     };
-    return TabstripTabComponent;
+    return TabStripTabComponent;
 }());

dist/es/tabstrip/tabstrip-tab.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"TabstripTabComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"exportAs":"kendoTabstripTab","selector":"kendo-tabstrip-tab","template":""}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tabContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./tab-content.directive","name":"TabContentDirective"}]}]}],"tabTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./tab-title.directive","name":"TabTitleDirective"}]}]}],"ngAfterContentInit":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"TabstripTabComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"exportAs":"kendoTabstripTab","selector":"kendo-tabstrip-tab","template":""}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tabContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./tab-content.directive","name":"TabContentDirective"}]}]}],"tabTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./tab-title.directive","name":"TabTitleDirective"}]}]}],"ngAfterContentInit":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"TabStripTabComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"exportAs":"kendoTabStripTab","selector":"kendo-tabstrip-tab","template":""}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tabContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./tab-content.directive","name":"TabContentDirective"}]}]}],"tabTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./tab-title.directive","name":"TabTitleDirective"}]}]}],"ngAfterContentInit":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"TabStripTabComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"exportAs":"kendoTabStripTab","selector":"kendo-tabstrip-tab","template":""}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tabContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./tab-content.directive","name":"TabContentDirective"}]}]}],"tabTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./tab-title.directive","name":"TabTitleDirective"}]}]}],"ngAfterContentInit":[{"__symbolic":"method"}]}}}}]

dist/es/tabstrip/tabstrip.component.d.ts

 import { QueryList, EventEmitter, ElementRef } from '@angular/core';
-import { TabstripTabComponent } from './tabstrip-tab.component';
+import { TabStripTabComponent } from './tabstrip-tab.component';
 import { Direction } from '../common/direction';
 import { SelectEvent } from './tabstrip-events';
 /**
- * Represents the Kendo UI Tabstrip component for Angular.
+ * Represents the Kendo UI TabStrip component for Angular.
  */
-export declare class TabstripComponent {
+export declare class TabStripComponent {
     /**
-     * Sets the height of the Tabstrip.
+     * Sets the height of the TabStrip.
      */
@@ -36,3 +36,3 @@ height: string;
      */
-    tabs: QueryList<TabstripTabComponent>;
+    tabs: QueryList<TabStripTabComponent>;
     /**
@@ -71,3 +71,3 @@ * @hidden
      */
-    tabItemClass(tab: TabstripTabComponent): Object;
+    tabItemClass(tab: TabStripTabComponent): Object;
     private direction;
@@ -74,0 +74,0 @@ private keyBindings;

dist/es/tabstrip/tabstrip.component.js

 import { Component, Input, HostBinding, Inject, Optional, ContentChildren, EventEmitter, ViewChild, Output, trigger, state, style, transition, animate } from '@angular/core';
-import { TabstripTabComponent } from './tabstrip-tab.component';
+import { TabStripTabComponent } from './tabstrip-tab.component';
 import { Keys } from '../common/keys';
 import { SelectEvent } from './tabstrip-events';
 /**
- * Represents the Kendo UI Tabstrip component for Angular.
+ * Represents the Kendo UI TabStrip component for Angular.
  */
-export var TabstripComponent = (function () {
-    function TabstripComponent(_direction) {
+export var TabStripComponent = (function () {
+    function TabStripComponent(_direction) {
         /**
@@ -31,3 +31,3 @@ * Enables the tab animation.
     }
-    Object.defineProperty(TabstripComponent.prototype, "hostClasses", {
+    Object.defineProperty(TabStripComponent.prototype, "hostClasses", {
         get: function () {
@@ -39,3 +39,3 @@ return true;
     });
-    Object.defineProperty(TabstripComponent.prototype, "dir", {
+    Object.defineProperty(TabStripComponent.prototype, "dir", {
         get: function () {
@@ -50,7 +50,7 @@ return this.direction;
      */
-    TabstripComponent.prototype.contentClass = function (active) {
+    TabStripComponent.prototype.contentClass = function (active) {
         var visible = !this.keepTabContent || active;
         return visible ? 'k-content k-state-active' : 'k-content';
     };
-    Object.defineProperty(TabstripComponent.prototype, "computedKeys", {
+    Object.defineProperty(TabStripComponent.prototype, "computedKeys", {
         get: function () {
@@ -75,3 +75,3 @@ var _this = this;
      */
-    TabstripComponent.prototype.invertKeys = function (original, inverted) {
+    TabStripComponent.prototype.invertKeys = function (original, inverted) {
         return this.direction === 'rtl' ? inverted : original;
@@ -82,3 +82,3 @@ };
      */
-    TabstripComponent.prototype.onKeyDown = function (event) {
+    TabStripComponent.prototype.onKeyDown = function (event) {
         var selectedIndex = this.tabs.toArray().findIndex(function (tab) { return tab.active && !tab.disabled; });
@@ -109,3 +109,3 @@ if (event.currentTarget !== this.tablist.nativeElement) {
      */
-    TabstripComponent.prototype.tabPanelId = function (id) {
+    TabStripComponent.prototype.tabPanelId = function (id) {
         return 'k-tabstrip-tabpanel-' + id;
@@ -116,3 +116,3 @@ };
      */
-    TabstripComponent.prototype.tabId = function (id) {
+    TabStripComponent.prototype.tabId = function (id) {
         return 'k-tabstrip-tab-' + id;
@@ -123,3 +123,3 @@ };
      */
-    TabstripComponent.prototype.selectTab = function (selectedIndex) {
+    TabStripComponent.prototype.selectTab = function (selectedIndex) {
         var tab = this.tabs.toArray()[selectedIndex];
@@ -134,3 +134,3 @@ if (!tab || !!tab.disabled) {
      */
-    TabstripComponent.prototype.tabItemClass = function (tab) {
+    TabStripComponent.prototype.tabItemClass = function (tab) {
         return {
@@ -143,3 +143,3 @@ 'k-item': true,
     };
-    TabstripComponent.prototype.firstNavigatableIndex = function () {
+    TabStripComponent.prototype.firstNavigatableIndex = function () {
         var tabs = this.tabs.toArray();
@@ -152,3 +152,3 @@ for (var i = 0; i < tabs.length; i++) {
     };
-    TabstripComponent.prototype.lastNavigatableIndex = function () {
+    TabStripComponent.prototype.lastNavigatableIndex = function () {
         var tabs = this.tabs.toArray();
@@ -161,3 +161,3 @@ for (var i = tabs.length - 1; i > 0; i--) {
     };
-    TabstripComponent.prototype.prevNavigatableIndex = function (selectedIndex) {
+    TabStripComponent.prototype.prevNavigatableIndex = function (selectedIndex) {
         if (selectedIndex - 1 < 0) {
@@ -177,3 +177,3 @@ return this.lastNavigatableIndex();
     };
-    TabstripComponent.prototype.nextNavigatableIndex = function (selectedIndex) {
+    TabStripComponent.prototype.nextNavigatableIndex = function (selectedIndex) {
         if (selectedIndex + 1 >= this.tabs.length) {
@@ -192,3 +192,3 @@ return this.firstNavigatableIndex();
     };
-    TabstripComponent.prototype.emitEvent = function (tab, selectedIndex) {
+    TabStripComponent.prototype.emitEvent = function (tab, selectedIndex) {
         var selectArgs = new SelectEvent(selectedIndex, tab.title);
@@ -202,3 +202,3 @@ this.tabSelect.emit(selectArgs);
     };
-    TabstripComponent.prototype.deactivateAll = function () {
+    TabStripComponent.prototype.deactivateAll = function () {
         this.tabs.forEach(function (tab) {
@@ -208,3 +208,3 @@ tab.active = false;
     };
-    TabstripComponent.decorators = [
+    TabStripComponent.decorators = [
         { type: Component, args: [{
@@ -222,3 +222,3 @@ animations: [
                     ],
-                    exportAs: 'kendoTabstrip',
+                    exportAs: 'kendoTabStrip',
                     selector: 'kendo-tabstrip',
@@ -229,6 +229,6 @@ 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 [
+    TabStripComponent.ctorParameters = function () { return [
         { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: ['kendo-direction',] },] },
     ]; };
-    TabstripComponent.propDecorators = {
+    TabStripComponent.propDecorators = {
         'height': [{ type: Input },],
@@ -241,5 +241,5 @@ 'animate': [{ type: Input },],
         'dir': [{ type: HostBinding, args: ['attr.dir',] },],
-        'tabs': [{ type: ContentChildren, args: [TabstripTabComponent,] },],
+        'tabs': [{ type: ContentChildren, args: [TabStripTabComponent,] },],
     };
-    return TabstripComponent;
+    return TabStripComponent;
 }());

dist/es/tabstrip/tabstrip.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"TabstripComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["state",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["active",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["* => active",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"opacity":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["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    "}]}],"members":{"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"animate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"keepTabContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tablist":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["tablist"]}]}],"tabSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"hostClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-widget"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-tabstrip"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-floatwrap"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-tabstrip-top"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-header"]}]}],"dir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.dir"]}]}],"tabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./tabstrip-tab.component","name":"TabstripTabComponent"}]}]}],"contentClass":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":["kendo-direction"]}]],"parameters":[{"__symbolic":"reference","module":"../common/direction","name":"Direction"}]}],"invertKeys":[{"__symbolic":"method"}],"onKeyDown":[{"__symbolic":"method"}],"tabPanelId":[{"__symbolic":"method"}],"tabId":[{"__symbolic":"method"}],"selectTab":[{"__symbolic":"method"}],"tabItemClass":[{"__symbolic":"method"}],"firstNavigatableIndex":[{"__symbolic":"method"}],"lastNavigatableIndex":[{"__symbolic":"method"}],"prevNavigatableIndex":[{"__symbolic":"method"}],"nextNavigatableIndex":[{"__symbolic":"method"}],"emitEvent":[{"__symbolic":"method"}],"deactivateAll":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"TabstripComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["state",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["active",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["* => active",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"opacity":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["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    "}]}],"members":{"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"animate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"keepTabContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tablist":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["tablist"]}]}],"tabSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"hostClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-widget"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-tabstrip"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-floatwrap"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-tabstrip-top"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-header"]}]}],"dir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.dir"]}]}],"tabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./tabstrip-tab.component","name":"TabstripTabComponent"}]}]}],"contentClass":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":["kendo-direction"]}]],"parameters":[{"__symbolic":"reference","module":"../common/direction","name":"Direction"}]}],"invertKeys":[{"__symbolic":"method"}],"onKeyDown":[{"__symbolic":"method"}],"tabPanelId":[{"__symbolic":"method"}],"tabId":[{"__symbolic":"method"}],"selectTab":[{"__symbolic":"method"}],"tabItemClass":[{"__symbolic":"method"}],"firstNavigatableIndex":[{"__symbolic":"method"}],"lastNavigatableIndex":[{"__symbolic":"method"}],"prevNavigatableIndex":[{"__symbolic":"method"}],"nextNavigatableIndex":[{"__symbolic":"method"}],"emitEvent":[{"__symbolic":"method"}],"deactivateAll":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"TabStripComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["state",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["active",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["* => active",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"opacity":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["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    "}]}],"members":{"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"animate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"keepTabContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tablist":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["tablist"]}]}],"tabSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"hostClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-widget"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-tabstrip"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-floatwrap"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-tabstrip-top"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-header"]}]}],"dir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.dir"]}]}],"tabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./tabstrip-tab.component","name":"TabStripTabComponent"}]}]}],"contentClass":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":["kendo-direction"]}]],"parameters":[{"__symbolic":"reference","module":"../common/direction","name":"Direction"}]}],"invertKeys":[{"__symbolic":"method"}],"onKeyDown":[{"__symbolic":"method"}],"tabPanelId":[{"__symbolic":"method"}],"tabId":[{"__symbolic":"method"}],"selectTab":[{"__symbolic":"method"}],"tabItemClass":[{"__symbolic":"method"}],"firstNavigatableIndex":[{"__symbolic":"method"}],"lastNavigatableIndex":[{"__symbolic":"method"}],"prevNavigatableIndex":[{"__symbolic":"method"}],"nextNavigatableIndex":[{"__symbolic":"method"}],"emitEvent":[{"__symbolic":"method"}],"deactivateAll":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"TabStripComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["state",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["active",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["* => active",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"opacity":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["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    "}]}],"members":{"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"animate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"keepTabContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tablist":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["tablist"]}]}],"tabSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"hostClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-widget"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-tabstrip"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-floatwrap"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-tabstrip-top"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-header"]}]}],"dir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.dir"]}]}],"tabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./tabstrip-tab.component","name":"TabStripTabComponent"}]}]}],"contentClass":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":["kendo-direction"]}]],"parameters":[{"__symbolic":"reference","module":"../common/direction","name":"Direction"}]}],"invertKeys":[{"__symbolic":"method"}],"onKeyDown":[{"__symbolic":"method"}],"tabPanelId":[{"__symbolic":"method"}],"tabId":[{"__symbolic":"method"}],"selectTab":[{"__symbolic":"method"}],"tabItemClass":[{"__symbolic":"method"}],"firstNavigatableIndex":[{"__symbolic":"method"}],"lastNavigatableIndex":[{"__symbolic":"method"}],"prevNavigatableIndex":[{"__symbolic":"method"}],"nextNavigatableIndex":[{"__symbolic":"method"}],"emitEvent":[{"__symbolic":"method"}],"deactivateAll":[{"__symbolic":"method"}]}}}}]

dist/npm/layout.module.d.ts

@@ -5,14 +5,2 @@ /**
  *
- * The package exports:
- *
- * - `PanelBarComponent`—The `PanelBar` component class.
- * - `PanelBarItemComponent`—The `PanelBarItem` component class.
- * - `PanelBarContentComponent`—The `PanelBarContent` component class.
- * - `PanelBarItemTemplateDirective—The `PanelBarItemTemplate` directive.
- * - `PanelBarItemTitleDirective—The `PanelBarItemTitle` directive.
- * - `TabstripComponent`—The `Tabstrip` component class.
- * - `TabstripTabComponent`—The `TabstripTab` component class.
- * - `TabContentDirective`&mdash;The tab content directive used on the `<template>` tag.
- * - `TabTitleDirective`&mdash;The tab title directive used on the `<template>` tag.
- *
  * @example
@@ -19,0 +7,0 @@ *

dist/npm/layout.module.js

 "use strict";
 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 = [
-    panelbar_component_1.PanelBarComponent,
-    panelbar_item_component_1.PanelBarItemComponent,
-    panelbar_content_directive_1.PanelBarContentDirective,
-    panelbar_item_template_directive_1.PanelBarItemTemplateDirective,
-    panelbar_item_title_directive_1.PanelBarItemTitleDirective,
-    tabstrip_component_1.TabstripComponent,
-    tabstrip_tab_component_1.TabstripTabComponent,
-    tab_content_directive_1.TabContentDirective,
-    tab_title_directive_1.TabTitleDirective
-];
-var declarations = exportedModules.slice();
+var panelbar_module_1 = require('./panelbar.module');
+var tabstrip_module_1 = require('./tabstrip.module');
 /**
@@ -29,14 +9,2 @@ * Represents the [NgModule](https://angular.io/docs/ts/latest/guide/ngmodule.html)
  *
- * The package exports:
- *
- * - `PanelBarComponent`—The `PanelBar` component class.
- * - `PanelBarItemComponent`—The `PanelBarItem` component class.
- * - `PanelBarContentComponent`—The `PanelBarContent` component class.
- * - `PanelBarItemTemplateDirective—The `PanelBarItemTemplate` directive.
- * - `PanelBarItemTitleDirective—The `PanelBarItemTitle` directive.
- * - `TabstripComponent`—The `Tabstrip` component class.
- * - `TabstripTabComponent`—The `TabstripTab` component class.
- * - `TabContentDirective`&mdash;The tab content directive used on the `<template>` tag.
- * - `TabTitleDirective`&mdash;The tab title directive used on the `<template>` tag.
- *
  * @example
@@ -74,5 +42,3 @@ *
         { type: core_1.NgModule, args: [{
-                    declarations: [declarations],
-                    exports: [exportedModules],
-                    imports: [common_1.CommonModule]
+                    exports: [panelbar_module_1.PanelBarModule, tabstrip_module_1.TabStripModule]
                 },] },
@@ -79,0 +45,0 @@ ];

dist/npm/layout.module.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"LayoutModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[[{"__symbolic":"reference","module":"./panelbar/panelbar.component","name":"PanelBarComponent"},{"__symbolic":"reference","module":"./panelbar/panelbar-item.component","name":"PanelBarItemComponent"},{"__symbolic":"reference","module":"./panelbar/panelbar-content.directive","name":"PanelBarContentDirective"},{"__symbolic":"reference","module":"./panelbar/panelbar-item-template.directive","name":"PanelBarItemTemplateDirective"},{"__symbolic":"reference","module":"./panelbar/panelbar-item-title.directive","name":"PanelBarItemTitleDirective"},{"__symbolic":"reference","module":"./tabstrip/tabstrip.component","name":"TabstripComponent"},{"__symbolic":"reference","module":"./tabstrip/tabstrip-tab.component","name":"TabstripTabComponent"},{"__symbolic":"reference","module":"./tabstrip/tab-content.directive","name":"TabContentDirective"},{"__symbolic":"reference","module":"./tabstrip/tab-title.directive","name":"TabTitleDirective"}]],"exports":[[{"__symbolic":"reference","module":"./panelbar/panelbar.component","name":"PanelBarComponent"},{"__symbolic":"reference","module":"./panelbar/panelbar-item.component","name":"PanelBarItemComponent"},{"__symbolic":"reference","module":"./panelbar/panelbar-content.directive","name":"PanelBarContentDirective"},{"__symbolic":"reference","module":"./panelbar/panelbar-item-template.directive","name":"PanelBarItemTemplateDirective"},{"__symbolic":"reference","module":"./panelbar/panelbar-item-title.directive","name":"PanelBarItemTitleDirective"},{"__symbolic":"reference","module":"./tabstrip/tabstrip.component","name":"TabstripComponent"},{"__symbolic":"reference","module":"./tabstrip/tabstrip-tab.component","name":"TabstripTabComponent"},{"__symbolic":"reference","module":"./tabstrip/tab-content.directive","name":"TabContentDirective"},{"__symbolic":"reference","module":"./tabstrip/tab-title.directive","name":"TabTitleDirective"}]],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}]}]}]}}},{"__symbolic":"module","version":1,"metadata":{"LayoutModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[[{"__symbolic":"reference","module":"./panelbar/panelbar.component","name":"PanelBarComponent"},{"__symbolic":"reference","module":"./panelbar/panelbar-item.component","name":"PanelBarItemComponent"},{"__symbolic":"reference","module":"./panelbar/panelbar-content.directive","name":"PanelBarContentDirective"},{"__symbolic":"reference","module":"./panelbar/panelbar-item-template.directive","name":"PanelBarItemTemplateDirective"},{"__symbolic":"reference","module":"./panelbar/panelbar-item-title.directive","name":"PanelBarItemTitleDirective"},{"__symbolic":"reference","module":"./tabstrip/tabstrip.component","name":"TabstripComponent"},{"__symbolic":"reference","module":"./tabstrip/tabstrip-tab.component","name":"TabstripTabComponent"},{"__symbolic":"reference","module":"./tabstrip/tab-content.directive","name":"TabContentDirective"},{"__symbolic":"reference","module":"./tabstrip/tab-title.directive","name":"TabTitleDirective"}]],"exports":[[{"__symbolic":"reference","module":"./panelbar/panelbar.component","name":"PanelBarComponent"},{"__symbolic":"reference","module":"./panelbar/panelbar-item.component","name":"PanelBarItemComponent"},{"__symbolic":"reference","module":"./panelbar/panelbar-content.directive","name":"PanelBarContentDirective"},{"__symbolic":"reference","module":"./panelbar/panelbar-item-template.directive","name":"PanelBarItemTemplateDirective"},{"__symbolic":"reference","module":"./panelbar/panelbar-item-title.directive","name":"PanelBarItemTitleDirective"},{"__symbolic":"reference","module":"./tabstrip/tabstrip.component","name":"TabstripComponent"},{"__symbolic":"reference","module":"./tabstrip/tabstrip-tab.component","name":"TabstripTabComponent"},{"__symbolic":"reference","module":"./tabstrip/tab-content.directive","name":"TabContentDirective"},{"__symbolic":"reference","module":"./tabstrip/tab-title.directive","name":"TabTitleDirective"}]],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}]}]}]}}}]
+[{"__symbolic":"module","version":3,"metadata":{"LayoutModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"exports":[{"__symbolic":"reference","module":"./panelbar.module","name":"PanelBarModule"},{"__symbolic":"reference","module":"./tabstrip.module","name":"TabStripModule"}]}]}]}}},{"__symbolic":"module","version":1,"metadata":{"LayoutModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"exports":[{"__symbolic":"reference","module":"./panelbar.module","name":"PanelBarModule"},{"__symbolic":"reference","module":"./tabstrip.module","name":"TabStripModule"}]}]}]}}}]

dist/npm/main.d.ts

@@ -8,6 +8,8 @@ export { PanelBarComponent } from './panelbar/panelbar.component';
 export { PanelBarItemModel } from './panelbar/panelbar-item-model';
-export { TabstripComponent } from './tabstrip/tabstrip.component';
-export { TabstripTabComponent } from './tabstrip/tabstrip-tab.component';
+export { TabStripComponent } from './tabstrip/tabstrip.component';
+export { TabStripTabComponent } from './tabstrip/tabstrip-tab.component';
 export { TabContentDirective } from './tabstrip/tab-content.directive';
 export { TabTitleDirective } from './tabstrip/tab-title.directive';
 export { LayoutModule } from './layout.module';
+export { PanelBarModule } from './panelbar.module';
+export { TabStripModule } from './tabstrip.module';

dist/npm/main.js

@@ -15,5 +15,5 @@ "use strict";
 var tabstrip_component_1 = require('./tabstrip/tabstrip.component');
-exports.TabstripComponent = tabstrip_component_1.TabstripComponent;
+exports.TabStripComponent = tabstrip_component_1.TabStripComponent;
 var tabstrip_tab_component_1 = require('./tabstrip/tabstrip-tab.component');
-exports.TabstripTabComponent = tabstrip_tab_component_1.TabstripTabComponent;
+exports.TabStripTabComponent = tabstrip_tab_component_1.TabStripTabComponent;
 var tab_content_directive_1 = require('./tabstrip/tab-content.directive');
@@ -25,1 +25,5 @@ exports.TabContentDirective = tab_content_directive_1.TabContentDirective;
 exports.LayoutModule = layout_module_1.LayoutModule;
+var panelbar_module_1 = require('./panelbar.module');
+exports.PanelBarModule = panelbar_module_1.PanelBarModule;
+var tabstrip_module_1 = require('./tabstrip.module');
+exports.TabStripModule = tabstrip_module_1.TabStripModule;

dist/npm/main.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{},"exports":[{"from":"./panelbar/panelbar.component","export":["PanelBarComponent"]},{"from":"./panelbar/panelbar-item.component","export":["PanelBarItemComponent"]},{"from":"./panelbar/panelbar-content.directive","export":["PanelBarContentDirective"]},{"from":"./panelbar/panelbar-item-template.directive","export":["PanelBarItemTemplateDirective"]},{"from":"./panelbar/panelbar-item-title.directive","export":["PanelBarItemTitleDirective"]},{"from":"./panelbar/panelbar-expand-mode","export":["PanelBarExpandMode"]},{"from":"./panelbar/panelbar-item-model","export":["PanelBarItemModel"]},{"from":"./tabstrip/tabstrip.component","export":["TabstripComponent"]},{"from":"./tabstrip/tabstrip-tab.component","export":["TabstripTabComponent"]},{"from":"./tabstrip/tab-content.directive","export":["TabContentDirective"]},{"from":"./tabstrip/tab-title.directive","export":["TabTitleDirective"]},{"from":"./layout.module","export":["LayoutModule"]}]},{"__symbolic":"module","version":1,"metadata":{},"exports":[{"from":"./panelbar/panelbar.component","export":["PanelBarComponent"]},{"from":"./panelbar/panelbar-item.component","export":["PanelBarItemComponent"]},{"from":"./panelbar/panelbar-content.directive","export":["PanelBarContentDirective"]},{"from":"./panelbar/panelbar-item-template.directive","export":["PanelBarItemTemplateDirective"]},{"from":"./panelbar/panelbar-item-title.directive","export":["PanelBarItemTitleDirective"]},{"from":"./panelbar/panelbar-expand-mode","export":["PanelBarExpandMode"]},{"from":"./panelbar/panelbar-item-model","export":["PanelBarItemModel"]},{"from":"./tabstrip/tabstrip.component","export":["TabstripComponent"]},{"from":"./tabstrip/tabstrip-tab.component","export":["TabstripTabComponent"]},{"from":"./tabstrip/tab-content.directive","export":["TabContentDirective"]},{"from":"./tabstrip/tab-title.directive","export":["TabTitleDirective"]},{"from":"./layout.module","export":["LayoutModule"]}]}]
+[{"__symbolic":"module","version":3,"metadata":{},"exports":[{"from":"./panelbar/panelbar.component","export":["PanelBarComponent"]},{"from":"./panelbar/panelbar-item.component","export":["PanelBarItemComponent"]},{"from":"./panelbar/panelbar-content.directive","export":["PanelBarContentDirective"]},{"from":"./panelbar/panelbar-item-template.directive","export":["PanelBarItemTemplateDirective"]},{"from":"./panelbar/panelbar-item-title.directive","export":["PanelBarItemTitleDirective"]},{"from":"./panelbar/panelbar-expand-mode","export":["PanelBarExpandMode"]},{"from":"./panelbar/panelbar-item-model","export":["PanelBarItemModel"]},{"from":"./tabstrip/tabstrip.component","export":["TabStripComponent"]},{"from":"./tabstrip/tabstrip-tab.component","export":["TabStripTabComponent"]},{"from":"./tabstrip/tab-content.directive","export":["TabContentDirective"]},{"from":"./tabstrip/tab-title.directive","export":["TabTitleDirective"]},{"from":"./layout.module","export":["LayoutModule"]},{"from":"./panelbar.module","export":["PanelBarModule"]},{"from":"./tabstrip.module","export":["TabStripModule"]}]},{"__symbolic":"module","version":1,"metadata":{},"exports":[{"from":"./panelbar/panelbar.component","export":["PanelBarComponent"]},{"from":"./panelbar/panelbar-item.component","export":["PanelBarItemComponent"]},{"from":"./panelbar/panelbar-content.directive","export":["PanelBarContentDirective"]},{"from":"./panelbar/panelbar-item-template.directive","export":["PanelBarItemTemplateDirective"]},{"from":"./panelbar/panelbar-item-title.directive","export":["PanelBarItemTitleDirective"]},{"from":"./panelbar/panelbar-expand-mode","export":["PanelBarExpandMode"]},{"from":"./panelbar/panelbar-item-model","export":["PanelBarItemModel"]},{"from":"./tabstrip/tabstrip.component","export":["TabStripComponent"]},{"from":"./tabstrip/tabstrip-tab.component","export":["TabStripTabComponent"]},{"from":"./tabstrip/tab-content.directive","export":["TabContentDirective"]},{"from":"./tabstrip/tab-title.directive","export":["TabTitleDirective"]},{"from":"./layout.module","export":["LayoutModule"]},{"from":"./panelbar.module","export":["PanelBarModule"]},{"from":"./tabstrip.module","export":["TabStripModule"]}]}]

dist/npm/panelbar/panelbar-item.component.d.ts

@@ -36,5 +36,2 @@ import { TemplateRef, QueryList, AfterContentChecked, AfterViewChecked, ElementRef } from '@angular/core';
     /**
-     * @hidden
-     */
-    /**
      * Expands the PanelBar item when set to `true`.
@@ -41,0 +38,0 @@ */

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

@@ -60,5 +60,2 @@ "use strict";
     Object.defineProperty(PanelBarItemComponent.prototype, "expanded", {
-        /**
-         * @hidden
-         */
         get: function () {
@@ -65,0 +62,0 @@ return this._expanded;

dist/npm/panelbar/panelbar.component.js

@@ -426,3 +426,3 @@ "use strict";
         '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',] },],
+        'hostClasses': [{ type: core_1.HostBinding, args: ['class.k-widget',] }, { type: core_1.HostBinding, args: ['class.k-panelbar',] },],
     };
@@ -429,0 +429,0 @@ return PanelBarComponent;

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

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

dist/npm/tabstrip/tab-content.directive.d.ts

 import { TemplateRef } from '@angular/core';
 /**
- * Represents the content template of the Kendo UI Tabstrip.
+ * Represents the content template of the Kendo UI TabStrip.
  *
@@ -5,0 +5,0 @@ * To define the template, nest a `<template>` tag with the `kendoTabContent` inside the component tag.

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

 "use strict";
 var core_1 = require('@angular/core');
 /**
- * Represents the content template of the Kendo UI Tabstrip.
+ * Represents the content template of the Kendo UI TabStrip.
  *
@@ -6,0 +6,0 @@ * To define the template, nest a `<template>` tag with the `kendoTabContent` inside the component tag.

dist/npm/tabstrip/tab-title.directive.d.ts

 import { TemplateRef } from '@angular/core';
 /**
- * Represents the title template of the Kendo UI Tabstrip.
+ * Represents the title template of the Kendo UI TabStrip.
  *
@@ -5,0 +5,0 @@ * To define the template, nest a `<template>` tag with the `kendoTabTitle` directive inside the component tag.

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

 "use strict";
 var core_1 = require('@angular/core');
 /**
- * Represents the title template of the Kendo UI Tabstrip.
+ * Represents the title template of the Kendo UI TabStrip.
  *
@@ -6,0 +6,0 @@ * To define the template, nest a `<template>` tag with the `kendoTabTitle` directive inside the component tag.

dist/npm/tabstrip/tabstrip-tab.component.d.ts

@@ -5,5 +5,5 @@ import { AfterContentInit } from '@angular/core';
 /**
- * Represents the Kendo UI Tabstrip Tab component for Angular.
+ * Represents the Kendo UI TabStrip Tab component for Angular.
  */
-export declare class TabstripTabComponent implements AfterContentInit {
+export declare class TabStripTabComponent implements AfterContentInit {
     active: boolean;
@@ -23,3 +23,3 @@ /**
     /**
-     * Determines which tab to be selected upon the initial loading of the Tabstrip.
+     * Determines which tab to be selected upon the initial loading of the TabStrip.
      */
@@ -26,0 +26,0 @@ selected: boolean;

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

@@ -6,14 +6,14 @@ "use strict";
 /**
- * Represents the Kendo UI Tabstrip Tab component for Angular.
+ * Represents the Kendo UI TabStrip Tab component for Angular.
  */
-var TabstripTabComponent = (function () {
-    function TabstripTabComponent() {
+var TabStripTabComponent = (function () {
+    function TabStripTabComponent() {
         this.active = false;
     }
-    TabstripTabComponent.prototype.ngAfterContentInit = function () {
+    TabStripTabComponent.prototype.ngAfterContentInit = function () {
         this.active = this.selected;
     };
-    TabstripTabComponent.decorators = [
+    TabStripTabComponent.decorators = [
         { type: core_1.Component, args: [{
-                    exportAs: 'kendoTabstripTab',
+                    exportAs: 'kendoTabStripTab',
                     selector: 'kendo-tabstrip-tab',
@@ -24,4 +24,4 @@ template: ""
     /** @nocollapse */
-    TabstripTabComponent.ctorParameters = function () { return []; };
-    TabstripTabComponent.propDecorators = {
+    TabStripTabComponent.ctorParameters = function () { return []; };
+    TabStripTabComponent.propDecorators = {
         'title': [{ type: core_1.Input },],
@@ -34,4 +34,4 @@ 'disabled': [{ type: core_1.Input },],
     };
-    return TabstripTabComponent;
+    return TabStripTabComponent;
 }());
-exports.TabstripTabComponent = TabstripTabComponent;
+exports.TabStripTabComponent = TabStripTabComponent;

dist/npm/tabstrip/tabstrip-tab.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"TabstripTabComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"exportAs":"kendoTabstripTab","selector":"kendo-tabstrip-tab","template":""}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tabContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./tab-content.directive","name":"TabContentDirective"}]}]}],"tabTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./tab-title.directive","name":"TabTitleDirective"}]}]}],"ngAfterContentInit":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"TabstripTabComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"exportAs":"kendoTabstripTab","selector":"kendo-tabstrip-tab","template":""}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tabContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./tab-content.directive","name":"TabContentDirective"}]}]}],"tabTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./tab-title.directive","name":"TabTitleDirective"}]}]}],"ngAfterContentInit":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"TabStripTabComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"exportAs":"kendoTabStripTab","selector":"kendo-tabstrip-tab","template":""}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tabContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./tab-content.directive","name":"TabContentDirective"}]}]}],"tabTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./tab-title.directive","name":"TabTitleDirective"}]}]}],"ngAfterContentInit":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"TabStripTabComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"exportAs":"kendoTabStripTab","selector":"kendo-tabstrip-tab","template":""}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selected":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tabContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./tab-content.directive","name":"TabContentDirective"}]}]}],"tabTitle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./tab-title.directive","name":"TabTitleDirective"}]}]}],"ngAfterContentInit":[{"__symbolic":"method"}]}}}}]

dist/npm/tabstrip/tabstrip.component.d.ts

 import { QueryList, EventEmitter, ElementRef } from '@angular/core';
-import { TabstripTabComponent } from './tabstrip-tab.component';
+import { TabStripTabComponent } from './tabstrip-tab.component';
 import { Direction } from '../common/direction';
 import { SelectEvent } from './tabstrip-events';
 /**
- * Represents the Kendo UI Tabstrip component for Angular.
+ * Represents the Kendo UI TabStrip component for Angular.
  */
-export declare class TabstripComponent {
+export declare class TabStripComponent {
     /**
-     * Sets the height of the Tabstrip.
+     * Sets the height of the TabStrip.
      */
@@ -36,3 +36,3 @@ height: string;
      */
-    tabs: QueryList<TabstripTabComponent>;
+    tabs: QueryList<TabStripTabComponent>;
     /**
@@ -71,3 +71,3 @@ * @hidden
      */
-    tabItemClass(tab: TabstripTabComponent): Object;
+    tabItemClass(tab: TabStripTabComponent): Object;
     private direction;
@@ -74,0 +74,0 @@ private keyBindings;

dist/npm/tabstrip/tabstrip.component.js

@@ -7,6 +7,6 @@ "use strict";
 /**
- * Represents the Kendo UI Tabstrip component for Angular.
+ * Represents the Kendo UI TabStrip component for Angular.
  */
-var TabstripComponent = (function () {
-    function TabstripComponent(_direction) {
+var TabStripComponent = (function () {
+    function TabStripComponent(_direction) {
         /**
@@ -33,3 +33,3 @@ * Enables the tab animation.
     }
-    Object.defineProperty(TabstripComponent.prototype, "hostClasses", {
+    Object.defineProperty(TabStripComponent.prototype, "hostClasses", {
         get: function () {
@@ -41,3 +41,3 @@ return true;
     });
-    Object.defineProperty(TabstripComponent.prototype, "dir", {
+    Object.defineProperty(TabStripComponent.prototype, "dir", {
         get: function () {
@@ -52,7 +52,7 @@ return this.direction;
      */
-    TabstripComponent.prototype.contentClass = function (active) {
+    TabStripComponent.prototype.contentClass = function (active) {
         var visible = !this.keepTabContent || active;
         return visible ? 'k-content k-state-active' : 'k-content';
     };
-    Object.defineProperty(TabstripComponent.prototype, "computedKeys", {
+    Object.defineProperty(TabStripComponent.prototype, "computedKeys", {
         get: function () {
@@ -77,3 +77,3 @@ var _this = this;
      */
-    TabstripComponent.prototype.invertKeys = function (original, inverted) {
+    TabStripComponent.prototype.invertKeys = function (original, inverted) {
         return this.direction === 'rtl' ? inverted : original;
@@ -84,3 +84,3 @@ };
      */
-    TabstripComponent.prototype.onKeyDown = function (event) {
+    TabStripComponent.prototype.onKeyDown = function (event) {
         var selectedIndex = this.tabs.toArray().findIndex(function (tab) { return tab.active && !tab.disabled; });
@@ -111,3 +111,3 @@ if (event.currentTarget !== this.tablist.nativeElement) {
      */
-    TabstripComponent.prototype.tabPanelId = function (id) {
+    TabStripComponent.prototype.tabPanelId = function (id) {
         return 'k-tabstrip-tabpanel-' + id;
@@ -118,3 +118,3 @@ };
      */
-    TabstripComponent.prototype.tabId = function (id) {
+    TabStripComponent.prototype.tabId = function (id) {
         return 'k-tabstrip-tab-' + id;
@@ -125,3 +125,3 @@ };
      */
-    TabstripComponent.prototype.selectTab = function (selectedIndex) {
+    TabStripComponent.prototype.selectTab = function (selectedIndex) {
         var tab = this.tabs.toArray()[selectedIndex];
@@ -136,3 +136,3 @@ if (!tab || !!tab.disabled) {
      */
-    TabstripComponent.prototype.tabItemClass = function (tab) {
+    TabStripComponent.prototype.tabItemClass = function (tab) {
         return {
@@ -145,3 +145,3 @@ 'k-item': true,
     };
-    TabstripComponent.prototype.firstNavigatableIndex = function () {
+    TabStripComponent.prototype.firstNavigatableIndex = function () {
         var tabs = this.tabs.toArray();
@@ -154,3 +154,3 @@ for (var i = 0; i < tabs.length; i++) {
     };
-    TabstripComponent.prototype.lastNavigatableIndex = function () {
+    TabStripComponent.prototype.lastNavigatableIndex = function () {
         var tabs = this.tabs.toArray();
@@ -163,3 +163,3 @@ for (var i = tabs.length - 1; i > 0; i--) {
     };
-    TabstripComponent.prototype.prevNavigatableIndex = function (selectedIndex) {
+    TabStripComponent.prototype.prevNavigatableIndex = function (selectedIndex) {
         if (selectedIndex - 1 < 0) {
@@ -179,3 +179,3 @@ return this.lastNavigatableIndex();
     };
-    TabstripComponent.prototype.nextNavigatableIndex = function (selectedIndex) {
+    TabStripComponent.prototype.nextNavigatableIndex = function (selectedIndex) {
         if (selectedIndex + 1 >= this.tabs.length) {
@@ -194,3 +194,3 @@ return this.firstNavigatableIndex();
     };
-    TabstripComponent.prototype.emitEvent = function (tab, selectedIndex) {
+    TabStripComponent.prototype.emitEvent = function (tab, selectedIndex) {
         var selectArgs = new tabstrip_events_1.SelectEvent(selectedIndex, tab.title);
@@ -204,3 +204,3 @@ this.tabSelect.emit(selectArgs);
     };
-    TabstripComponent.prototype.deactivateAll = function () {
+    TabStripComponent.prototype.deactivateAll = function () {
         this.tabs.forEach(function (tab) {
@@ -210,3 +210,3 @@ tab.active = false;
     };
-    TabstripComponent.decorators = [
+    TabStripComponent.decorators = [
         { type: core_1.Component, args: [{
@@ -224,3 +224,3 @@ animations: [
                     ],
-                    exportAs: 'kendoTabstrip',
+                    exportAs: 'kendoTabStrip',
                     selector: 'kendo-tabstrip',
@@ -231,6 +231,6 @@ 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 [
+    TabStripComponent.ctorParameters = function () { return [
         { type: undefined, decorators: [{ type: core_1.Optional }, { type: core_1.Inject, args: ['kendo-direction',] },] },
     ]; };
-    TabstripComponent.propDecorators = {
+    TabStripComponent.propDecorators = {
         'height': [{ type: core_1.Input },],
@@ -243,6 +243,6 @@ 'animate': [{ type: core_1.Input },],
         'dir': [{ type: core_1.HostBinding, args: ['attr.dir',] },],
-        'tabs': [{ type: core_1.ContentChildren, args: [tabstrip_tab_component_1.TabstripTabComponent,] },],
+        'tabs': [{ type: core_1.ContentChildren, args: [tabstrip_tab_component_1.TabStripTabComponent,] },],
     };
-    return TabstripComponent;
+    return TabStripComponent;
 }());
-exports.TabstripComponent = TabstripComponent;
+exports.TabStripComponent = TabStripComponent;

dist/npm/tabstrip/tabstrip.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"TabstripComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["state",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["active",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["* => active",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"opacity":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["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    "}]}],"members":{"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"animate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"keepTabContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tablist":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["tablist"]}]}],"tabSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"hostClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-widget"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-tabstrip"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-floatwrap"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-tabstrip-top"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-header"]}]}],"dir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.dir"]}]}],"tabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./tabstrip-tab.component","name":"TabstripTabComponent"}]}]}],"contentClass":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":["kendo-direction"]}]],"parameters":[{"__symbolic":"reference","module":"../common/direction","name":"Direction"}]}],"invertKeys":[{"__symbolic":"method"}],"onKeyDown":[{"__symbolic":"method"}],"tabPanelId":[{"__symbolic":"method"}],"tabId":[{"__symbolic":"method"}],"selectTab":[{"__symbolic":"method"}],"tabItemClass":[{"__symbolic":"method"}],"firstNavigatableIndex":[{"__symbolic":"method"}],"lastNavigatableIndex":[{"__symbolic":"method"}],"prevNavigatableIndex":[{"__symbolic":"method"}],"nextNavigatableIndex":[{"__symbolic":"method"}],"emitEvent":[{"__symbolic":"method"}],"deactivateAll":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"TabstripComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["state",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["active",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["* => active",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"opacity":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["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    "}]}],"members":{"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"animate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"keepTabContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tablist":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["tablist"]}]}],"tabSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"hostClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-widget"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-tabstrip"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-floatwrap"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-tabstrip-top"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-header"]}]}],"dir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.dir"]}]}],"tabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./tabstrip-tab.component","name":"TabstripTabComponent"}]}]}],"contentClass":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":["kendo-direction"]}]],"parameters":[{"__symbolic":"reference","module":"../common/direction","name":"Direction"}]}],"invertKeys":[{"__symbolic":"method"}],"onKeyDown":[{"__symbolic":"method"}],"tabPanelId":[{"__symbolic":"method"}],"tabId":[{"__symbolic":"method"}],"selectTab":[{"__symbolic":"method"}],"tabItemClass":[{"__symbolic":"method"}],"firstNavigatableIndex":[{"__symbolic":"method"}],"lastNavigatableIndex":[{"__symbolic":"method"}],"prevNavigatableIndex":[{"__symbolic":"method"}],"nextNavigatableIndex":[{"__symbolic":"method"}],"emitEvent":[{"__symbolic":"method"}],"deactivateAll":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"TabStripComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["state",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["active",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["* => active",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"opacity":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["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    "}]}],"members":{"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"animate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"keepTabContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tablist":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["tablist"]}]}],"tabSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"hostClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-widget"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-tabstrip"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-floatwrap"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-tabstrip-top"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-header"]}]}],"dir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.dir"]}]}],"tabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./tabstrip-tab.component","name":"TabStripTabComponent"}]}]}],"contentClass":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":["kendo-direction"]}]],"parameters":[{"__symbolic":"reference","module":"../common/direction","name":"Direction"}]}],"invertKeys":[{"__symbolic":"method"}],"onKeyDown":[{"__symbolic":"method"}],"tabPanelId":[{"__symbolic":"method"}],"tabId":[{"__symbolic":"method"}],"selectTab":[{"__symbolic":"method"}],"tabItemClass":[{"__symbolic":"method"}],"firstNavigatableIndex":[{"__symbolic":"method"}],"lastNavigatableIndex":[{"__symbolic":"method"}],"prevNavigatableIndex":[{"__symbolic":"method"}],"nextNavigatableIndex":[{"__symbolic":"method"}],"emitEvent":[{"__symbolic":"method"}],"deactivateAll":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"TabStripComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["state",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["active",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["* => active",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"opacity":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":["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    "}]}],"members":{"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"animate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"keepTabContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tablist":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["tablist"]}]}],"tabSelect":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"hostClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-widget"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-tabstrip"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-floatwrap"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-tabstrip-top"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-header"]}]}],"dir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.dir"]}]}],"tabs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","module":"./tabstrip-tab.component","name":"TabStripTabComponent"}]}]}],"contentClass":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":["kendo-direction"]}]],"parameters":[{"__symbolic":"reference","module":"../common/direction","name":"Direction"}]}],"invertKeys":[{"__symbolic":"method"}],"onKeyDown":[{"__symbolic":"method"}],"tabPanelId":[{"__symbolic":"method"}],"tabId":[{"__symbolic":"method"}],"selectTab":[{"__symbolic":"method"}],"tabItemClass":[{"__symbolic":"method"}],"firstNavigatableIndex":[{"__symbolic":"method"}],"lastNavigatableIndex":[{"__symbolic":"method"}],"prevNavigatableIndex":[{"__symbolic":"method"}],"nextNavigatableIndex":[{"__symbolic":"method"}],"emitEvent":[{"__symbolic":"method"}],"deactivateAll":[{"__symbolic":"method"}]}}}}]

package.json

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

README.md

@@ -12,3 +12,3 @@ # Kendo UI for Angular 2: Layout
 
-* Tabstrip
+* TabStrip
 * PanelBar
@@ -20,4 +20,4 @@
 
-For more information on how to install the Tabstrip component and on its available configuration options, refer to the [Tabstrip documentation](http://www.telerik.com/kendo-angular-ui/components/layout/tabstrip/).
+For more information on how to install the TabStrip component and on its available configuration options, refer to the [TabStrip documentation](http://www.telerik.com/kendo-angular-ui/components/layout/tabstrip/).
 
 For more information on how to install the PanelBar component and on its available configuration options, refer to the [PanelBar documentation](http://www.telerik.com/kendo-angular-ui/components/layout/panelbar/).

tsconfig.es.json

@@ -15,3 +15,4 @@ {
     "lib": ["es2015", "dom"],
-    "outDir": "dist/es"
+    "outDir": "dist/es",
+    "types": []
   },
@@ -18,0 +19,0 @@ "files": [

No alert changes

Improved metrics

Total package byte prevSize

355311

increased by2.4%

Number of package files

115

increased by11.65%

Lines of code

4510

increased by2.62%

No dependency changes