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

Comparing version 0.2.2-dev.201806191511 to 0.2.2-dev.201808071355

dist/cdn/main.js

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("tslib"),require("@angular/core"),require("@progress/kendo-angular-popup"),require("@progress/kendo-angular-resize-sensor"),require("@progress/kendo-angular-l10n"),require("rxjs/operators/filter"),require("@angular/common"),require("@progress/kendo-angular-buttons")):"function"==typeof define&&define.amd?define(["tslib","@angular/core","@progress/kendo-angular-popup","@progress/kendo-angular-resize-sensor","@progress/kendo-angular-l10n","rxjs/operators/filter","@angular/common","@progress/kendo-angular-buttons"],t):"object"==typeof exports?exports.KendoAngularToolbar=t(require("tslib"),require("@angular/core"),require("@progress/kendo-angular-popup"),require("@progress/kendo-angular-resize-sensor"),require("@progress/kendo-angular-l10n"),require("rxjs/operators/filter"),require("@angular/common"),require("@progress/kendo-angular-buttons")):e.KendoAngularToolbar=t(e.tslib,e["@angular/core"],e["@progress/kendo-angular-popup"],e["@progress/kendo-angular-resize-sensor"],e["@progress/kendo-angular-l10n"],e["rxjs/operators/filter"],e["@angular/common"],e["@progress/kendo-angular-buttons"])}(this,function(e,t,o,n,i,r,a,s){return function(e){function t(n){if(o[n])return o[n].exports;var i=o[n]={exports:{},id:n,loaded:!1};return e[n].call(i.exports,i,i.exports,t),i.loaded=!0,i.exports}var o={};return t.m=e,t.c=o,t.p="",t(0)}([function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(1);t.ToolBarComponent=n.ToolBarComponent;var i=o(10);t.ToolBarToolComponent=i.ToolBarToolComponent;var r=o(18);t.ToolBarButtonComponent=r.ToolBarButtonComponent;var a=o(20);t.ToolBarButtonGroupComponent=a.ToolBarButtonGroupComponent;var s=o(22);t.ToolBarDropDownButtonComponent=s.ToolBarDropDownButtonComponent;var p=o(23);t.ToolBarSplitButtonComponent=p.ToolBarSplitButtonComponent;var l=o(15);t.ToolBarSeparatorComponent=l.ToolBarSeparatorComponent;var u=o(24);t.ToolBarModule=u.ToolBarModule},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),i=o(3),r=o(4),a=o(5),s=o(6),p=o(7),l=o(8),u=o(10),d=o(9),c=o(12),f=o(13),m=o(14),h=o(17),g=function(){function e(e,t,o,n,r,a){this.localization=e,this.popupService=t,this.refreshService=o,this.navigationService=n,this.element=r,this.cdr=a,this.resizable=!1,this.tabindex=0,this.open=new i.EventEmitter,this.close=new i.EventEmitter,this._popupSettings={animate:!0},this.direction=e.rtl?"rtl":"ltr"}return Object.defineProperty(e.prototype,"popupSettings",{get:function(){return this._popupSettings},set:function(e){this._popupSettings=Object.assign({},{animate:!0},e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"tabIndex",{get:function(){return this.tabindex},set:function(e){this.tabindex=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"appendTo",{get:function(){var e=this.popupSettings.appendTo;if(e&&"root"!==e)return"component"===e?this.container:e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"popupOpen",{get:function(){return this._open},set:function(e){if(this.popupOpen!==e){var t=new f.PreventableEvent;e?this.open.emit(t):this.close.emit(t),t.isDefaultPrevented()||this.toggle(e)}},enumerable:!0,configurable:!0}),e.prototype.onFocus=function(){var e=this.navigationService.focused;return e?void this.navigationService.focus(e):void this.navigationService.focusFirst()},e.prototype.onKeyDown=function(e){var t="ltr"===this.direction?e.keyCode===c.Keys.left:e.keyCode===c.Keys.right,o="ltr"===this.direction?e.keyCode===c.Keys.right:e.keyCode===c.Keys.left;t&&(e.preventDefault(),this.navigationService.focusPrev()),o&&(e.preventDefault(),this.navigationService.focusNext()),e.keyCode===c.Keys.tab&&this.element.nativeElement.blur(),this.navigationService.keydown.emit(e)},Object.defineProperty(e.prototype,"getTabIndex",{get:function(){return this.tabindex},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"getRole",{get:function(){return"toolbar"},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"getDir",{get:function(){return this.direction},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"className",{get:function(){return"k-widget k-toolbar"},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"resizableClass",{get:function(){return this.resizable},enumerable:!0,configurable:!0}),e.prototype.ngAfterViewInit=function(){var e=this;this.resizable&&(this.resizeSubscription=this.resizeSensor.resize.pipe(h.filter(function(){return e.resizable})).subscribe(this.onResize.bind(this)),this.resizeSensor.resize.emit(),this.navigationService.overflowButton=this.overflowButton)},e.prototype.ngOnInit=function(){var e=this;this.localizationChangesSubscription=this.localization.changes.subscribe(function(t){var o=t.rtl;return e.direction=o?"rtl":"ltr"})},e.prototype.ngOnDestroy=function(){this.resizeSubscription&&this.resizeSubscription.unsubscribe(),this.localizationChangesSubscription&&this.localizationChangesSubscription.unsubscribe()},e.prototype.showPopup=function(){this.popupOpen=!this.popupOpen},e.prototype.toggle=function(e){var t=this;this._open=void 0!==e?e:!this.popupOpen,this.popupRef&&(this.popupRef.close(),this.popupRef=null),this.popupOpen&&(this.popupRef=this.popupService.open({anchor:this.overflowButton,content:this.popupTemplate,appendTo:this.appendTo,animate:this.popupSettings.animate,popupClass:this.popupSettings.popupClass,positionMode:"absolute"}),this.popupRef.popupOpen.subscribe(this.onPopupOpen.bind(this)),this.popupRef.popupClose.subscribe(this.onPopupClose.bind(this)),this.popupRef.popupAnchorViewportLeave.subscribe(function(){return t.popupOpen=!1}))},e.prototype.onResize=function(){this.toggle(!1);var e=d.innerWidth(this.element.nativeElement)-this.overflowAnchorWidth;this.shrink(e,this.childrenWidth),this.stretch(e,this.childrenWidth),this.cdr.detectChanges(),this.resizeSensor.acceptSize()},e.prototype.onPopupOpen=function(){this.navigationService.moveFocusToPopup()},e.prototype.onPopupClose=function(){this.navigationService.moveFocusToToolBar()},Object.defineProperty(e.prototype,"displayAnchor",{get:function(){return this.overflowTools.length?"visible":"hidden"},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"overflowAnchorWidth",{get:function(){return this.resizable?(this.cachedOverflowAnchorWidth||(this.cachedOverflowAnchorWidth=d.outerWidth(this.overflowButton.nativeElement)),this.cachedOverflowAnchorWidth):0},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"childrenWidth",{get:function(){var e=0;return this.renderedTools.forEach(function(t){e+=t.width}),e+=this.overflowAnchorWidth,Math.ceil(e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"visibleTools",{get:function(){return this.allTools.filter(function(e){return e.overflows===!1})},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"overflowTools",{get:function(){return this.allTools.filter(function(e){return e.overflows===!0})},enumerable:!0,configurable:!0}),e.prototype.shrink=function(e,t){var o;if(e<t)for(var n=this.visibleTools.length-1;n>=0&&!(e>t);n--)o=this.hideLastVisibleTool(),t-=o},e.prototype.stretch=function(e,t){var o;if(e>t)for(var n=this.overflowTools.length-1;n>=0&&(o=this.showFirstHiddenTool(e,t),o);n--)t+=o},e.prototype.hideLastVisibleTool=function(){var e=this.visibleTools[this.visibleTools.length-1],t=this.renderedTools.find(function(t){return t.tool===e}),o=t.width;return e.overflows=!0,this.refreshService.refresh(e),o},e.prototype.showFirstHiddenTool=function(e,t){var o=this.overflowTools[0],n=this.renderedTools.find(function(e){return e.tool===o});return o.overflows=!1,o.visibility="hidden",this.refreshService.refresh(o),e>t+n.width?(o.visibility="visible",this.refreshService.refresh(o)):(o.overflows=!0,this.refreshService.refresh(o)),n.width},n.__decorate([i.Input(),n.__metadata("design:type",Boolean)],e.prototype,"resizable",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Object),n.__metadata("design:paramtypes",[Object])],e.prototype,"popupSettings",null),n.__decorate([i.Input(),n.__metadata("design:type",Number)],e.prototype,"tabindex",void 0),n.__decorate([i.Input("tabIndex"),n.__metadata("design:type",Number),n.__metadata("design:paramtypes",[Number])],e.prototype,"tabIndex",null),n.__decorate([i.Output(),n.__metadata("design:type",i.EventEmitter)],e.prototype,"open",void 0),n.__decorate([i.Output(),n.__metadata("design:type",i.EventEmitter)],e.prototype,"close",void 0),n.__decorate([i.ContentChildren(u.ToolBarToolComponent),n.__metadata("design:type",i.QueryList)],e.prototype,"allTools",void 0),n.__decorate([i.ViewChild("overflowButton"),n.__metadata("design:type",i.ElementRef)],e.prototype,"overflowButton",void 0),n.__decorate([i.ViewChild("popupTemplate"),n.__metadata("design:type",i.TemplateRef)],e.prototype,"popupTemplate",void 0),n.__decorate([i.ViewChild("resizeSensor"),n.__metadata("design:type",a.ResizeSensorComponent)],e.prototype,"resizeSensor",void 0),n.__decorate([i.ViewChild("container",{read:i.ViewContainerRef}),n.__metadata("design:type",i.ViewContainerRef)],e.prototype,"container",void 0),n.__decorate([i.ViewChildren(m.ToolBarRendererComponent),n.__metadata("design:type",i.QueryList)],e.prototype,"renderedTools",void 0),n.__decorate([i.HostListener("focus"),n.__metadata("design:type",Function),n.__metadata("design:paramtypes",[]),n.__metadata("design:returntype",void 0)],e.prototype,"onFocus",null),n.__decorate([i.HostListener("keydown",["$event"]),n.__metadata("design:type",Function),n.__metadata("design:paramtypes",[Object]),n.__metadata("design:returntype",void 0)],e.prototype,"onKeyDown",null),n.__decorate([i.HostBinding("attr.tabindex"),n.__metadata("design:type",Number),n.__metadata("design:paramtypes",[])],e.prototype,"getTabIndex",null),n.__decorate([i.HostBinding("attr.role"),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[])],e.prototype,"getRole",null),n.__decorate([i.HostBinding("attr.dir"),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[])],e.prototype,"getDir",null),n.__decorate([i.HostBinding("class"),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[])],e.prototype,"className",null),n.__decorate([i.HostBinding("class.k-toolbar-resizable"),n.__metadata("design:type",Boolean),n.__metadata("design:paramtypes",[])],e.prototype,"resizableClass",null),e=n.__decorate([i.Component({exportAs:"kendoToolBar",providers:[p.RefreshService,l.NavigationService,s.LocalizationService,{provide:s.L10N_PREFIX,useValue:"kendo.toolbar"}],selector:"kendo-toolbar",template:'\n        <ng-container *ngFor="let tool of allTools; let index = index;">\n            <kendo-toolbar-renderer [location]="\'toolbar\'" [resizable]="resizable" [tool]="tool"></kendo-toolbar-renderer>\n        </ng-container>\n        <button #overflowButton\n            tabindex="-1" *ngIf="resizable" [style.visibility]="displayAnchor" class="k-overflow-anchor k-button" (click)="showPopup()">\n            <span class="k-icon k-i-more-vertical"></span>\n        </button>\n        <ng-template #popupTemplate>\n            <ul class="k-overflow-container k-list-container k-reset">\n                <ng-container *ngFor="let tool of allTools; let index = index;">\n                    <kendo-toolbar-renderer [location]="\'overflow\'" [resizable]="resizable" [tool]="tool"></kendo-toolbar-renderer>\n                </ng-container>\n            </ul>\n        </ng-template>\n        <ng-container #container></ng-container>\n        <kendo-resize-sensor *ngIf="resizable" [rateLimit]="1000" #resizeSensor></kendo-resize-sensor>\n    '}),n.__metadata("design:paramtypes",[s.LocalizationService,r.PopupService,p.RefreshService,l.NavigationService,i.ElementRef,i.ChangeDetectorRef])],e)}();t.ToolBarComponent=g},function(t,o){t.exports=e},function(e,o){e.exports=t},function(e,t){e.exports=o},function(e,t){e.exports=n},function(e,t){e.exports=i},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),i=o(3),r=function(){function e(){this.onRefresh=new i.EventEmitter}return e.prototype.refresh=function(e){this.onRefresh.emit(e)},e=n.__decorate([i.Injectable()],e)}();t.RefreshService=r},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),i=o(3),r=o(9),a=function(){function e(){this.keydown=new i.EventEmitter,this.isPopupFocused=!1,this.tools=[],this.isFocusLocked=!1,this.isOverflowButtonFocused=!1}return e.prototype.register=function(e){this.tools.push(e)},e.prototype.unregister=function(e){this.tools.splice(this.tools.indexOf(e),1)},e.prototype.moveFocusToToolBar=function(){this.isPopupFocused=!1,this.focusOverflowButton()},e.prototype.moveFocusToPopup=function(){this.isPopupFocused=!0},e.prototype.focus=function(e,t){var o=this;this.focused=e,this.tools.filter(function(e){return e!==o.focused}).forEach(function(e){return e.navigationService.defocus()}),this.isOverflowButtonFocused=!1,e.navigationService.focus(t)},e.prototype.focusOverflowButton=function(){this.isOverflowButtonFocused=!0,this.overflowButton.nativeElement.focus()},e.prototype.focusFirst=function(){if(!this.isFocusLocked){var e=this.tools.find(function(e){return!!e.navigationService.canFocus()});e&&this.focus(e)}},e.prototype.focusPrev=function(e){if(r.isPresent(e)||(e=this.isOverflowButtonFocused?this.tools.length-1:this.tools.indexOf(this.focused)-1),!(this.isFocusLocked||!this.tools.length||e<0)){var t=this.tools[e];t.navigationService.canFocus()?this.focus(t,!0):this.focusPrev(e-1)}},e.prototype.focusNext=function(e){var t=this.overflowButton&&"visible"===this.overflowButton.nativeElement.style.visibility;if(r.isPresent(e)||(e=this.tools.indexOf(this.focused)+1),e>=this.tools.length&&t&&!this.isOverflowButtonFocused&&this.focusOverflowButton(),!(this.isFocusLocked||!this.tools.length||e>=this.tools.length)){var o=this.tools[e];o.navigationService.canFocus()?this.focus(o):this.focusNext(e+1)}},e.prototype.lock=function(){this.isFocusLocked=!0},e.prototype.unlock=function(){this.isFocusLocked=!1},e.prototype.focusEnter=function(){},e.prototype.focusLeave=function(){},e.prototype.defocus=function(e){e.navigationService.defocus()},e=n.__decorate([i.Injectable()],e)}();t.NavigationService=a},function(e,t){"use strict";function o(e){var t=e.offsetWidth,o=getComputedStyle(e);return t+=parseFloat(o.marginLeft)||0+parseFloat(o.marginRight)||0}function n(e){var t=e.offsetWidth,o=getComputedStyle(e);return t-=parseFloat(o.paddingLeft)||0+parseFloat(o.borderLeftWidth)||0,t-=parseFloat(o.paddingRight)||0+parseFloat(o.borderRightWidth)||0}function i(e){var t=e.offsetHeight,o=getComputedStyle(e);return t+=parseFloat(o.marginTop)||0+parseFloat(o.marginBottom)||0}Object.defineProperty(t,"__esModule",{value:!0});var r=/^(?:a|input|select|textarea|button|object)$/i;t.outerWidth=o,t.innerWidth=n,t.outerHeight=i,t.closest=function(e,t){for(;e&&!t(e);)e=e.parentNode;return e},t.isVisible=function(e){var t=e.getBoundingClientRect(),o=t.width>0&&t.height>0,n=0!==t.x&&0!==t.y;return(o||n)&&"hidden"!==window.getComputedStyle(e).visibility},t.findElement=function(e,o,n){if(void 0===n&&(n=!0),e){if(n&&o(e))return e;for(e=e.firstChild;e;){if(1===e.nodeType){var i=t.findElement(e,o);if(i)return i}e=e.nextSibling}}},t.isFocusable=function(e,o){if(void 0===o&&(o=!0),e.tagName){var n=e.tagName.toLowerCase(),i=e.getAttribute("tabIndex"),a=null!==i;return r.test(n)&&(a=!e.disabled),a&&(!o||t.isVisible(e))}return!1},t.findFocusable=function(e,o){return void 0===o&&(o=!0),t.findElement(e,function(e){return t.isFocusable(e,o)})},t.findFocusableChild=function(e,o){return void 0===o&&(o=!0),t.findElement(e,function(e){return t.isFocusable(e,o)},!1)},t.findFocusableSibling=function(e,o,n){void 0===o&&(o=!0);for(var i=n?e.prevSibling:e.nextSibling;i;){if(1===i.nodeType){var r=t.findElement(i,function(e){return t.isFocusable(e,o)});if(r)return r}i=n?i.prevSibling:i.nextSibling}},t.isPresent=function(e){return null!==e&&void 0!==e},t.isChanged=function(e,t){return t[e]&&!t[e].isFirstChange()&&t[e].previousValue!==t[e].currentValue}},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),i=o(3),r=o(11),a=function(){function e(){this.tabIndex=-1,this.overflows=!0,this.navigationService||(this.navigationService=new r.ToolNavigationService)}return Object.defineProperty(e.prototype,"toolbarDisplay",{get:function(){return this.overflows?"none":"inline-block"},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"overflowDisplay",{get:function(){return this.overflows?"block":"none"},enumerable:!0,configurable:!0}),e=n.__decorate([i.Component({selector:"toolbar-tool",template:""}),n.__metadata("design:paramtypes",[])],e)}();t.ToolBarToolComponent=a},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),i=o(3),r=function(){function e(){}return e.prototype.register=function(e,t){"toolbar"===t?this.toolbarRenderer=e:this.overflowRenderer=e},e.prototype.canFocus=function(){return!1},e.prototype.focus=function(){},e.prototype.defocus=function(){},e.prototype.hasFocus=function(){return!1},e=n.__decorate([i.Injectable()],e)}();t.ToolNavigationService=r},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o;!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]="'"}(o=t.Keys||(t.Keys={}))},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=function(){function e(){this.prevented=!1}return e.prototype.preventDefault=function(){this.prevented=!0},e.prototype.isDefaultPrevented=function(){return this.prevented},e}();t.PreventableEvent=o},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),i=o(3),r=o(9),a=o(10),s=o(15),p=o(7),l=o(8),u=o(16),d=function(){function e(e,t,o,n,i){var r=this;this.element=e,this.renderer=t,this.rendererService=o,this.refreshService=n,this.navigationService=i,this.rendererService.element=e,this.rendererService.renderer=this,this.refreshSubscription=this.refreshService.onRefresh.subscribe(function(e){r.tool===e&&r.refresh()})}return Object.defineProperty(e.prototype,"className",{get:function(){return this.tool instanceof s.ToolBarSeparatorComponent},enumerable:!0,configurable:!0}),e.prototype.onFocus=function(){this.navigationService.focused=this.tool},e.prototype.ngOnInit=function(){this.resizable?"toolbar"===this.location?(this.template=this.tool.toolbarTemplate,this.renderer.setStyle(this.element.nativeElement,"visibility","hidden"),this.renderer.setStyle(this.element.nativeElement,"display","none")):(this.template=this.tool.popupTemplate,this.renderer.setStyle(this.element.nativeElement,"display","none")):(this.tool.overflows=!1,this.template=this.tool.toolbarTemplate,this.renderer.setStyle(this.element.nativeElement,"visibility","display"),this.renderer.setStyle(this.element.nativeElement,"display","inline-block")),this.navigationService.register(this.tool),this.tool.navigationService.register(this.rendererService,this.location),this.tool.navigationService.toolbarNavigation=this.navigationService},e.prototype.ngOnDestroy=function(){this.navigationService.unregister(this.tool),this.refreshSubscription.unsubscribe()},e.prototype.ngAfterViewInit=function(){this.resizable&&this.refresh()},Object.defineProperty(e.prototype,"width",{get:function(){return this.tool.overflows?0:r.outerWidth(this.element.nativeElement)},enumerable:!0,configurable:!0}),e.prototype.isDisplayed=function(){return"none"!==this.element.nativeElement.style.display},e.prototype.refresh=function(){this.resizable&&("toolbar"===this.location?(this.renderer.setStyle(this.element.nativeElement,"visibility",this.tool.visibility),this.renderer.setStyle(this.element.nativeElement,"display",this.tool.toolbarDisplay)):this.renderer.setStyle(this.element.nativeElement,"display",this.tool.overflowDisplay))},e.prototype.setAttribute=function(e,t,o){this.renderer.setAttribute(e,t,o)},n.__decorate([i.Input(),n.__metadata("design:type",a.ToolBarToolComponent)],e.prototype,"tool",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],e.prototype,"location",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Boolean)],e.prototype,"resizable",void 0),n.__decorate([i.HostBinding("class.k-separator"),n.__metadata("design:type",Boolean),n.__metadata("design:paramtypes",[])],e.prototype,"className",null),n.__decorate([i.HostListener("focusin"),n.__metadata("design:type",Function),n.__metadata("design:paramtypes",[]),n.__metadata("design:returntype",void 0)],e.prototype,"onFocus",null),e=n.__decorate([i.Component({exportAs:"kendoToolBarRenderer",providers:[u.RendererService],selector:"kendo-toolbar-renderer",template:'\n        <ng-container *ngIf="location === \'toolbar\'">\n            <ng-template [ngTemplateOutlet]="template"></ng-template>\n        </ng-container>\n        <ng-container *ngIf="location === \'overflow\'">\n            <li class="k-item">\n                <ng-template [ngTemplateOutlet]="template"></ng-template>\n            </li>\n        </ng-container>\n    '}),n.__metadata("design:paramtypes",[i.ElementRef,i.Renderer2,u.RendererService,p.RefreshService,l.NavigationService])],e)}();t.ToolBarRendererComponent=d},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),i=o(3),r=o(10),a=o(11),s=function(e){function t(){var t=e.call(this)||this;return t.navigationService=new a.ToolNavigationService,t}return n.__extends(t,e),o=t,t.prototype.ngAfterViewInit=function(){this.popupTemplate||(this.popupTemplate=this.toolbarTemplate)},n.__decorate([i.ViewChild("toolbarTemplate"),n.__metadata("design:type",i.TemplateRef)],t.prototype,"toolbarTemplate",void 0),n.__decorate([i.ViewChild("popupTemplate"),n.__metadata("design:type",i.TemplateRef)],t.prototype,"popupTemplate",void 0),n.__decorate([i.ViewChild("separator"),n.__metadata("design:type",i.ElementRef)],t.prototype,"separator",void 0),t=o=n.__decorate([i.Component({exportAs:"kendoToolBarSeparator",providers:[{provide:r.ToolBarToolComponent,useExisting:i.forwardRef(function(){return o})}],selector:"kendo-toolbar-separator",template:"\n        <ng-template #toolbarTemplate>\n        </ng-template>\n    "}),n.__metadata("design:paramtypes",[])],t);var o}(r.ToolBarToolComponent);t.ToolBarSeparatorComponent=s},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),i=o(3),r=o(9),a=function(){function e(){}return e.prototype.getElement=function(){return this.element.nativeElement},e.prototype.querySelector=function(e){return this.element.nativeElement.querySelector(e)},e.prototype.querySelectorAll=function(e){return this.element.nativeElement.querySelectorAll(e)},e.prototype.findFocusable=function(){return r.findFocusable(this.element.nativeElement,!1)},e.prototype.findFocusableChild=function(e){return e||(e=this.findFocusable()),r.findFocusableChild(e,!1)},e.prototype.findNextFocusableSibling=function(e){return e||(e=this.findFocusable()),r.findFocusableSibling(e,!1)},e.prototype.findPrevFocusableSibling=function(e){return e||(e=this.findFocusable()),r.findFocusableSibling(e,!1,!0)},e.prototype.setAttribute=function(e,t,o){this.renderer.setAttribute(e,t,o)},e=n.__decorate([i.Injectable()],e)}();t.RendererService=a},function(e,t){e.exports=r},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),i=o(3),r=o(10),a=o(9),s=o(19);t.display=function(e,t,o){switch(t){case"toolbar":return o?void 0:e;case"overflow":return o?e:void 0;default:return e}};var p=function(e){function o(){var t=e.call(this)||this;return t.showText="both",t.togglable=!1,t.primary=!1,t.look="default",t.selected=!1,t.showIcon="both",t.click=new i.EventEmitter,t.selectedChange=new i.EventEmitter,t.internalState={selected:void 0},t.navigationService=new s.SingleFocusableNavigationService,t}return n.__extends(o,e),p=o,Object.defineProperty(o.prototype,"text",{get:function(){return t.display(this._text,this.showText,this.overflows)},set:function(e){this._text=e},enumerable:!0,configurable:!0}),Object.defineProperty(o.prototype,"icon",{get:function(){return t.display(this._icon,this.showIcon,this.overflows)},set:function(e){this._icon=e},enumerable:!0,configurable:!0}),Object.defineProperty(o.prototype,"iconClass",{get:function(){return t.display(this._iconClass,this.showIcon,this.overflows)},set:function(e){this._iconClass=e},enumerable:!0,configurable:!0}),Object.defineProperty(o.prototype,"imageUrl",{get:function(){return t.display(this._imageUrl,this.showIcon,this.overflows)},set:function(e){this._imageUrl=e},enumerable:!0,configurable:!0}),o.prototype.ngOnChanges=function(e){a.isChanged("selected",e)&&(this.internalState.selected=this.selected)},o.prototype.selectedChangeHandler=function(e){this.internalState.selected=e,this.selectedChange.emit(e)},n.__decorate([i.Input(),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[String])],o.prototype,"text",null),n.__decorate([i.Input(),n.__metadata("design:type",String)],o.prototype,"showText",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Boolean)],o.prototype,"disabled",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Boolean)],o.prototype,"togglable",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Boolean)],o.prototype,"primary",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],o.prototype,"look",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Boolean)],o.prototype,"selected",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[String])],o.prototype,"icon",null),n.__decorate([i.Input(),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[String])],o.prototype,"iconClass",null),n.__decorate([i.Input(),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[String])],o.prototype,"imageUrl",null),n.__decorate([i.Input(),n.__metadata("design:type",String)],o.prototype,"showIcon",void 0),n.__decorate([i.Output(),n.__metadata("design:type",i.EventEmitter)],o.prototype,"click",void 0),n.__decorate([i.Output(),n.__metadata("design:type",i.EventEmitter)],o.prototype,"selectedChange",void 0),n.__decorate([i.ViewChild("toolbarTemplate"),n.__metadata("design:type",i.TemplateRef)],o.prototype,"toolbarTemplate",void 0),n.__decorate([i.ViewChild("popupTemplate"),n.__metadata("design:type",i.TemplateRef)],o.prototype,"popupTemplate",void 0),o=p=n.__decorate([i.Component({exportAs:"kendoToolBarButton",providers:[{provide:r.ToolBarToolComponent,useExisting:i.forwardRef(function(){return p})}],selector:"kendo-toolbar-button",template:'\n        <ng-template #toolbarTemplate>\n            <button tabindex="-1" kendoButton kendoToolBarFocusable\n                [disabled]="disabled"\n                [togglable]="togglable"\n                [primary]="primary"\n                [selected]="internalState.selected"\n                [icon]="icon"\n                [iconClass]="iconClass"\n                [imageUrl]="imageUrl"\n                [look]="look"\n                (click)="click.emit($event)"\n                (selectedChange)="selectedChangeHandler($event)">\n                {{ text }}\n            </button>\n        </ng-template>\n        <ng-template #popupTemplate>\n            <button tabindex="-1" kendoButton\n                class="k-overflow-button"\n                [disabled]="disabled"\n                [togglable]="togglable"\n                [primary]="primary"\n                [selected]="internalState.selected"\n                [icon]="icon"\n                [iconClass]="iconClass"\n                [imageUrl]="imageUrl"\n                [look]="look"\n                (click)="click.emit($event)"\n                (selectedChange)="selectedChangeHandler($event)">\n                {{ text }}\n            </button>\n        </ng-template>\n    '}),n.__metadata("design:paramtypes",[])],o);var p}(r.ToolBarToolComponent);t.ToolBarButtonComponent=p},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),i=o(3),r=o(9),a=function(){function e(){}return e.prototype.register=function(e,t){"toolbar"===t?this.toolbarRenderer=e:this.overflowRenderer=e},e.prototype.canFocus=function(){var e=this.findFocusable();return e&&e.offsetParent&&!this.hasFocus(e)&&!e.disabled},e.prototype.focus=function(){if(this.canFocus()){var e=this.findFocusable();this.setAttribute(e,"tabindex","0"),e.focus()}},e.prototype.defocus=function(){var e=this.findFocusable();e&&(this.setAttribute(e,"tabindex","-1"),this.hasFocus(e)&&e.blur())},e.prototype.hasFocus=function(e){return document.activeElement!==e&&r.closest(document.activeElement,function(t){return t===e})},e.prototype.findFocusable=function(){return this.toolbarNavigation.isPopupFocused?this.overflowRenderer.findFocusable():this.toolbarRenderer.findFocusable()},e.prototype.setAttribute=function(e,t,o){this.toolbarNavigation.isPopupFocused?this.overflowRenderer.setAttribute(e,t,o):this.toolbarRenderer.setAttribute(e,t,o)},e=n.__decorate([i.Injectable()],e)}();t.SingleFocusableNavigationService=a},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),i=o(3),r=o(10),a=o(18),s=o(21),p=function(e){function t(){var t=e.call(this)||this;return t.selection="multiple",t.look="default",t.navigationService=new s.ButtonGroupNavigationService,t}return n.__extends(t,e),o=t,t.prototype.selectedChangeHandler=function(e,t){t.selected=e,t.selectedChange.emit(e)},n.__decorate([i.Input(),n.__metadata("design:type",Boolean)],t.prototype,"disabled",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],t.prototype,"selection",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],t.prototype,"width",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],t.prototype,"look",void 0),n.__decorate([i.ViewChild("toolbarTemplate"),n.__metadata("design:type",i.TemplateRef)],t.prototype,"toolbarTemplate",void 0),n.__decorate([i.ViewChild("popupTemplate"),n.__metadata("design:type",i.TemplateRef)],t.prototype,"popupTemplate",void 0),n.__decorate([i.ContentChildren(i.forwardRef(function(){return a.ToolBarButtonComponent})),n.__metadata("design:type",i.QueryList)],t.prototype,"buttons",void 0),t=o=n.__decorate([i.Component({exportAs:"kendoToolBarButtonGroup",providers:[{provide:r.ToolBarToolComponent,useExisting:i.forwardRef(function(){return o})}],selector:"kendo-toolbar-buttongroup",template:'\n        <ng-template #toolbarTemplate>\n            <kendo-buttongroup\n                [tabIndex]="tabIndex"\n                [selection]="selection"\n                [disabled]="disabled"\n                [look]="look"\n                [width]="width">\n                <button kendoButton kendoToolbarFocusable\n                    *ngFor="let button of buttons"\n                    [disabled]="button.disabled"\n                    [togglable]="button.togglable"\n                    [primary]="button.primary"\n                    [selected]="button.selected"\n                    [icon]="button.icon"\n                    [iconClass]="button.iconClass"\n                    [imageUrl]="button.imageUrl"\n                    (click)="button.click.emit($event)"\n                    (selectedChange)="selectedChangeHandler($event, button)">\n                    {{ button.text }}\n                </button>\n            </kendo-buttongroup>\n        </ng-template>\n        <ng-template #popupTemplate>\n            <kendo-buttongroup\n                class="k-overflow-button"\n                [tabIndex]="tabIndex"\n                [disabled]="disabled"\n                [look]="look"\n                [width]="width">\n                <button kendoButton\n                    class="k-overflow-button"\n                    *ngFor="let button of buttons"\n                    [disabled]="button.disabled"\n                    [togglable]="button.togglable"\n                    [primary]="button.primary"\n                    [selected]="button.selected"\n                    [icon]="button.icon"\n                    [iconClass]="button.iconClass"\n                    [imageUrl]="button.imageUrl"\n                    (click)="button.click.emit($event)"\n                    (selectedChange)="selectedChangeHandler($event, button)">\n                    {{ button.text }}\n                </button>\n            </kendo-buttongroup>\n        </ng-template>\n    '
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("tslib"),require("@angular/core"),require("@progress/kendo-angular-popup"),require("@progress/kendo-angular-resize-sensor"),require("@progress/kendo-angular-l10n"),require("rxjs/operators/filter"),require("@angular/common"),require("@progress/kendo-angular-buttons")):"function"==typeof define&&define.amd?define(["tslib","@angular/core","@progress/kendo-angular-popup","@progress/kendo-angular-resize-sensor","@progress/kendo-angular-l10n","rxjs/operators/filter","@angular/common","@progress/kendo-angular-buttons"],t):"object"==typeof exports?exports.KendoAngularToolbar=t(require("tslib"),require("@angular/core"),require("@progress/kendo-angular-popup"),require("@progress/kendo-angular-resize-sensor"),require("@progress/kendo-angular-l10n"),require("rxjs/operators/filter"),require("@angular/common"),require("@progress/kendo-angular-buttons")):e.KendoAngularToolbar=t(e.tslib,e["@angular/core"],e["@progress/kendo-angular-popup"],e["@progress/kendo-angular-resize-sensor"],e["@progress/kendo-angular-l10n"],e["rxjs/operators/filter"],e["@angular/common"],e["@progress/kendo-angular-buttons"])}(this,function(e,t,o,n,i,r,a,s){return function(e){function t(n){if(o[n])return o[n].exports;var i=o[n]={exports:{},id:n,loaded:!1};return e[n].call(i.exports,i,i.exports,t),i.loaded=!0,i.exports}var o={};return t.m=e,t.c=o,t.p="",t(0)}([function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(1);t.ToolBarComponent=n.ToolBarComponent;var i=o(10);t.ToolBarToolComponent=i.ToolBarToolComponent;var r=o(18);t.ToolBarButtonComponent=r.ToolBarButtonComponent;var a=o(20);t.ToolBarButtonGroupComponent=a.ToolBarButtonGroupComponent;var s=o(22);t.ToolBarDropDownButtonComponent=s.ToolBarDropDownButtonComponent;var p=o(23);t.ToolBarSplitButtonComponent=p.ToolBarSplitButtonComponent;var l=o(15);t.ToolBarSeparatorComponent=l.ToolBarSeparatorComponent;var u=o(24);t.ToolBarModule=u.ToolBarModule},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),i=o(3),r=o(4),a=o(5),s=o(6),p=o(7),l=o(8),u=o(10),d=o(9),c=o(12),f=o(13),m=o(14),h=o(17),g=function(){function e(e,t,o,n,r,a){this.localization=e,this.popupService=t,this.refreshService=o,this.navigationService=n,this.element=r,this.cdr=a,this.resizable=!1,this.tabindex=0,this.open=new i.EventEmitter,this.close=new i.EventEmitter,this._popupSettings={animate:!0},this.direction=e.rtl?"rtl":"ltr"}return Object.defineProperty(e.prototype,"popupSettings",{get:function(){return this._popupSettings},set:function(e){this._popupSettings=Object.assign({},{animate:!0},e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"tabIndex",{get:function(){return this.tabindex},set:function(e){this.tabindex=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"appendTo",{get:function(){var e=this.popupSettings.appendTo;if(e&&"root"!==e)return"component"===e?this.container:e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"popupOpen",{get:function(){return this._open},set:function(e){if(this.popupOpen!==e){var t=new f.PreventableEvent;e?this.open.emit(t):this.close.emit(t),t.isDefaultPrevented()||this.toggle(e)}},enumerable:!0,configurable:!0}),e.prototype.onFocus=function(){var e=this.navigationService.focused;return e?void this.navigationService.focus(e):void this.navigationService.focusFirst()},e.prototype.onKeyDown=function(e){var t="ltr"===this.direction?e.keyCode===c.Keys.left:e.keyCode===c.Keys.right,o="ltr"===this.direction?e.keyCode===c.Keys.right:e.keyCode===c.Keys.left;t&&(e.preventDefault(),this.navigationService.focusPrev()),o&&(e.preventDefault(),this.navigationService.focusNext()),e.keyCode===c.Keys.tab&&this.element.nativeElement.blur(),this.navigationService.keydown.emit(e)},Object.defineProperty(e.prototype,"getTabIndex",{get:function(){return this.tabindex},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"getRole",{get:function(){return"toolbar"},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"getDir",{get:function(){return this.direction},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"className",{get:function(){return"k-widget k-toolbar"},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"resizableClass",{get:function(){return this.resizable},enumerable:!0,configurable:!0}),e.prototype.ngAfterViewInit=function(){var e=this;this.resizable&&(this.resizeSubscription=this.resizeSensor.resize.pipe(h.filter(function(){return e.resizable})).subscribe(this.onResize.bind(this)),this.resizeSensor.resize.emit(),this.navigationService.overflowButton=this.overflowButton)},e.prototype.ngOnInit=function(){var e=this;this.localizationChangesSubscription=this.localization.changes.subscribe(function(t){var o=t.rtl;return e.direction=o?"rtl":"ltr"})},e.prototype.ngOnDestroy=function(){this.resizeSubscription&&this.resizeSubscription.unsubscribe(),this.localizationChangesSubscription&&this.localizationChangesSubscription.unsubscribe()},e.prototype.showPopup=function(){this.popupOpen=!this.popupOpen},e.prototype.toggle=function(e){var t=this;this._open=void 0!==e?e:!this.popupOpen,this.popupRef&&(this.popupRef.close(),this.popupRef=null),this.popupOpen&&(this.popupRef=this.popupService.open({anchor:this.overflowButton,content:this.popupTemplate,appendTo:this.appendTo,animate:this.popupSettings.animate,popupClass:this.popupSettings.popupClass,positionMode:"absolute"}),this.popupRef.popupOpen.subscribe(this.onPopupOpen.bind(this)),this.popupRef.popupClose.subscribe(this.onPopupClose.bind(this)),this.popupRef.popupAnchorViewportLeave.subscribe(function(){return t.popupOpen=!1}))},e.prototype.onResize=function(){this.toggle(!1);var e=d.innerWidth(this.element.nativeElement)-this.overflowAnchorWidth;this.shrink(e,this.childrenWidth),this.stretch(e,this.childrenWidth),this.cdr.detectChanges(),this.resizeSensor.acceptSize()},e.prototype.onPopupOpen=function(){this.navigationService.moveFocusToPopup()},e.prototype.onPopupClose=function(){this.navigationService.moveFocusToToolBar()},Object.defineProperty(e.prototype,"displayAnchor",{get:function(){return this.overflowTools.length?"visible":"hidden"},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"overflowAnchorWidth",{get:function(){return this.resizable?(this.cachedOverflowAnchorWidth||(this.cachedOverflowAnchorWidth=d.outerWidth(this.overflowButton.nativeElement)),this.cachedOverflowAnchorWidth):0},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"childrenWidth",{get:function(){var e=0;return this.renderedTools.forEach(function(t){e+=t.width}),e+=this.overflowAnchorWidth,Math.ceil(e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"visibleTools",{get:function(){return this.allTools.filter(function(e){return e.overflows===!1})},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"overflowTools",{get:function(){return this.allTools.filter(function(e){return e.overflows===!0})},enumerable:!0,configurable:!0}),e.prototype.shrink=function(e,t){var o;if(e<t)for(var n=this.visibleTools.length-1;n>=0&&!(e>t);n--)o=this.hideLastVisibleTool(),t-=o},e.prototype.stretch=function(e,t){var o;if(e>t)for(var n=this.overflowTools.length-1;n>=0&&(o=this.showFirstHiddenTool(e,t),o);n--)t+=o},e.prototype.hideLastVisibleTool=function(){var e=this.visibleTools[this.visibleTools.length-1],t=this.renderedTools.find(function(t){return t.tool===e}),o=t.width;return e.overflows=!0,this.refreshService.refresh(e),o},e.prototype.showFirstHiddenTool=function(e,t){var o=this.overflowTools[0],n=this.renderedTools.find(function(e){return e.tool===o});return o.overflows=!1,o.visibility="hidden",this.refreshService.refresh(o),e>t+n.width?(o.visibility="visible",this.refreshService.refresh(o)):(o.overflows=!0,this.refreshService.refresh(o)),n.width},n.__decorate([i.Input(),n.__metadata("design:type",Boolean)],e.prototype,"resizable",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Object),n.__metadata("design:paramtypes",[Object])],e.prototype,"popupSettings",null),n.__decorate([i.Input(),n.__metadata("design:type",Number)],e.prototype,"tabindex",void 0),n.__decorate([i.Input("tabIndex"),n.__metadata("design:type",Number),n.__metadata("design:paramtypes",[Number])],e.prototype,"tabIndex",null),n.__decorate([i.Output(),n.__metadata("design:type",i.EventEmitter)],e.prototype,"open",void 0),n.__decorate([i.Output(),n.__metadata("design:type",i.EventEmitter)],e.prototype,"close",void 0),n.__decorate([i.ContentChildren(u.ToolBarToolComponent),n.__metadata("design:type",i.QueryList)],e.prototype,"allTools",void 0),n.__decorate([i.ViewChild("overflowButton"),n.__metadata("design:type",i.ElementRef)],e.prototype,"overflowButton",void 0),n.__decorate([i.ViewChild("popupTemplate"),n.__metadata("design:type",i.TemplateRef)],e.prototype,"popupTemplate",void 0),n.__decorate([i.ViewChild("resizeSensor"),n.__metadata("design:type",a.ResizeSensorComponent)],e.prototype,"resizeSensor",void 0),n.__decorate([i.ViewChild("container",{read:i.ViewContainerRef}),n.__metadata("design:type",i.ViewContainerRef)],e.prototype,"container",void 0),n.__decorate([i.ViewChildren(m.ToolBarRendererComponent),n.__metadata("design:type",i.QueryList)],e.prototype,"renderedTools",void 0),n.__decorate([i.HostListener("focus"),n.__metadata("design:type",Function),n.__metadata("design:paramtypes",[]),n.__metadata("design:returntype",void 0)],e.prototype,"onFocus",null),n.__decorate([i.HostListener("keydown",["$event"]),n.__metadata("design:type",Function),n.__metadata("design:paramtypes",[Object]),n.__metadata("design:returntype",void 0)],e.prototype,"onKeyDown",null),n.__decorate([i.HostBinding("attr.tabindex"),n.__metadata("design:type",Number),n.__metadata("design:paramtypes",[])],e.prototype,"getTabIndex",null),n.__decorate([i.HostBinding("attr.role"),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[])],e.prototype,"getRole",null),n.__decorate([i.HostBinding("attr.dir"),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[])],e.prototype,"getDir",null),n.__decorate([i.HostBinding("class"),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[])],e.prototype,"className",null),n.__decorate([i.HostBinding("class.k-toolbar-resizable"),n.__metadata("design:type",Boolean),n.__metadata("design:paramtypes",[])],e.prototype,"resizableClass",null),e=n.__decorate([i.Component({exportAs:"kendoToolBar",providers:[p.RefreshService,l.NavigationService,s.LocalizationService,{provide:s.L10N_PREFIX,useValue:"kendo.toolbar"}],selector:"kendo-toolbar",template:'\n        <ng-container *ngFor="let tool of allTools; let index = index;">\n            <kendo-toolbar-renderer [location]="\'toolbar\'" [resizable]="resizable" [tool]="tool"></kendo-toolbar-renderer>\n        </ng-container>\n        <button #overflowButton\n            tabindex="-1" *ngIf="resizable" [style.visibility]="displayAnchor" class="k-overflow-anchor k-button" (click)="showPopup()">\n            <span class="k-icon k-i-more-vertical"></span>\n        </button>\n        <ng-template #popupTemplate>\n            <ul class="k-overflow-container k-list-container k-reset">\n                <ng-container *ngFor="let tool of allTools; let index = index;">\n                    <kendo-toolbar-renderer [location]="\'overflow\'" [resizable]="resizable" [tool]="tool"></kendo-toolbar-renderer>\n                </ng-container>\n            </ul>\n        </ng-template>\n        <ng-container #container></ng-container>\n        <kendo-resize-sensor *ngIf="resizable" [rateLimit]="1000" #resizeSensor></kendo-resize-sensor>\n    '}),n.__metadata("design:paramtypes",[s.LocalizationService,r.PopupService,p.RefreshService,l.NavigationService,i.ElementRef,i.ChangeDetectorRef])],e)}();t.ToolBarComponent=g},function(t,o){t.exports=e},function(e,o){e.exports=t},function(e,t){e.exports=o},function(e,t){e.exports=n},function(e,t){e.exports=i},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),i=o(3),r=function(){function e(){this.onRefresh=new i.EventEmitter}return e.prototype.refresh=function(e){this.onRefresh.emit(e)},e=n.__decorate([i.Injectable()],e)}();t.RefreshService=r},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),i=o(3),r=o(9),a=function(){function e(){this.keydown=new i.EventEmitter,this.isPopupFocused=!1,this.tools=[],this.isFocusLocked=!1,this.isOverflowButtonFocused=!1}return e.prototype.register=function(e){this.tools.push(e)},e.prototype.unregister=function(e){this.tools.splice(this.tools.indexOf(e),1)},e.prototype.moveFocusToToolBar=function(){this.isPopupFocused=!1,this.focusOverflowButton()},e.prototype.moveFocusToPopup=function(){this.isPopupFocused=!0},e.prototype.focus=function(e,t){var o=this;this.focused=e,this.tools.filter(function(e){return e!==o.focused}).forEach(function(e){return e.navigationService.defocus()}),this.isOverflowButtonFocused=!1,e.navigationService.focus(t)},e.prototype.focusOverflowButton=function(){this.isOverflowButtonFocused=!0,this.overflowButton.nativeElement.focus()},e.prototype.focusFirst=function(){if(!this.isFocusLocked){var e=this.tools.find(function(e){return!!e.navigationService.canFocus()});e&&this.focus(e)}},e.prototype.focusPrev=function(e){if(r.isPresent(e)||(e=this.isOverflowButtonFocused?this.tools.length-1:this.tools.indexOf(this.focused)-1),!(this.isFocusLocked||!this.tools.length||e<0)){var t=this.tools[e];t.navigationService.canFocus()?this.focus(t,!0):this.focusPrev(e-1)}},e.prototype.focusNext=function(e){var t=this.overflowButton&&"visible"===this.overflowButton.nativeElement.style.visibility;if(r.isPresent(e)||(e=this.tools.indexOf(this.focused)+1),e>=this.tools.length&&t&&!this.isOverflowButtonFocused&&this.focusOverflowButton(),!(this.isFocusLocked||!this.tools.length||e>=this.tools.length)){var o=this.tools[e];o.navigationService.canFocus()?this.focus(o):this.focusNext(e+1)}},e.prototype.lock=function(){this.isFocusLocked=!0},e.prototype.unlock=function(){this.isFocusLocked=!1},e.prototype.focusEnter=function(){},e.prototype.focusLeave=function(){},e.prototype.defocus=function(e){e.navigationService.defocus()},e=n.__decorate([i.Injectable()],e)}();t.NavigationService=a},function(e,t){"use strict";function o(e){var t=e.offsetWidth,o=getComputedStyle(e);return t+=parseFloat(o.marginLeft)||0+parseFloat(o.marginRight)||0}function n(e){var t=e.offsetWidth,o=getComputedStyle(e);return t-=parseFloat(o.paddingLeft)||0+parseFloat(o.borderLeftWidth)||0,t-=parseFloat(o.paddingRight)||0+parseFloat(o.borderRightWidth)||0}function i(e){var t=e.offsetHeight,o=getComputedStyle(e);return t+=parseFloat(o.marginTop)||0+parseFloat(o.marginBottom)||0}Object.defineProperty(t,"__esModule",{value:!0});var r=/^(?:a|input|select|textarea|button|object)$/i;t.outerWidth=o,t.innerWidth=n,t.outerHeight=i,t.closest=function(e,t){for(;e&&!t(e);)e=e.parentNode;return e},t.isVisible=function(e){var t=e.getBoundingClientRect(),o=t.width>0&&t.height>0,n=0!==t.x&&0!==t.y;return(o||n)&&"hidden"!==window.getComputedStyle(e).visibility},t.findElement=function(e,o,n){if(void 0===n&&(n=!0),e){if(n&&o(e))return e;for(e=e.firstChild;e;){if(1===e.nodeType){var i=t.findElement(e,o);if(i)return i}e=e.nextSibling}}},t.isFocusable=function(e,o){if(void 0===o&&(o=!0),e.tagName){var n=e.tagName.toLowerCase(),i=e.getAttribute("tabIndex"),a=null!==i;return r.test(n)&&(a=!e.disabled),a&&(!o||t.isVisible(e))}return!1},t.findFocusable=function(e,o){return void 0===o&&(o=!0),t.findElement(e,function(e){return t.isFocusable(e,o)})},t.findFocusableChild=function(e,o){return void 0===o&&(o=!0),t.findElement(e,function(e){return t.isFocusable(e,o)},!1)},t.findFocusableSibling=function(e,o,n){void 0===o&&(o=!0);for(var i=n?e.prevSibling:e.nextSibling;i;){if(1===i.nodeType){var r=t.findElement(i,function(e){return t.isFocusable(e,o)});if(r)return r}i=n?i.prevSibling:i.nextSibling}},t.isPresent=function(e){return null!==e&&void 0!==e},t.isChanged=function(e,t){return t[e]&&!t[e].isFirstChange()&&t[e].previousValue!==t[e].currentValue}},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),i=o(3),r=o(11),a=function(){function e(){this.tabIndex=-1,this.overflows=!0,this.navigationService||(this.navigationService=new r.ToolNavigationService)}return Object.defineProperty(e.prototype,"toolbarDisplay",{get:function(){return this.overflows?"none":"inline-block"},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"overflowDisplay",{get:function(){return this.overflows?"block":"none"},enumerable:!0,configurable:!0}),e=n.__decorate([i.Component({selector:"toolbar-tool",template:""}),n.__metadata("design:paramtypes",[])],e)}();t.ToolBarToolComponent=a},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),i=o(3),r=function(){function e(){}return e.prototype.register=function(e,t){"toolbar"===t?this.toolbarRenderer=e:this.overflowRenderer=e},e.prototype.canFocus=function(){return!1},e.prototype.focus=function(){},e.prototype.defocus=function(){},e.prototype.hasFocus=function(){return!1},e=n.__decorate([i.Injectable()],e)}();t.ToolNavigationService=r},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o;!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]="'"}(o=t.Keys||(t.Keys={}))},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=function(){function e(){this.prevented=!1}return e.prototype.preventDefault=function(){this.prevented=!0},e.prototype.isDefaultPrevented=function(){return this.prevented},e}();t.PreventableEvent=o},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),i=o(3),r=o(9),a=o(10),s=o(15),p=o(7),l=o(8),u=o(16),d=function(){function e(e,t,o,n,i){var r=this;this.element=e,this.renderer=t,this.rendererService=o,this.refreshService=n,this.navigationService=i,this.rendererService.element=e,this.rendererService.renderer=this,this.refreshSubscription=this.refreshService.onRefresh.subscribe(function(e){r.tool===e&&r.refresh()})}return Object.defineProperty(e.prototype,"className",{get:function(){return this.tool instanceof s.ToolBarSeparatorComponent},enumerable:!0,configurable:!0}),e.prototype.onFocus=function(){this.navigationService.focused=this.tool},e.prototype.ngOnInit=function(){this.resizable?"toolbar"===this.location?(this.template=this.tool.toolbarTemplate,this.renderer.setStyle(this.element.nativeElement,"visibility","hidden"),this.renderer.setStyle(this.element.nativeElement,"display","none")):(this.template=this.tool.popupTemplate,this.renderer.setStyle(this.element.nativeElement,"display","none")):(this.tool.overflows=!1,this.template=this.tool.toolbarTemplate,this.renderer.setStyle(this.element.nativeElement,"visibility","display"),this.renderer.setStyle(this.element.nativeElement,"display","inline-block")),this.navigationService.register(this.tool),this.tool.navigationService.register(this.rendererService,this.location),this.tool.navigationService.toolbarNavigation=this.navigationService},e.prototype.ngOnDestroy=function(){this.navigationService.unregister(this.tool),this.refreshSubscription.unsubscribe()},e.prototype.ngAfterViewInit=function(){this.resizable&&this.refresh()},Object.defineProperty(e.prototype,"width",{get:function(){return this.tool.overflows?0:r.outerWidth(this.element.nativeElement)},enumerable:!0,configurable:!0}),e.prototype.isDisplayed=function(){return"none"!==this.element.nativeElement.style.display},e.prototype.refresh=function(){this.resizable&&("toolbar"===this.location?(this.renderer.setStyle(this.element.nativeElement,"visibility",this.tool.visibility),this.renderer.setStyle(this.element.nativeElement,"display",this.tool.toolbarDisplay)):this.renderer.setStyle(this.element.nativeElement,"display",this.tool.overflowDisplay))},e.prototype.setAttribute=function(e,t,o){this.renderer.setAttribute(e,t,o)},n.__decorate([i.Input(),n.__metadata("design:type",a.ToolBarToolComponent)],e.prototype,"tool",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],e.prototype,"location",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Boolean)],e.prototype,"resizable",void 0),n.__decorate([i.HostBinding("class.k-separator"),n.__metadata("design:type",Boolean),n.__metadata("design:paramtypes",[])],e.prototype,"className",null),n.__decorate([i.HostListener("focusin"),n.__metadata("design:type",Function),n.__metadata("design:paramtypes",[]),n.__metadata("design:returntype",void 0)],e.prototype,"onFocus",null),e=n.__decorate([i.Component({exportAs:"kendoToolBarRenderer",providers:[u.RendererService],selector:"kendo-toolbar-renderer",template:'\n        <ng-container *ngIf="location === \'toolbar\'">\n            <ng-template [ngTemplateOutlet]="template"></ng-template>\n        </ng-container>\n        <ng-container *ngIf="location === \'overflow\'">\n            <li class="k-item">\n                <ng-template [ngTemplateOutlet]="template"></ng-template>\n            </li>\n        </ng-container>\n    '}),n.__metadata("design:paramtypes",[i.ElementRef,i.Renderer2,u.RendererService,p.RefreshService,l.NavigationService])],e)}();t.ToolBarRendererComponent=d},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),i=o(3),r=o(10),a=o(11),s=function(e){function t(){var t=e.call(this)||this;return t.navigationService=new a.ToolNavigationService,t}return n.__extends(t,e),o=t,t.prototype.ngAfterViewInit=function(){this.popupTemplate||(this.popupTemplate=this.toolbarTemplate)},n.__decorate([i.ViewChild("toolbarTemplate"),n.__metadata("design:type",i.TemplateRef)],t.prototype,"toolbarTemplate",void 0),n.__decorate([i.ViewChild("popupTemplate"),n.__metadata("design:type",i.TemplateRef)],t.prototype,"popupTemplate",void 0),n.__decorate([i.ViewChild("separator"),n.__metadata("design:type",i.ElementRef)],t.prototype,"separator",void 0),t=o=n.__decorate([i.Component({exportAs:"kendoToolBarSeparator",providers:[{provide:r.ToolBarToolComponent,useExisting:i.forwardRef(function(){return o})}],selector:"kendo-toolbar-separator",template:"\n        <ng-template #toolbarTemplate>\n        </ng-template>\n    "}),n.__metadata("design:paramtypes",[])],t);var o}(r.ToolBarToolComponent);t.ToolBarSeparatorComponent=s},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),i=o(3),r=o(9),a=function(){function e(){}return e.prototype.getElement=function(){return this.element.nativeElement},e.prototype.querySelector=function(e){return this.element.nativeElement.querySelector(e)},e.prototype.querySelectorAll=function(e){return this.element.nativeElement.querySelectorAll(e)},e.prototype.findFocusable=function(){return r.findFocusable(this.element.nativeElement,!1)},e.prototype.findFocusableChild=function(e){return e||(e=this.findFocusable()),r.findFocusableChild(e,!1)},e.prototype.findNextFocusableSibling=function(e){return e||(e=this.findFocusable()),r.findFocusableSibling(e,!1)},e.prototype.findPrevFocusableSibling=function(e){return e||(e=this.findFocusable()),r.findFocusableSibling(e,!1,!0)},e.prototype.setAttribute=function(e,t,o){this.renderer.setAttribute(e,t,o)},e=n.__decorate([i.Injectable()],e)}();t.RendererService=a},function(e,t){e.exports=r},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),i=o(3),r=o(10),a=o(9),s=o(19);t.display=function(e,t,o){switch(t){case"toolbar":return o?void 0:e;case"overflow":return o?e:void 0;default:return e}};var p=function(e){function o(){var t=e.call(this)||this;return t.showText="both",t.togglable=!1,t.primary=!1,t.look="default",t.selected=!1,t.showIcon="both",t.click=new i.EventEmitter,t.selectedChange=new i.EventEmitter,t.internalState={selected:void 0},t.navigationService=new s.SingleFocusableNavigationService,t}return n.__extends(o,e),p=o,Object.defineProperty(o.prototype,"text",{get:function(){return t.display(this._text,this.showText,this.overflows)},set:function(e){this._text=e},enumerable:!0,configurable:!0}),Object.defineProperty(o.prototype,"icon",{get:function(){return t.display(this._icon,this.showIcon,this.overflows)},set:function(e){this._icon=e},enumerable:!0,configurable:!0}),Object.defineProperty(o.prototype,"iconClass",{get:function(){return t.display(this._iconClass,this.showIcon,this.overflows)},set:function(e){this._iconClass=e},enumerable:!0,configurable:!0}),Object.defineProperty(o.prototype,"imageUrl",{get:function(){return t.display(this._imageUrl,this.showIcon,this.overflows)},set:function(e){this._imageUrl=e},enumerable:!0,configurable:!0}),o.prototype.ngOnChanges=function(e){a.isChanged("selected",e)&&(this.internalState.selected=this.selected)},o.prototype.selectedChangeHandler=function(e){this.internalState.selected=e,this.selectedChange.emit(e)},n.__decorate([i.Input(),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[String])],o.prototype,"text",null),n.__decorate([i.Input(),n.__metadata("design:type",String)],o.prototype,"showText",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Boolean)],o.prototype,"disabled",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Boolean)],o.prototype,"togglable",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Boolean)],o.prototype,"primary",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],o.prototype,"look",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Boolean)],o.prototype,"selected",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[String])],o.prototype,"icon",null),n.__decorate([i.Input(),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[String])],o.prototype,"iconClass",null),n.__decorate([i.Input(),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[String])],o.prototype,"imageUrl",null),n.__decorate([i.Input(),n.__metadata("design:type",String)],o.prototype,"showIcon",void 0),n.__decorate([i.Output(),n.__metadata("design:type",i.EventEmitter)],o.prototype,"click",void 0),n.__decorate([i.Output(),n.__metadata("design:type",i.EventEmitter)],o.prototype,"selectedChange",void 0),n.__decorate([i.ViewChild("toolbarTemplate"),n.__metadata("design:type",i.TemplateRef)],o.prototype,"toolbarTemplate",void 0),n.__decorate([i.ViewChild("popupTemplate"),n.__metadata("design:type",i.TemplateRef)],o.prototype,"popupTemplate",void 0),o=p=n.__decorate([i.Component({exportAs:"kendoToolBarButton",providers:[{provide:r.ToolBarToolComponent,useExisting:i.forwardRef(function(){return p})}],selector:"kendo-toolbar-button",template:'\n        <ng-template #toolbarTemplate>\n            <button tabindex="-1" kendoButton\n                [disabled]="disabled"\n                [togglable]="togglable"\n                [primary]="primary"\n                [selected]="internalState.selected"\n                [icon]="icon"\n                [iconClass]="iconClass"\n                [imageUrl]="imageUrl"\n                [look]="look"\n                (click)="click.emit($event)"\n                (selectedChange)="selectedChangeHandler($event)">\n                {{ text }}\n            </button>\n        </ng-template>\n        <ng-template #popupTemplate>\n            <button tabindex="-1" kendoButton\n                class="k-overflow-button"\n                [disabled]="disabled"\n                [togglable]="togglable"\n                [primary]="primary"\n                [selected]="internalState.selected"\n                [icon]="icon"\n                [iconClass]="iconClass"\n                [imageUrl]="imageUrl"\n                [look]="look"\n                (click)="click.emit($event)"\n                (selectedChange)="selectedChangeHandler($event)">\n                {{ text }}\n            </button>\n        </ng-template>\n    '}),n.__metadata("design:paramtypes",[])],o);var p}(r.ToolBarToolComponent);t.ToolBarButtonComponent=p},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),i=o(3),r=o(9),a=function(){function e(){}return e.prototype.register=function(e,t){"toolbar"===t?this.toolbarRenderer=e:this.overflowRenderer=e},e.prototype.canFocus=function(){var e=this.findFocusable();return e&&e.offsetParent&&!this.hasFocus(e)&&!e.disabled},e.prototype.focus=function(){if(this.canFocus()){var e=this.findFocusable();this.setAttribute(e,"tabindex","0"),e.focus()}},e.prototype.defocus=function(){var e=this.findFocusable();e&&(this.setAttribute(e,"tabindex","-1"),this.hasFocus(e)&&e.blur())},e.prototype.hasFocus=function(e){return document.activeElement!==e&&r.closest(document.activeElement,function(t){return t===e})},e.prototype.findFocusable=function(){return this.toolbarNavigation.isPopupFocused?this.overflowRenderer.findFocusable():this.toolbarRenderer.findFocusable()},e.prototype.setAttribute=function(e,t,o){this.toolbarNavigation.isPopupFocused?this.overflowRenderer.setAttribute(e,t,o):this.toolbarRenderer.setAttribute(e,t,o)},e=n.__decorate([i.Injectable()],e)}();t.SingleFocusableNavigationService=a},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),i=o(3),r=o(10),a=o(18),s=o(21),p=function(e){function t(){var t=e.call(this)||this;return t.selection="multiple",t.look="default",t.navigationService=new s.ButtonGroupNavigationService,t}return n.__extends(t,e),o=t,t.prototype.selectedChangeHandler=function(e,t){t.selected=e,t.selectedChange.emit(e)},n.__decorate([i.Input(),n.__metadata("design:type",Boolean)],t.prototype,"disabled",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],t.prototype,"selection",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],t.prototype,"width",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],t.prototype,"look",void 0),n.__decorate([i.ViewChild("toolbarTemplate"),n.__metadata("design:type",i.TemplateRef)],t.prototype,"toolbarTemplate",void 0),n.__decorate([i.ViewChild("popupTemplate"),n.__metadata("design:type",i.TemplateRef)],t.prototype,"popupTemplate",void 0),n.__decorate([i.ContentChildren(i.forwardRef(function(){return a.ToolBarButtonComponent})),n.__metadata("design:type",i.QueryList)],t.prototype,"buttons",void 0),t=o=n.__decorate([i.Component({exportAs:"kendoToolBarButtonGroup",providers:[{provide:r.ToolBarToolComponent,useExisting:i.forwardRef(function(){return o})}],selector:"kendo-toolbar-buttongroup",template:'\n        <ng-template #toolbarTemplate>\n            <kendo-buttongroup\n                [tabIndex]="tabIndex"\n                [selection]="selection"\n                [disabled]="disabled"\n                [look]="look"\n                [width]="width">\n                <button kendoButton kendoToolbarFocusable\n                    *ngFor="let button of buttons"\n                    [disabled]="button.disabled"\n                    [togglable]="button.togglable"\n                    [primary]="button.primary"\n                    [selected]="button.selected"\n                    [icon]="button.icon"\n                    [iconClass]="button.iconClass"\n                    [imageUrl]="button.imageUrl"\n                    (click)="button.click.emit($event)"\n                    (selectedChange)="selectedChangeHandler($event, button)">\n                    {{ button.text }}\n                </button>\n            </kendo-buttongroup>\n        </ng-template>\n        <ng-template #popupTemplate>\n            <kendo-buttongroup\n                class="k-overflow-button"\n                [tabIndex]="tabIndex"\n                [disabled]="disabled"\n                [look]="look"\n                [width]="width">\n                <button kendoButton\n                    class="k-overflow-button"\n                    *ngFor="let button of buttons"\n                    [disabled]="button.disabled"\n                    [togglable]="button.togglable"\n                    [primary]="button.primary"\n                    [selected]="button.selected"\n                    [icon]="button.icon"\n                    [iconClass]="button.iconClass"\n                    [imageUrl]="button.imageUrl"\n                    (click)="button.click.emit($event)"\n                    (selectedChange)="selectedChangeHandler($event, button)">\n                    {{ button.text }}\n                </button>\n            </kendo-buttongroup>\n        </ng-template>\n    '
 }),n.__metadata("design:paramtypes",[])],t);var o}(r.ToolBarToolComponent);t.ToolBarButtonGroupComponent=p},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),i=o(3),r=o(12),a=function(){function e(){}return Object.defineProperty(e.prototype,"toolbarNavigation",{get:function(){return this._navigationService},set:function(e){this._navigationService=e,this.keydownSubscription&&this.keydownSubscription.unsubscribe(),this.keydownSubscription=this._navigationService.keydown.subscribe(this.onKeydown.bind(this))},enumerable:!0,configurable:!0}),e.prototype.ngOnDestroy=function(){this.keydownSubscription&&this.keydownSubscription.unsubscribe()},e.prototype.register=function(e,t){"toolbar"===t?this.toolbarRenderer=e:this.overflowRenderer=e},e.prototype.canFocus=function(){return!0},e.prototype.focus=function(e){var t=this.buttons(),o=e?t[t.length-1]:t[0];this.toolbarNavigation.lock(),this.renderer().setAttribute(o,"tabindex","0"),o.focus(),this.current=o,this.isActive=!0},e.prototype.defocus=function(){var e=this,t=this.buttons();t.forEach(function(t){e.renderer().setAttribute(t,"tabindex","-1"),e.hasFocus(t)&&t.blur()}),this.current=void 0,this.isActive=!1},e.prototype.hasFocus=function(e){return document.activeElement!==e},e.prototype.buttons=function(){return Array.prototype.slice.call(this.renderer().querySelectorAll(".k-button"))},e.prototype.renderer=function(){return this.toolbarNavigation.isPopupFocused?this.overflowRenderer:this.toolbarRenderer},e.prototype.onKeydown=function(e){this.isActive&&(e.keyCode===r.Keys.left&&0===this.buttons().indexOf(this.current)&&(this.toolbarNavigation.unlock(),this.toolbarNavigation.focusPrev()),e.keyCode===r.Keys.right&&this.buttons().indexOf(this.current)===this.buttons().length-1&&(this.toolbarNavigation.unlock(),this.toolbarNavigation.focusNext()),this.current=this.buttons().find(function(e){return 0===e.tabIndex}))},e=n.__decorate([i.Injectable()],e)}();t.ButtonGroupNavigationService=a},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),i=o(3),r=o(10),a=o(19),s=function(e){function t(){var t=e.call(this)||this;return t.text="",t.icon="",t.iconClass="",t.imageUrl="",t.textField="text",t.itemClick=new i.EventEmitter,t._popupSettings={animate:!0,popupClass:""},t.navigationService=new a.SingleFocusableNavigationService,t}return n.__extends(t,e),o=t,Object.defineProperty(t.prototype,"popupSettings",{get:function(){return this._popupSettings},set:function(e){this._popupSettings=Object.assign({animate:!0,popupClass:""},e)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"data",{get:function(){return this._data||(this.data=[]),this._data},set:function(e){this._data=e||[]},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"listData",{get:function(){var e=(t={},t[this.textField]=this.text,t.icon=this.icon,t.iconClass=this.iconClass,t.imageUrl=this.imageUrl,t.disabled=this.disabled,t.tabIndex=this.tabIndex,t);return[e].concat(this.data);var t},enumerable:!0,configurable:!0}),n.__decorate([i.Input(),n.__metadata("design:type",String)],t.prototype,"text",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],t.prototype,"icon",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],t.prototype,"iconClass",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],t.prototype,"imageUrl",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Object),n.__metadata("design:paramtypes",[Object])],t.prototype,"popupSettings",null),n.__decorate([i.Input(),n.__metadata("design:type",String)],t.prototype,"textField",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Boolean)],t.prototype,"disabled",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Array),n.__metadata("design:paramtypes",[Array])],t.prototype,"data",null),n.__decorate([i.Output(),n.__metadata("design:type",i.EventEmitter)],t.prototype,"itemClick",void 0),n.__decorate([i.ViewChild("toolbarTemplate"),n.__metadata("design:type",i.TemplateRef)],t.prototype,"toolbarTemplate",void 0),n.__decorate([i.ViewChild("popupTemplate"),n.__metadata("design:type",i.TemplateRef)],t.prototype,"popupTemplate",void 0),n.__decorate([i.ViewChild("dropdownButton",{read:i.ElementRef}),n.__metadata("design:type",i.ElementRef)],t.prototype,"dropdownButton",void 0),t=o=n.__decorate([i.Component({exportAs:"kendoToolBarDropDownButton",providers:[{provide:r.ToolBarToolComponent,useExisting:i.forwardRef(function(){return o})}],selector:"kendo-toolbar-dropdownbutton",template:'\n        <ng-template #toolbarTemplate>\n            <kendo-dropdownbutton\n                [icon]="icon"\n                [iconClass]="iconClass"\n                [imageUrl]="imageUrl"\n                [disabled]="disabled"\n                [tabIndex]="tabIndex"\n                [data]="data"\n                [textField]="textField"\n                (itemClick)="itemClick.emit($event)">\n                {{ text }}\n            </kendo-dropdownbutton>\n        </ng-template>\n        <ng-template #popupTemplate>\n            <kendo-toolbar-buttonlist\n                [data]="listData"\n                [textField]="textField"\n                (itemClick)="itemClick.emit($event)">\n            </kendo-toolbar-buttonlist>\n        </ng-template>\n    '}),n.__metadata("design:paramtypes",[])],t);var o}(r.ToolBarToolComponent);t.ToolBarDropDownButtonComponent=s},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),i=o(3),r=o(10),a=o(19),s=function(e){function t(){var t=e.call(this)||this;return t.text="",t.icon="",t.iconClass="",t.imageUrl="",t.textField="text",t.buttonClick=new i.EventEmitter,t.itemClick=new i.EventEmitter,t._popupSettings={animate:!0,popupClass:""},t.navigationService=new a.SingleFocusableNavigationService,t}return n.__extends(t,e),o=t,Object.defineProperty(t.prototype,"popupSettings",{get:function(){return this._popupSettings||(this._popupSettings={animate:!0,popupClass:""}),this._popupSettings},set:function(e){this._popupSettings=e},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"data",{get:function(){return this._data||(this.data=[]),this._data},set:function(e){this._data=e||[]},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"listData",{get:function(){var e=(o={},o[this.textField]=this.text,o.icon=this.icon,o.iconClass=this.iconClass,o.imageUrl=this.imageUrl,o.disabled=this.disabled,o.tabIndex=this.tabIndex,o),t=this.data.slice(0);return t.unshift(e),t;var o},enumerable:!0,configurable:!0}),n.__decorate([i.Input(),n.__metadata("design:type",String)],t.prototype,"text",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],t.prototype,"icon",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],t.prototype,"iconClass",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],t.prototype,"imageUrl",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Boolean)],t.prototype,"disabled",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Object),n.__metadata("design:paramtypes",[Object])],t.prototype,"popupSettings",null),n.__decorate([i.Input(),n.__metadata("design:type",String)],t.prototype,"textField",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Array),n.__metadata("design:paramtypes",[Array])],t.prototype,"data",null),n.__decorate([i.Output(),n.__metadata("design:type",i.EventEmitter)],t.prototype,"buttonClick",void 0),n.__decorate([i.Output(),n.__metadata("design:type",i.EventEmitter)],t.prototype,"itemClick",void 0),n.__decorate([i.ViewChild("toolbarTemplate"),n.__metadata("design:type",i.TemplateRef)],t.prototype,"toolbarTemplate",void 0),n.__decorate([i.ViewChild("popupTemplate"),n.__metadata("design:type",i.TemplateRef)],t.prototype,"popupTemplate",void 0),n.__decorate([i.ViewChild("splitButton",{read:i.ElementRef}),n.__metadata("design:type",i.ElementRef)],t.prototype,"splitButton",void 0),t=o=n.__decorate([i.Component({exportAs:"kendoToolBarSplitButton",providers:[{provide:r.ToolBarToolComponent,useExisting:i.forwardRef(function(){return o})}],selector:"kendo-toolbar-splitbutton",template:'\n        <ng-template #toolbarTemplate>\n            <kendo-splitbutton\n                [data]="data"\n                [text]="text"\n                [icon]="icon"\n                [iconClass]="iconClass"\n                [imageUrl]="imageUrl"\n                [disabled]="disabled"\n                [tabIndex]="tabIndex"\n                [textField]="textField"\n                (buttonClick)="buttonClick.emit($event)"\n                (itemClick)="itemClick.emit($event)">\n            </kendo-splitbutton>\n        </ng-template>\n        <ng-template #popupTemplate>\n            <kendo-toolbar-buttonlist\n                [data]="listData"\n                [textField]="textField"\n                (itemClick)="itemClick.emit($event)">\n            </kendo-toolbar-buttonlist>\n        </ng-template>\n    '}),n.__metadata("design:paramtypes",[])],t);var o}(r.ToolBarToolComponent);t.ToolBarSplitButtonComponent=s},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),i=o(3),r=o(25),a=o(26),s=o(4),p=o(5),l=o(1),u=o(10),d=o(18),c=o(20),f=o(22),m=o(23),h=o(15),g=o(14),b=o(27),_=[u.ToolBarToolComponent,d.ToolBarButtonComponent,c.ToolBarButtonGroupComponent,f.ToolBarDropDownButtonComponent,m.ToolBarSplitButtonComponent,h.ToolBarSeparatorComponent],v=[g.ToolBarRendererComponent,b.ToolBarButtonListComponent],y=function(){function e(){}return e=n.__decorate([i.NgModule({declarations:[l.ToolBarComponent,_,v],exports:[l.ToolBarComponent,_],imports:[r.CommonModule,a.ButtonsModule,s.PopupModule,p.ResizeSensorModule]})],e)}();t.ToolBarModule=y},function(e,t){e.exports=a},function(e,t){e.exports=s},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),i=o(3),r=o(10),a=function(e){function t(){var t=null!==e&&e.apply(this,arguments)||this;return t.itemClick=new i.EventEmitter,t}return n.__extends(t,e),t.prototype.getText=function(e){if(e)return this.textField?e[this.textField]:e.text||e},t.prototype.onClick=function(e){e.click&&e.click(),this.itemClick.emit(this.data.indexOf(e))},n.__decorate([i.Input(),n.__metadata("design:type",Array)],t.prototype,"data",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],t.prototype,"textField",void 0),n.__decorate([i.Output(),n.__metadata("design:type",i.EventEmitter)],t.prototype,"itemClick",void 0),t=n.__decorate([i.Component({selector:"kendo-toolbar-buttonlist",template:'\n        <button tabindex="-1" kendoButton\n            class="k-overflow-button"\n            *ngFor="let item of data"\n            [disabled]="item.disabled"\n            [icon]="item.icon"\n            [iconClass]="item.iconClass"\n            [imageUrl]="item.imageUrl"\n            (click)="onClick(item)">\n            {{ getText(item) }}\n        </button>\n    '})],t)}(r.ToolBarToolComponent);t.ToolBarButtonListComponent=a}])});

dist/es/toolbar.component.js

@@ -13,3 +13,3 @@ import { Component, HostBinding, ViewChild, ElementRef, ContentChildren, Input, ChangeDetectorRef, ViewChildren, HostListener, Output, EventEmitter, ViewContainerRef } from '@angular/core';
 /**
- * Represents the Kendo UI ToolBar component for Angular.
+ * Represents the [Kendo UI ToolBar component for Angular]({% slug overview_toolbar %}).
  */
@@ -16,0 +16,0 @@ var ToolBarComponent = /** @class */ (function () {

dist/es/toolbar.module.js

@@ -28,5 +28,4 @@ import { NgModule } from '@angular/core';
 /**
- * # ToolBar Module
+ * Represents the [NgModule](https://angular.io/docs/ts/latest/guide/ngmodule.html) definition for the ToolBar component.
  *
- * Represents the [NgModule](https://angular.io/docs/ts/latest/guide/ngmodule.html) definition for the ToolBar component.
  * The package exports:
@@ -40,3 +39,2 @@ * - `ToolBarComponent`—The ToolBarComponent class.
  * - `ToolBarSeparatorComponent`—The Separator Tool component class.
- *
  */
@@ -43,0 +41,0 @@ var ToolBarModule = /** @class */ (function () {

dist/es/tools/toolbar-button.component.js

@@ -20,3 +20,3 @@ import * as tslib_1 from "tslib";
 /**
- * Represents the Kendo UI ToolBar Button for Angular.
+ * Represents the [Kendo UI ToolBar Button tool for Angular]({% slug controltypes_toolbar %}#toc-buttons).
  */
@@ -32,3 +32,4 @@ var ToolBarButtonComponent = /** @class */ (function (_super) {
         /**
-         * Provides visual styling that indicates if the Button is active.
+         * Provides visual styling that indicates if the Button is active
+         * ([see example]({% slug controltypes_toolbar %}#toc-toggle-buttons)).
          * By default, `togglable` is set to `false`.
@@ -38,7 +39,10 @@ */
         /**
-         * Adds visual weight to the Button and makes it primary.
+         * Adds visual weight to the Button and makes it primary
+         * ([see example]({% slug controltypes_toolbar %}#toc-buttons)).
          */
         _this.primary = false;
         /**
-         * Changes the visual appearance by using alternative styling options.
+         * Changes the visual appearance by using alternative styling options
+         * ([see example]({% slug controltypes_toolbar %}#toc-buttons)).
+         *
          * The available values are:
@@ -76,3 +80,3 @@ * * `bare`
         /**
-         * Specifies the text of the Button.
+         * Specifies the text of the Button ([see example]({% slug controltypes_toolbar %}#toc-buttons)).
          */
@@ -90,3 +94,4 @@ set: function (text) {
         /**
-         * Defines the name for an existing icon in a Kendo UI theme.
+         * Defines the name for an existing icon in a Kendo UI theme
+         * ([see example]({% slug controltypes_toolbar %}#toc-buttons)).
          * The icon is rendered inside the Button by a `span.k-icon` element.
@@ -143,3 +148,3 @@ */
                     selector: 'kendo-toolbar-button',
-                    template: "\n        <ng-template #toolbarTemplate>\n            <button tabindex=\"-1\" kendoButton kendoToolBarFocusable\n                [disabled]=\"disabled\"\n                [togglable]=\"togglable\"\n                [primary]=\"primary\"\n                [selected]=\"internalState.selected\"\n                [icon]=\"icon\"\n                [iconClass]=\"iconClass\"\n                [imageUrl]=\"imageUrl\"\n                [look]=\"look\"\n                (click)=\"click.emit($event)\"\n                (selectedChange)=\"selectedChangeHandler($event)\">\n                {{ text }}\n            </button>\n        </ng-template>\n        <ng-template #popupTemplate>\n            <button tabindex=\"-1\" kendoButton\n                class=\"k-overflow-button\"\n                [disabled]=\"disabled\"\n                [togglable]=\"togglable\"\n                [primary]=\"primary\"\n                [selected]=\"internalState.selected\"\n                [icon]=\"icon\"\n                [iconClass]=\"iconClass\"\n                [imageUrl]=\"imageUrl\"\n                [look]=\"look\"\n                (click)=\"click.emit($event)\"\n                (selectedChange)=\"selectedChangeHandler($event)\">\n                {{ text }}\n            </button>\n        </ng-template>\n    "
+                    template: "\n        <ng-template #toolbarTemplate>\n            <button tabindex=\"-1\" kendoButton\n                [disabled]=\"disabled\"\n                [togglable]=\"togglable\"\n                [primary]=\"primary\"\n                [selected]=\"internalState.selected\"\n                [icon]=\"icon\"\n                [iconClass]=\"iconClass\"\n                [imageUrl]=\"imageUrl\"\n                [look]=\"look\"\n                (click)=\"click.emit($event)\"\n                (selectedChange)=\"selectedChangeHandler($event)\">\n                {{ text }}\n            </button>\n        </ng-template>\n        <ng-template #popupTemplate>\n            <button tabindex=\"-1\" kendoButton\n                class=\"k-overflow-button\"\n                [disabled]=\"disabled\"\n                [togglable]=\"togglable\"\n                [primary]=\"primary\"\n                [selected]=\"internalState.selected\"\n                [icon]=\"icon\"\n                [iconClass]=\"iconClass\"\n                [imageUrl]=\"imageUrl\"\n                [look]=\"look\"\n                (click)=\"click.emit($event)\"\n                (selectedChange)=\"selectedChangeHandler($event)\">\n                {{ text }}\n            </button>\n        </ng-template>\n    "
                 },] },
@@ -146,0 +151,0 @@ ];

dist/es/tools/toolbar-buttongroup.component.js

@@ -7,3 +7,3 @@ import * as tslib_1 from "tslib";
 /**
- * Represents the Kendo UI Toolbar button tool for Angular.
+ * Represents the Kendo UI Toolbar ButtonGroup for Angular.
  */
@@ -20,2 +20,5 @@ var ToolBarButtonGroupComponent = /** @class */ (function (_super) {
          * Changes the visual appearance by using alternative styling options.
+         * The `look` property of the ButtonGroup takes precedence over the `look` property
+         * of the individual buttons that are part of the group.
+         *
          * The available values are:
@@ -25,5 +28,2 @@ * * `bare`
          * * `outline`
-         *
-         * The `look` property of the ButtonGroup takes precedence over the `look` property
-         * of the individual buttons that are part of the group.
          */
@@ -30,0 +30,0 @@ _this.look = "default";

dist/es/tools/toolbar-dropdownbutton.component.js

@@ -6,3 +6,3 @@ import * as tslib_1 from "tslib";
 /**
- * Represents the Kendo UI ToolBar Button for Angular.
+ * Represents the [Kendo UI ToolBar DropDownButton for Angular]({% slug controltypes_toolbar %}#toc-dropdownbuttons).
  */
@@ -14,3 +14,4 @@ var ToolBarDropDownButtonComponent = /** @class */ (function (_super) {
         /**
-         * Sets the text of the DropDownButton.
+         * Sets the text of the DropDownButton
+         * ([see example]({% slug controltypes_toolbar %}#toc-dropdownbuttons).
          */
@@ -69,3 +70,4 @@ _this.text = "";
         /**
-         * Sets the data of the DropDownButton.
+         * Sets the data of the DropDownButton
+         * ([see example]({% slug controltypes_toolbar %}#toc-dropdownbuttons).
          *
@@ -72,0 +74,0 @@ * > The data has to be provided in an array-like list.

dist/es/tools/toolbar-separator.component.js

@@ -6,3 +6,3 @@ import * as tslib_1 from "tslib";
 /**
- * Represents the Kendo UI ToolBar Separator for Angular.
+ * Represents the [Kendo UI ToolBar Separator for Angular]({% slug controltypes_toolbar %}#toc-separators).
  */
@@ -9,0 +9,0 @@ var ToolBarSeparatorComponent = /** @class */ (function (_super) {

dist/es/tools/toolbar-splitbutton.component.js

@@ -6,3 +6,3 @@ import * as tslib_1 from "tslib";
 /**
- * Represents the Kendo UI ToolBar button tool for Angular.
+ * Represents the [Kendo UI ToolBar SplitButton for Angular]({% slug controltypes_toolbar %}#toc-splitbuttons).
  */
@@ -14,7 +14,8 @@ var ToolBarSplitButtonComponent = /** @class */ (function (_super) {
         /**
-         * Sets the text of the SplitButton.
+         * Sets the text of the SplitButton ([see example]({% slug controltypes_toolbar %}#toc-splitbuttons).
          */
         _this.text = "";
         /**
-         * Defines the icon that will be rendered next to the button text.
+         * Defines the icon that will be rendered next to the button text
+         * ([see example]({% slug controltypes_toolbar %}#toc-splitbuttons)).
          */
@@ -75,3 +76,3 @@ _this.icon = "";
         /**
-         * Sets the data of the SplitButton.
+         * Sets the data of the SplitButton ([see example]({% slug controltypes_toolbar %}#toc-splitbuttons).
          *
@@ -78,0 +79,0 @@ * > The data has to be provided in an array-like list.

dist/es/tools/toolbar-tool.component.js

 import { Component } from "@angular/core";
 import { ToolNavigationService } from '../navigation/tool-navigation.service';
 /**
- * Represents the Base ToolBar Tool Component for Angular.
+ * Represents the Base ToolBar Tool component for Angular.
  * Extend this class to create custom tools.
@@ -6,0 +6,0 @@ */

dist/es2015/group-selection-settings.d.ts

 /**
- * The selection mode of the ToolBar ButtonGroup.
- *
- * @see ToolBarButtonGroupComponent
+ * The selection mode of the ToolBar ButtonGroup. For more information, refer to the
+ * [`ToolBarButtonGroupComponent`]({% slug api_toolbar_toolbarbuttongroupcomponent %}).
  */
 export declare type ButtonGroupSelection = "single" | "multiple";

dist/es2015/index.metadata.json

@@ -1,1 +0,1 @@
-{"__symbolic":"module","version":3,"metadata":{"ToolBarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"exportAs":"kendoToolBar","providers":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService"},{"provide":{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"L10N_PREFIX"},"useValue":"kendo.toolbar"}],"selector":"kendo-toolbar","template":"\n        <ng-container *ngFor=\"let tool of allTools; let index = index;\">\n            <kendo-toolbar-renderer [location]=\"'toolbar'\" [resizable]=\"resizable\" [tool]=\"tool\"></kendo-toolbar-renderer>\n        </ng-container>\n        <button #overflowButton\n            tabindex=\"-1\" *ngIf=\"resizable\" [style.visibility]=\"displayAnchor\" class=\"k-overflow-anchor k-button\" (click)=\"showPopup()\">\n            <span class=\"k-icon k-i-more-vertical\"></span>\n        </button>\n        <ng-template #popupTemplate>\n            <ul class=\"k-overflow-container k-list-container k-reset\">\n                <ng-container *ngFor=\"let tool of allTools; let index = index;\">\n                    <kendo-toolbar-renderer [location]=\"'overflow'\" [resizable]=\"resizable\" [tool]=\"tool\"></kendo-toolbar-renderer>\n                </ng-container>\n            </ul>\n        </ng-template>\n        <ng-container #container></ng-container>\n        <kendo-resize-sensor *ngIf=\"resizable\" [rateLimit]=\"1000\" #resizeSensor></kendo-resize-sensor>\n    "}]}],"members":{"resizable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"popupSettings":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tabindex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["tabIndex"]}]}],"open":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"allTools":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","name":"ToolBarToolComponent"}]}]}],"overflowButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["overflowButton"]}]}],"popupTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["popupTemplate"]}]}],"resizeSensor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["resizeSensor"]}]}],"container":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["container",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef"}}]}]}],"renderedTools":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren"},"arguments":[{"__symbolic":"reference","name":"ɵc"}]}]}],"onFocus":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["focus"]}]}],"onKeyDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"getTabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.tabindex"]}]}],"getRole":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.role"]}]}],"getDir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.dir"]}]}],"className":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class"]}]}],"resizableClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-toolbar-resizable"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService"},{"__symbolic":"reference","module":"@progress/kendo-angular-popup","name":"PopupService"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"showPopup":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"onResize":[{"__symbolic":"method"}],"onPopupOpen":[{"__symbolic":"method"}],"onPopupClose":[{"__symbolic":"method"}],"shrink":[{"__symbolic":"method"}],"stretch":[{"__symbolic":"method"}],"hideLastVisibleTool":[{"__symbolic":"method"}],"showFirstHiddenTool":[{"__symbolic":"method"}]}},"ToolBarToolComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"toolbar-tool","template":""}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"ToolBarButtonComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ToolBarToolComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"exportAs":"kendoToolBarButton","providers":[{"provide":{"__symbolic":"reference","name":"ToolBarToolComponent"},"useExisting":{"__symbolic":"reference","name":"ToolBarButtonComponent"}}],"selector":"kendo-toolbar-button","template":"\n        <ng-template #toolbarTemplate>\n            <button tabindex=\"-1\" kendoButton kendoToolBarFocusable\n                [disabled]=\"disabled\"\n                [togglable]=\"togglable\"\n                [primary]=\"primary\"\n                [selected]=\"internalState.selected\"\n                [icon]=\"icon\"\n                [iconClass]=\"iconClass\"\n                [imageUrl]=\"imageUrl\"\n                [look]=\"look\"\n                (click)=\"click.emit($event)\"\n                (selectedChange)=\"selectedChangeHandler($event)\">\n                {{ text }}\n            </button>\n        </ng-template>\n        <ng-template #popupTemplate>\n            <button tabindex=\"-1\" kendoButton\n                class=\"k-overflow-button\"\n                [disabled]=\"disabled\"\n                [togglable]=\"togglable\"\n                [primary]=\"primary\"\n                [selected]=\"internalState.selected\"\n                [icon]=\"icon\"\n                [iconClass]=\"iconClass\"\n                [imageUrl]=\"imageUrl\"\n                [look]=\"look\"\n                (click)=\"click.emit($event)\"\n                (selectedChange)=\"selectedChangeHandler($event)\">\n                {{ text }}\n            </button>\n        </ng-template>\n    "}]}],"members":{"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"showText":[{"__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"}}]}],"togglable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"primary":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"look":[{"__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"}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"iconClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"imageUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"showIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"click":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"selectedChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"toolbarTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["toolbarTemplate"]}]}],"popupTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["popupTemplate"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnChanges":[{"__symbolic":"method"}],"selectedChangeHandler":[{"__symbolic":"method"}]}},"ToolBarButtonGroupComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ToolBarToolComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"exportAs":"kendoToolBarButtonGroup","providers":[{"provide":{"__symbolic":"reference","name":"ToolBarToolComponent"},"useExisting":{"__symbolic":"reference","name":"ToolBarButtonGroupComponent"}}],"selector":"kendo-toolbar-buttongroup","template":"\n        <ng-template #toolbarTemplate>\n            <kendo-buttongroup\n                [tabIndex]=\"tabIndex\"\n                [selection]=\"selection\"\n                [disabled]=\"disabled\"\n                [look]=\"look\"\n                [width]=\"width\">\n                <button kendoButton kendoToolbarFocusable\n                    *ngFor=\"let button of buttons\"\n                    [disabled]=\"button.disabled\"\n                    [togglable]=\"button.togglable\"\n                    [primary]=\"button.primary\"\n                    [selected]=\"button.selected\"\n                    [icon]=\"button.icon\"\n                    [iconClass]=\"button.iconClass\"\n                    [imageUrl]=\"button.imageUrl\"\n                    (click)=\"button.click.emit($event)\"\n                    (selectedChange)=\"selectedChangeHandler($event, button)\">\n                    {{ button.text }}\n                </button>\n            </kendo-buttongroup>\n        </ng-template>\n        <ng-template #popupTemplate>\n            <kendo-buttongroup\n                class=\"k-overflow-button\"\n                [tabIndex]=\"tabIndex\"\n                [disabled]=\"disabled\"\n                [look]=\"look\"\n                [width]=\"width\">\n                <button kendoButton\n                    class=\"k-overflow-button\"\n                    *ngFor=\"let button of buttons\"\n                    [disabled]=\"button.disabled\"\n                    [togglable]=\"button.togglable\"\n                    [primary]=\"button.primary\"\n                    [selected]=\"button.selected\"\n                    [icon]=\"button.icon\"\n                    [iconClass]=\"button.iconClass\"\n                    [imageUrl]=\"button.imageUrl\"\n                    (click)=\"button.click.emit($event)\"\n                    (selectedChange)=\"selectedChangeHandler($event, button)\">\n                    {{ button.text }}\n                </button>\n            </kendo-buttongroup>\n        </ng-template>\n    "}]}],"members":{"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"look":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"toolbarTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["toolbarTemplate"]}]}],"popupTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["popupTemplate"]}]}],"buttons":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","name":"ToolBarButtonComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"selectedChangeHandler":[{"__symbolic":"method"}]}},"ToolBarDropDownButtonComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ToolBarToolComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"exportAs":"kendoToolBarDropDownButton","providers":[{"provide":{"__symbolic":"reference","name":"ToolBarToolComponent"},"useExisting":{"__symbolic":"reference","name":"ToolBarDropDownButtonComponent"}}],"selector":"kendo-toolbar-dropdownbutton","template":"\n        <ng-template #toolbarTemplate>\n            <kendo-dropdownbutton\n                [icon]=\"icon\"\n                [iconClass]=\"iconClass\"\n                [imageUrl]=\"imageUrl\"\n                [disabled]=\"disabled\"\n                [tabIndex]=\"tabIndex\"\n                [data]=\"data\"\n                [textField]=\"textField\"\n                (itemClick)=\"itemClick.emit($event)\">\n                {{ text }}\n            </kendo-dropdownbutton>\n        </ng-template>\n        <ng-template #popupTemplate>\n            <kendo-toolbar-buttonlist\n                [data]=\"listData\"\n                [textField]=\"textField\"\n                (itemClick)=\"itemClick.emit($event)\">\n            </kendo-toolbar-buttonlist>\n        </ng-template>\n    "}]}],"members":{"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"iconClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"imageUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"popupSettings":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"textField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"itemClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"toolbarTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["toolbarTemplate"]}]}],"popupTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["popupTemplate"]}]}],"dropdownButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["dropdownButton",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}}]}]}],"__ctor__":[{"__symbolic":"constructor"}]}},"ToolBarSplitButtonComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ToolBarToolComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"exportAs":"kendoToolBarSplitButton","providers":[{"provide":{"__symbolic":"reference","name":"ToolBarToolComponent"},"useExisting":{"__symbolic":"reference","name":"ToolBarSplitButtonComponent"}}],"selector":"kendo-toolbar-splitbutton","template":"\n        <ng-template #toolbarTemplate>\n            <kendo-splitbutton\n                [data]=\"data\"\n                [text]=\"text\"\n                [icon]=\"icon\"\n                [iconClass]=\"iconClass\"\n                [imageUrl]=\"imageUrl\"\n                [disabled]=\"disabled\"\n                [tabIndex]=\"tabIndex\"\n                [textField]=\"textField\"\n                (buttonClick)=\"buttonClick.emit($event)\"\n                (itemClick)=\"itemClick.emit($event)\">\n            </kendo-splitbutton>\n        </ng-template>\n        <ng-template #popupTemplate>\n            <kendo-toolbar-buttonlist\n                [data]=\"listData\"\n                [textField]=\"textField\"\n                (itemClick)=\"itemClick.emit($event)\">\n            </kendo-toolbar-buttonlist>\n        </ng-template>\n    "}]}],"members":{"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"iconClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"imageUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"popupSettings":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"textField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"buttonClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"itemClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"toolbarTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["toolbarTemplate"]}]}],"popupTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["popupTemplate"]}]}],"splitButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["splitButton",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}}]}]}],"__ctor__":[{"__symbolic":"constructor"}]}},"ToolBarSeparatorComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ToolBarToolComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"exportAs":"kendoToolBarSeparator","providers":[{"provide":{"__symbolic":"reference","name":"ToolBarToolComponent"},"useExisting":{"__symbolic":"reference","name":"ToolBarSeparatorComponent"}}],"selector":"kendo-toolbar-separator","template":"\n        <ng-template #toolbarTemplate>\n        </ng-template>\n    "}]}],"members":{"toolbarTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["toolbarTemplate"]}]}],"popupTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["popupTemplate"]}]}],"separator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["separator"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"ButtonGroupSelection":{"__symbolic":"interface"},"PopupSettings":{"__symbolic":"interface"},"DisplayMode":{"__symbolic":"interface"},"ToolBarModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ToolBarComponent"},[{"__symbolic":"reference","name":"ToolBarToolComponent"},{"__symbolic":"reference","name":"ToolBarButtonComponent"},{"__symbolic":"reference","name":"ToolBarButtonGroupComponent"},{"__symbolic":"reference","name":"ToolBarDropDownButtonComponent"},{"__symbolic":"reference","name":"ToolBarSplitButtonComponent"},{"__symbolic":"reference","name":"ToolBarSeparatorComponent"}],[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵe"}]],"exports":[{"__symbolic":"reference","name":"ToolBarComponent"},[{"__symbolic":"reference","name":"ToolBarToolComponent"},{"__symbolic":"reference","name":"ToolBarButtonComponent"},{"__symbolic":"reference","name":"ToolBarButtonGroupComponent"},{"__symbolic":"reference","name":"ToolBarDropDownButtonComponent"},{"__symbolic":"reference","name":"ToolBarSplitButtonComponent"},{"__symbolic":"reference","name":"ToolBarSeparatorComponent"}]],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","module":"@progress/kendo-angular-buttons","name":"ButtonsModule"},{"__symbolic":"reference","module":"@progress/kendo-angular-popup","name":"PopupModule"},{"__symbolic":"reference","module":"@progress/kendo-angular-resize-sensor","name":"ResizeSensorModule"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"refresh":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"register":[{"__symbolic":"method"}],"unregister":[{"__symbolic":"method"}],"moveFocusToToolBar":[{"__symbolic":"method"}],"moveFocusToPopup":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"focusOverflowButton":[{"__symbolic":"method"}],"focusFirst":[{"__symbolic":"method"}],"focusPrev":[{"__symbolic":"method"}],"focusNext":[{"__symbolic":"method"}],"lock":[{"__symbolic":"method"}],"unlock":[{"__symbolic":"method"}],"focusEnter":[{"__symbolic":"method"}],"focusLeave":[{"__symbolic":"method"}],"defocus":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"exportAs":"kendoToolBarRenderer","providers":[{"__symbolic":"reference","name":"ɵd"}],"selector":"kendo-toolbar-renderer","template":"\n        <ng-container *ngIf=\"location === 'toolbar'\">\n            <ng-template [ngTemplateOutlet]=\"template\"></ng-template>\n        </ng-container>\n        <ng-container *ngIf=\"location === 'overflow'\">\n            <li class=\"k-item\">\n                <ng-template [ngTemplateOutlet]=\"template\"></ng-template>\n            </li>\n        </ng-container>\n    "}]}],"members":{"tool":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"location":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"resizable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"className":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-separator"]}]}],"onFocus":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["focusin"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"isDisplayed":[{"__symbolic":"method"}],"refresh":[{"__symbolic":"method"}],"setAttribute":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"getElement":[{"__symbolic":"method"}],"querySelector":[{"__symbolic":"method"}],"querySelectorAll":[{"__symbolic":"method"}],"findFocusable":[{"__symbolic":"method"}],"findFocusableChild":[{"__symbolic":"method"}],"findNextFocusableSibling":[{"__symbolic":"method"}],"findPrevFocusableSibling":[{"__symbolic":"method"}],"setAttribute":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ToolBarToolComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"kendo-toolbar-buttonlist","template":"\n        <button tabindex=\"-1\" kendoButton\n            class=\"k-overflow-button\"\n            *ngFor=\"let item of data\"\n            [disabled]=\"item.disabled\"\n            [icon]=\"item.icon\"\n            [iconClass]=\"item.iconClass\"\n            [imageUrl]=\"item.imageUrl\"\n            (click)=\"onClick(item)\">\n            {{ getText(item) }}\n        </button>\n    "}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"textField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"itemClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"getText":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}]}}},"origins":{"ToolBarComponent":"./toolbar.component","ToolBarToolComponent":"./tools/toolbar-tool.component","ToolBarButtonComponent":"./tools/toolbar-button.component","ToolBarButtonGroupComponent":"./tools/toolbar-buttongroup.component","ToolBarDropDownButtonComponent":"./tools/toolbar-dropdownbutton.component","ToolBarSplitButtonComponent":"./tools/toolbar-splitbutton.component","ToolBarSeparatorComponent":"./tools/toolbar-separator.component","ButtonGroupSelection":"./group-selection-settings","PopupSettings":"./popup-settings","DisplayMode":"./display-mode","ToolBarModule":"./toolbar.module","ɵa":"./refresh.service","ɵb":"./navigation.service","ɵc":"./renderer.component","ɵd":"./renderer.service","ɵe":"./tools/toolbar-buttonlist.component"},"importAs":"@progress/kendo-angular-toolbar"}
+{"__symbolic":"module","version":3,"metadata":{"ToolBarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"exportAs":"kendoToolBar","providers":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService"},{"provide":{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"L10N_PREFIX"},"useValue":"kendo.toolbar"}],"selector":"kendo-toolbar","template":"\n        <ng-container *ngFor=\"let tool of allTools; let index = index;\">\n            <kendo-toolbar-renderer [location]=\"'toolbar'\" [resizable]=\"resizable\" [tool]=\"tool\"></kendo-toolbar-renderer>\n        </ng-container>\n        <button #overflowButton\n            tabindex=\"-1\" *ngIf=\"resizable\" [style.visibility]=\"displayAnchor\" class=\"k-overflow-anchor k-button\" (click)=\"showPopup()\">\n            <span class=\"k-icon k-i-more-vertical\"></span>\n        </button>\n        <ng-template #popupTemplate>\n            <ul class=\"k-overflow-container k-list-container k-reset\">\n                <ng-container *ngFor=\"let tool of allTools; let index = index;\">\n                    <kendo-toolbar-renderer [location]=\"'overflow'\" [resizable]=\"resizable\" [tool]=\"tool\"></kendo-toolbar-renderer>\n                </ng-container>\n            </ul>\n        </ng-template>\n        <ng-container #container></ng-container>\n        <kendo-resize-sensor *ngIf=\"resizable\" [rateLimit]=\"1000\" #resizeSensor></kendo-resize-sensor>\n    "}]}],"members":{"resizable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"popupSettings":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tabindex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["tabIndex"]}]}],"open":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"allTools":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","name":"ToolBarToolComponent"}]}]}],"overflowButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["overflowButton"]}]}],"popupTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["popupTemplate"]}]}],"resizeSensor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["resizeSensor"]}]}],"container":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["container",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef"}}]}]}],"renderedTools":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren"},"arguments":[{"__symbolic":"reference","name":"ɵc"}]}]}],"onFocus":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["focus"]}]}],"onKeyDown":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["keydown",["$event"]]}]}],"getTabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.tabindex"]}]}],"getRole":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.role"]}]}],"getDir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.dir"]}]}],"className":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class"]}]}],"resizableClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-toolbar-resizable"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService"},{"__symbolic":"reference","module":"@progress/kendo-angular-popup","name":"PopupService"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"showPopup":[{"__symbolic":"method"}],"toggle":[{"__symbolic":"method"}],"onResize":[{"__symbolic":"method"}],"onPopupOpen":[{"__symbolic":"method"}],"onPopupClose":[{"__symbolic":"method"}],"shrink":[{"__symbolic":"method"}],"stretch":[{"__symbolic":"method"}],"hideLastVisibleTool":[{"__symbolic":"method"}],"showFirstHiddenTool":[{"__symbolic":"method"}]}},"ToolBarToolComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"toolbar-tool","template":""}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}]}},"ToolBarButtonComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ToolBarToolComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"exportAs":"kendoToolBarButton","providers":[{"provide":{"__symbolic":"reference","name":"ToolBarToolComponent"},"useExisting":{"__symbolic":"reference","name":"ToolBarButtonComponent"}}],"selector":"kendo-toolbar-button","template":"\n        <ng-template #toolbarTemplate>\n            <button tabindex=\"-1\" kendoButton\n                [disabled]=\"disabled\"\n                [togglable]=\"togglable\"\n                [primary]=\"primary\"\n                [selected]=\"internalState.selected\"\n                [icon]=\"icon\"\n                [iconClass]=\"iconClass\"\n                [imageUrl]=\"imageUrl\"\n                [look]=\"look\"\n                (click)=\"click.emit($event)\"\n                (selectedChange)=\"selectedChangeHandler($event)\">\n                {{ text }}\n            </button>\n        </ng-template>\n        <ng-template #popupTemplate>\n            <button tabindex=\"-1\" kendoButton\n                class=\"k-overflow-button\"\n                [disabled]=\"disabled\"\n                [togglable]=\"togglable\"\n                [primary]=\"primary\"\n                [selected]=\"internalState.selected\"\n                [icon]=\"icon\"\n                [iconClass]=\"iconClass\"\n                [imageUrl]=\"imageUrl\"\n                [look]=\"look\"\n                (click)=\"click.emit($event)\"\n                (selectedChange)=\"selectedChangeHandler($event)\">\n                {{ text }}\n            </button>\n        </ng-template>\n    "}]}],"members":{"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"showText":[{"__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"}}]}],"togglable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"primary":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"look":[{"__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"}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"iconClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"imageUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"showIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"click":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"selectedChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"toolbarTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["toolbarTemplate"]}]}],"popupTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["popupTemplate"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnChanges":[{"__symbolic":"method"}],"selectedChangeHandler":[{"__symbolic":"method"}]}},"ToolBarButtonGroupComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ToolBarToolComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"exportAs":"kendoToolBarButtonGroup","providers":[{"provide":{"__symbolic":"reference","name":"ToolBarToolComponent"},"useExisting":{"__symbolic":"reference","name":"ToolBarButtonGroupComponent"}}],"selector":"kendo-toolbar-buttongroup","template":"\n        <ng-template #toolbarTemplate>\n            <kendo-buttongroup\n                [tabIndex]=\"tabIndex\"\n                [selection]=\"selection\"\n                [disabled]=\"disabled\"\n                [look]=\"look\"\n                [width]=\"width\">\n                <button kendoButton kendoToolbarFocusable\n                    *ngFor=\"let button of buttons\"\n                    [disabled]=\"button.disabled\"\n                    [togglable]=\"button.togglable\"\n                    [primary]=\"button.primary\"\n                    [selected]=\"button.selected\"\n                    [icon]=\"button.icon\"\n                    [iconClass]=\"button.iconClass\"\n                    [imageUrl]=\"button.imageUrl\"\n                    (click)=\"button.click.emit($event)\"\n                    (selectedChange)=\"selectedChangeHandler($event, button)\">\n                    {{ button.text }}\n                </button>\n            </kendo-buttongroup>\n        </ng-template>\n        <ng-template #popupTemplate>\n            <kendo-buttongroup\n                class=\"k-overflow-button\"\n                [tabIndex]=\"tabIndex\"\n                [disabled]=\"disabled\"\n                [look]=\"look\"\n                [width]=\"width\">\n                <button kendoButton\n                    class=\"k-overflow-button\"\n                    *ngFor=\"let button of buttons\"\n                    [disabled]=\"button.disabled\"\n                    [togglable]=\"button.togglable\"\n                    [primary]=\"button.primary\"\n                    [selected]=\"button.selected\"\n                    [icon]=\"button.icon\"\n                    [iconClass]=\"button.iconClass\"\n                    [imageUrl]=\"button.imageUrl\"\n                    (click)=\"button.click.emit($event)\"\n                    (selectedChange)=\"selectedChangeHandler($event, button)\">\n                    {{ button.text }}\n                </button>\n            </kendo-buttongroup>\n        </ng-template>\n    "}]}],"members":{"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"selection":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"look":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"toolbarTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["toolbarTemplate"]}]}],"popupTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["popupTemplate"]}]}],"buttons":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","name":"ToolBarButtonComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor"}],"selectedChangeHandler":[{"__symbolic":"method"}]}},"ToolBarDropDownButtonComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ToolBarToolComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"exportAs":"kendoToolBarDropDownButton","providers":[{"provide":{"__symbolic":"reference","name":"ToolBarToolComponent"},"useExisting":{"__symbolic":"reference","name":"ToolBarDropDownButtonComponent"}}],"selector":"kendo-toolbar-dropdownbutton","template":"\n        <ng-template #toolbarTemplate>\n            <kendo-dropdownbutton\n                [icon]=\"icon\"\n                [iconClass]=\"iconClass\"\n                [imageUrl]=\"imageUrl\"\n                [disabled]=\"disabled\"\n                [tabIndex]=\"tabIndex\"\n                [data]=\"data\"\n                [textField]=\"textField\"\n                (itemClick)=\"itemClick.emit($event)\">\n                {{ text }}\n            </kendo-dropdownbutton>\n        </ng-template>\n        <ng-template #popupTemplate>\n            <kendo-toolbar-buttonlist\n                [data]=\"listData\"\n                [textField]=\"textField\"\n                (itemClick)=\"itemClick.emit($event)\">\n            </kendo-toolbar-buttonlist>\n        </ng-template>\n    "}]}],"members":{"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"iconClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"imageUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"popupSettings":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"textField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"itemClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"toolbarTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["toolbarTemplate"]}]}],"popupTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["popupTemplate"]}]}],"dropdownButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["dropdownButton",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}}]}]}],"__ctor__":[{"__symbolic":"constructor"}]}},"ToolBarSplitButtonComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ToolBarToolComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"exportAs":"kendoToolBarSplitButton","providers":[{"provide":{"__symbolic":"reference","name":"ToolBarToolComponent"},"useExisting":{"__symbolic":"reference","name":"ToolBarSplitButtonComponent"}}],"selector":"kendo-toolbar-splitbutton","template":"\n        <ng-template #toolbarTemplate>\n            <kendo-splitbutton\n                [data]=\"data\"\n                [text]=\"text\"\n                [icon]=\"icon\"\n                [iconClass]=\"iconClass\"\n                [imageUrl]=\"imageUrl\"\n                [disabled]=\"disabled\"\n                [tabIndex]=\"tabIndex\"\n                [textField]=\"textField\"\n                (buttonClick)=\"buttonClick.emit($event)\"\n                (itemClick)=\"itemClick.emit($event)\">\n            </kendo-splitbutton>\n        </ng-template>\n        <ng-template #popupTemplate>\n            <kendo-toolbar-buttonlist\n                [data]=\"listData\"\n                [textField]=\"textField\"\n                (itemClick)=\"itemClick.emit($event)\">\n            </kendo-toolbar-buttonlist>\n        </ng-template>\n    "}]}],"members":{"text":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"iconClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"imageUrl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"disabled":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"popupSettings":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"textField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"buttonClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"itemClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"toolbarTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["toolbarTemplate"]}]}],"popupTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["popupTemplate"]}]}],"splitButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["splitButton",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}}]}]}],"__ctor__":[{"__symbolic":"constructor"}]}},"ToolBarSeparatorComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ToolBarToolComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"exportAs":"kendoToolBarSeparator","providers":[{"provide":{"__symbolic":"reference","name":"ToolBarToolComponent"},"useExisting":{"__symbolic":"reference","name":"ToolBarSeparatorComponent"}}],"selector":"kendo-toolbar-separator","template":"\n        <ng-template #toolbarTemplate>\n        </ng-template>\n    "}]}],"members":{"toolbarTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["toolbarTemplate"]}]}],"popupTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["popupTemplate"]}]}],"separator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["separator"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"ButtonGroupSelection":{"__symbolic":"interface"},"PopupSettings":{"__symbolic":"interface"},"DisplayMode":{"__symbolic":"interface"},"ToolBarModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ToolBarComponent"},[{"__symbolic":"reference","name":"ToolBarToolComponent"},{"__symbolic":"reference","name":"ToolBarButtonComponent"},{"__symbolic":"reference","name":"ToolBarButtonGroupComponent"},{"__symbolic":"reference","name":"ToolBarDropDownButtonComponent"},{"__symbolic":"reference","name":"ToolBarSplitButtonComponent"},{"__symbolic":"reference","name":"ToolBarSeparatorComponent"}],[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵe"}]],"exports":[{"__symbolic":"reference","name":"ToolBarComponent"},[{"__symbolic":"reference","name":"ToolBarToolComponent"},{"__symbolic":"reference","name":"ToolBarButtonComponent"},{"__symbolic":"reference","name":"ToolBarButtonGroupComponent"},{"__symbolic":"reference","name":"ToolBarDropDownButtonComponent"},{"__symbolic":"reference","name":"ToolBarSplitButtonComponent"},{"__symbolic":"reference","name":"ToolBarSeparatorComponent"}]],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","module":"@progress/kendo-angular-buttons","name":"ButtonsModule"},{"__symbolic":"reference","module":"@progress/kendo-angular-popup","name":"PopupModule"},{"__symbolic":"reference","module":"@progress/kendo-angular-resize-sensor","name":"ResizeSensorModule"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"refresh":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"register":[{"__symbolic":"method"}],"unregister":[{"__symbolic":"method"}],"moveFocusToToolBar":[{"__symbolic":"method"}],"moveFocusToPopup":[{"__symbolic":"method"}],"focus":[{"__symbolic":"method"}],"focusOverflowButton":[{"__symbolic":"method"}],"focusFirst":[{"__symbolic":"method"}],"focusPrev":[{"__symbolic":"method"}],"focusNext":[{"__symbolic":"method"}],"lock":[{"__symbolic":"method"}],"unlock":[{"__symbolic":"method"}],"focusEnter":[{"__symbolic":"method"}],"focusLeave":[{"__symbolic":"method"}],"defocus":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"exportAs":"kendoToolBarRenderer","providers":[{"__symbolic":"reference","name":"ɵd"}],"selector":"kendo-toolbar-renderer","template":"\n        <ng-container *ngIf=\"location === 'toolbar'\">\n            <ng-template [ngTemplateOutlet]=\"template\"></ng-template>\n        </ng-container>\n        <ng-container *ngIf=\"location === 'overflow'\">\n            <li class=\"k-item\">\n                <ng-template [ngTemplateOutlet]=\"template\"></ng-template>\n            </li>\n        </ng-container>\n    "}]}],"members":{"tool":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"location":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"resizable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"className":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-separator"]}]}],"onFocus":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["focusin"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","name":"ɵd"},{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵb"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"isDisplayed":[{"__symbolic":"method"}],"refresh":[{"__symbolic":"method"}],"setAttribute":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"getElement":[{"__symbolic":"method"}],"querySelector":[{"__symbolic":"method"}],"querySelectorAll":[{"__symbolic":"method"}],"findFocusable":[{"__symbolic":"method"}],"findFocusableChild":[{"__symbolic":"method"}],"findNextFocusableSibling":[{"__symbolic":"method"}],"findPrevFocusableSibling":[{"__symbolic":"method"}],"setAttribute":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ToolBarToolComponent"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"kendo-toolbar-buttonlist","template":"\n        <button tabindex=\"-1\" kendoButton\n            class=\"k-overflow-button\"\n            *ngFor=\"let item of data\"\n            [disabled]=\"item.disabled\"\n            [icon]=\"item.icon\"\n            [iconClass]=\"item.iconClass\"\n            [imageUrl]=\"item.imageUrl\"\n            (click)=\"onClick(item)\">\n            {{ getText(item) }}\n        </button>\n    "}]}],"members":{"data":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"textField":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"itemClick":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"getText":[{"__symbolic":"method"}],"onClick":[{"__symbolic":"method"}]}}},"origins":{"ToolBarComponent":"./toolbar.component","ToolBarToolComponent":"./tools/toolbar-tool.component","ToolBarButtonComponent":"./tools/toolbar-button.component","ToolBarButtonGroupComponent":"./tools/toolbar-buttongroup.component","ToolBarDropDownButtonComponent":"./tools/toolbar-dropdownbutton.component","ToolBarSplitButtonComponent":"./tools/toolbar-splitbutton.component","ToolBarSeparatorComponent":"./tools/toolbar-separator.component","ButtonGroupSelection":"./group-selection-settings","PopupSettings":"./popup-settings","DisplayMode":"./display-mode","ToolBarModule":"./toolbar.module","ɵa":"./refresh.service","ɵb":"./navigation.service","ɵc":"./renderer.component","ɵd":"./renderer.service","ɵe":"./tools/toolbar-buttonlist.component"},"importAs":"@progress/kendo-angular-toolbar"}

dist/es2015/toolbar.component.d.ts

@@ -13,3 +13,3 @@ import { TemplateRef, ElementRef, QueryList, ChangeDetectorRef, EventEmitter, ViewContainerRef } from '@angular/core';
 /**
- * Represents the Kendo UI ToolBar component for Angular.
+ * Represents the [Kendo UI ToolBar component for Angular]({% slug overview_toolbar %}).
  */
@@ -16,0 +16,0 @@ export declare class ToolBarComponent {

dist/es2015/toolbar.component.js

@@ -13,3 +13,3 @@ import { Component, HostBinding, ViewChild, ElementRef, ContentChildren, Input, ChangeDetectorRef, ViewChildren, HostListener, Output, EventEmitter, ViewContainerRef } from '@angular/core';
 /**
- * Represents the Kendo UI ToolBar component for Angular.
+ * Represents the [Kendo UI ToolBar component for Angular]({% slug overview_toolbar %}).
  */
@@ -16,0 +16,0 @@ export class ToolBarComponent {

dist/es2015/toolbar.module.d.ts

 /**
- * # ToolBar Module
+ * Represents the [NgModule](https://angular.io/docs/ts/latest/guide/ngmodule.html) definition for the ToolBar component.
  *
- * Represents the [NgModule](https://angular.io/docs/ts/latest/guide/ngmodule.html) definition for the ToolBar component.
  * The package exports:
@@ -13,5 +12,4 @@ * - `ToolBarComponent`—The ToolBarComponent class.
  * - `ToolBarSeparatorComponent`—The Separator Tool component class.
- *
  */
 export declare class ToolBarModule {
 }

dist/es2015/toolbar.module.js

@@ -28,5 +28,4 @@ import { NgModule } from '@angular/core';
 /**
- * # ToolBar Module
+ * Represents the [NgModule](https://angular.io/docs/ts/latest/guide/ngmodule.html) definition for the ToolBar component.
  *
- * Represents the [NgModule](https://angular.io/docs/ts/latest/guide/ngmodule.html) definition for the ToolBar component.
  * The package exports:
@@ -40,3 +39,2 @@ * - `ToolBarComponent`—The ToolBarComponent class.
  * - `ToolBarSeparatorComponent`—The Separator Tool component class.
- *
  */
@@ -43,0 +41,0 @@ export class ToolBarModule {

dist/es2015/tools/toolbar-button.component.d.ts

@@ -11,7 +11,7 @@ import { TemplateRef, EventEmitter, OnChanges } from '@angular/core';
 /**
- * Represents the Kendo UI ToolBar Button for Angular.
+ * Represents the [Kendo UI ToolBar Button tool for Angular]({% slug controltypes_toolbar %}#toc-buttons).
  */
 export declare class ToolBarButtonComponent extends ToolBarToolComponent implements OnChanges {
     /**
-     * Specifies the text of the Button.
+     * Specifies the text of the Button ([see example]({% slug controltypes_toolbar %}#toc-buttons)).
      */
@@ -24,7 +24,9 @@ text: string;
     /**
-     * If set to `true`, it disables the Button.
+     * If `disabled` is set to `true`, the Button is disabled
+     * ([see example]({% slug controltypes_toolbar %}#toc-buttons)).
      */
     disabled: boolean;
     /**
-     * Provides visual styling that indicates if the Button is active.
+     * Provides visual styling that indicates if the Button is active
+     * ([see example]({% slug controltypes_toolbar %}#toc-toggle-buttons)).
      * By default, `togglable` is set to `false`.
@@ -34,7 +36,10 @@ */
     /**
-     * Adds visual weight to the Button and makes it primary.
+     * Adds visual weight to the Button and makes it primary
+     * ([see example]({% slug controltypes_toolbar %}#toc-buttons)).
      */
     primary: boolean;
     /**
-     * Changes the visual appearance by using alternative styling options.
+     * Changes the visual appearance by using alternative styling options
+     * ([see example]({% slug controltypes_toolbar %}#toc-buttons)).
+     *
      * The available values are:
@@ -51,3 +56,4 @@ * * `bare`
     /**
-     * Defines the name for an existing icon in a Kendo UI theme.
+     * Defines the name for an existing icon in a Kendo UI theme
+     * ([see example]({% slug controltypes_toolbar %}#toc-buttons)).
      * The icon is rendered inside the Button by a `span.k-icon` element.
@@ -54,0 +60,0 @@ */

dist/es2015/tools/toolbar-button.component.js

@@ -19,3 +19,3 @@ import { Component, forwardRef, ViewChild, Input, Output, EventEmitter } from '@angular/core';
 /**
- * Represents the Kendo UI ToolBar Button for Angular.
+ * Represents the [Kendo UI ToolBar Button tool for Angular]({% slug controltypes_toolbar %}#toc-buttons).
  */
@@ -30,3 +30,4 @@ export class ToolBarButtonComponent extends ToolBarToolComponent {
         /**
-         * Provides visual styling that indicates if the Button is active.
+         * Provides visual styling that indicates if the Button is active
+         * ([see example]({% slug controltypes_toolbar %}#toc-toggle-buttons)).
          * By default, `togglable` is set to `false`.
@@ -36,7 +37,10 @@ */
         /**
-         * Adds visual weight to the Button and makes it primary.
+         * Adds visual weight to the Button and makes it primary
+         * ([see example]({% slug controltypes_toolbar %}#toc-buttons)).
          */
         this.primary = false;
         /**
-         * Changes the visual appearance by using alternative styling options.
+         * Changes the visual appearance by using alternative styling options
+         * ([see example]({% slug controltypes_toolbar %}#toc-buttons)).
+         *
          * The available values are:
@@ -69,3 +73,3 @@ * * `bare`
     /**
-     * Specifies the text of the Button.
+     * Specifies the text of the Button ([see example]({% slug controltypes_toolbar %}#toc-buttons)).
      */
@@ -79,3 +83,4 @@ set text(text) {
     /**
-     * Defines the name for an existing icon in a Kendo UI theme.
+     * Defines the name for an existing icon in a Kendo UI theme
+     * ([see example]({% slug controltypes_toolbar %}#toc-buttons)).
      * The icon is rendered inside the Button by a `span.k-icon` element.
@@ -127,3 +132,3 @@ */
         <ng-template #toolbarTemplate>
-            <button tabindex="-1" kendoButton kendoToolBarFocusable
+            <button tabindex="-1" kendoButton
                 [disabled]="disabled"
@@ -130,0 +135,0 @@ [togglable]="togglable"

dist/es2015/tools/toolbar-buttongroup.component.d.ts

@@ -7,12 +7,11 @@ import { TemplateRef, QueryList } from '@angular/core';
 /**
- * Represents the Kendo UI Toolbar button tool for Angular.
+ * Represents the Kendo UI Toolbar ButtonGroup for Angular.
  */
 export declare class ToolBarButtonGroupComponent extends ToolBarToolComponent {
     /**
-     * By default, the ButtonGroup is enabled.
-     * To disable the whole group of buttons, set its `disabled` attribute to `true`.
-     * To disable a specific button, set the `disabled` attribute of the button to `true`
-     * and leave the `disabled` attribute of the ButtonGroup undefined.
-     * If you define the `disabled` attribute of the ButtonGroup, it will take
-     * precedence over the `disabled` attributes of the underlying buttons and they will be ignored.
+     * By default, the ButtonGroup is enabled. To disable the whole group of buttons, set its `disabled`
+     * attribute to `true`. To disable a specific button, set the `disabled` attribute of the button to
+     * `true` and leave the `disabled` attribute of the ButtonGroup undefined. If you define the `disabled`
+     * attribute of the ButtonGroup, it will take precedence over the `disabled` attributes of the underlying
+     * buttons and they will be ignored.
      */
@@ -26,2 +25,3 @@ disabled: boolean;
      * Sets the width of the ButtonGroup.
+     *
      * If the width of the ButtonGroup is set:
@@ -34,2 +34,5 @@ * - The buttons resize automatically to fill the full width of the group wrapper.
      * Changes the visual appearance by using alternative styling options.
+     * The `look` property of the ButtonGroup takes precedence over the `look` property
+     * of the individual buttons that are part of the group.
+     *
      * The available values are:
@@ -39,5 +42,2 @@ * * `bare`
      * * `outline`
-     *
-     * The `look` property of the ButtonGroup takes precedence over the `look` property
-     * of the individual buttons that are part of the group.
      */
@@ -44,0 +44,0 @@ look: ButtonLook;

dist/es2015/tools/toolbar-buttongroup.component.js

@@ -6,3 +6,3 @@ import { Component, forwardRef, ViewChild, ContentChildren, Input } from '@angular/core';
 /**
- * Represents the Kendo UI Toolbar button tool for Angular.
+ * Represents the Kendo UI Toolbar ButtonGroup for Angular.
  */
@@ -18,2 +18,5 @@ export class ToolBarButtonGroupComponent extends ToolBarToolComponent {
          * Changes the visual appearance by using alternative styling options.
+         * The `look` property of the ButtonGroup takes precedence over the `look` property
+         * of the individual buttons that are part of the group.
+         *
          * The available values are:
@@ -23,5 +26,2 @@ * * `bare`
          * * `outline`
-         *
-         * The `look` property of the ButtonGroup takes precedence over the `look` property
-         * of the individual buttons that are part of the group.
          */
@@ -28,0 +28,0 @@ this.look = "default";

dist/es2015/tools/toolbar-dropdownbutton.component.d.ts

@@ -5,7 +5,8 @@ import { TemplateRef, ElementRef, EventEmitter } from '@angular/core';
 /**
- * Represents the Kendo UI ToolBar Button for Angular.
+ * Represents the [Kendo UI ToolBar DropDownButton for Angular]({% slug controltypes_toolbar %}#toc-dropdownbuttons).
  */
 export declare class ToolBarDropDownButtonComponent extends ToolBarToolComponent {
     /**
-     * Sets the text of the DropDownButton.
+     * Sets the text of the DropDownButton
+     * ([see example]({% slug controltypes_toolbar %}#toc-dropdownbuttons).
      */
@@ -43,3 +44,4 @@ text: string;
     /**
-     * Sets the data of the DropDownButton.
+     * Sets the data of the DropDownButton
+     * ([see example]({% slug controltypes_toolbar %}#toc-dropdownbuttons).
      *
@@ -46,0 +48,0 @@ * > The data has to be provided in an array-like list.

dist/es2015/tools/toolbar-dropdownbutton.component.js

@@ -5,3 +5,3 @@ import { Component, forwardRef, ViewChild, Input, ElementRef, EventEmitter, Output } from '@angular/core';
 /**
- * Represents the Kendo UI ToolBar Button for Angular.
+ * Represents the [Kendo UI ToolBar DropDownButton for Angular]({% slug controltypes_toolbar %}#toc-dropdownbuttons).
  */
@@ -12,3 +12,4 @@ export class ToolBarDropDownButtonComponent extends ToolBarToolComponent {
         /**
-         * Sets the text of the DropDownButton.
+         * Sets the text of the DropDownButton
+         * ([see example]({% slug controltypes_toolbar %}#toc-dropdownbuttons).
          */
@@ -55,3 +56,4 @@ this.text = "";
     /**
-     * Sets the data of the DropDownButton.
+     * Sets the data of the DropDownButton
+     * ([see example]({% slug controltypes_toolbar %}#toc-dropdownbuttons).
      *
@@ -58,0 +60,0 @@ * > The data has to be provided in an array-like list.

dist/es2015/tools/toolbar-separator.component.d.ts

 import { TemplateRef, ElementRef, AfterViewInit } from '@angular/core';
 import { ToolBarToolComponent } from './toolbar-tool.component';
 /**
- * Represents the Kendo UI ToolBar Separator for Angular.
+ * Represents the [Kendo UI ToolBar Separator for Angular]({% slug controltypes_toolbar %}#toc-separators).
  */
@@ -6,0 +6,0 @@ export declare class ToolBarSeparatorComponent extends ToolBarToolComponent implements AfterViewInit {

dist/es2015/tools/toolbar-separator.component.js

@@ -5,3 +5,3 @@ import { Component, forwardRef, ViewChild } from '@angular/core';
 /**
- * Represents the Kendo UI ToolBar Separator for Angular.
+ * Represents the [Kendo UI ToolBar Separator for Angular]({% slug controltypes_toolbar %}#toc-separators).
  */
@@ -8,0 +8,0 @@ export class ToolBarSeparatorComponent extends ToolBarToolComponent {

dist/es2015/tools/toolbar-splitbutton.component.d.ts

@@ -5,11 +5,12 @@ import { TemplateRef, ElementRef, EventEmitter } from '@angular/core';
 /**
- * Represents the Kendo UI ToolBar button tool for Angular.
+ * Represents the [Kendo UI ToolBar SplitButton for Angular]({% slug controltypes_toolbar %}#toc-splitbuttons).
  */
 export declare class ToolBarSplitButtonComponent extends ToolBarToolComponent {
     /**
-     * Sets the text of the SplitButton.
+     * Sets the text of the SplitButton ([see example]({% slug controltypes_toolbar %}#toc-splitbuttons).
      */
     text: string;
     /**
-     * Defines the icon that will be rendered next to the button text.
+     * Defines the icon that will be rendered next to the button text
+     * ([see example]({% slug controltypes_toolbar %}#toc-splitbuttons)).
      */
@@ -42,3 +43,3 @@ icon: string;
     /**
-     * Sets the data of the SplitButton.
+     * Sets the data of the SplitButton ([see example]({% slug controltypes_toolbar %}#toc-splitbuttons).
      *
@@ -45,0 +46,0 @@ * > The data has to be provided in an array-like list.

dist/es2015/tools/toolbar-splitbutton.component.js

@@ -5,3 +5,3 @@ import { Component, forwardRef, ViewChild, Input, ElementRef, Output, EventEmitter } from '@angular/core';
 /**
- * Represents the Kendo UI ToolBar button tool for Angular.
+ * Represents the [Kendo UI ToolBar SplitButton for Angular]({% slug controltypes_toolbar %}#toc-splitbuttons).
  */
@@ -12,7 +12,8 @@ export class ToolBarSplitButtonComponent extends ToolBarToolComponent {
         /**
-         * Sets the text of the SplitButton.
+         * Sets the text of the SplitButton ([see example]({% slug controltypes_toolbar %}#toc-splitbuttons).
          */
         this.text = "";
         /**
-         * Defines the icon that will be rendered next to the button text.
+         * Defines the icon that will be rendered next to the button text
+         * ([see example]({% slug controltypes_toolbar %}#toc-splitbuttons)).
          */
@@ -61,3 +62,3 @@ this.icon = "";
     /**
-     * Sets the data of the SplitButton.
+     * Sets the data of the SplitButton ([see example]({% slug controltypes_toolbar %}#toc-splitbuttons).
      *
@@ -64,0 +65,0 @@ * > The data has to be provided in an array-like list.

dist/es2015/tools/toolbar-tool.component.d.ts

 import { TemplateRef } from "@angular/core";
 import { ToolNavigation } from '../navigation/tool-navigation.interface';
 /**
- * Represents the Base ToolBar Tool Component for Angular.
+ * Represents the Base ToolBar Tool component for Angular.
  * Extend this class to create custom tools.
@@ -6,0 +6,0 @@ */

dist/es2015/tools/toolbar-tool.component.js

 import { Component } from "@angular/core";
 import { ToolNavigationService } from '../navigation/tool-navigation.service';
 /**
- * Represents the Base ToolBar Tool Component for Angular.
+ * Represents the Base ToolBar Tool component for Angular.
  * Extend this class to create custom tools.
@@ -6,0 +6,0 @@ */

dist/npm/toolbar.component.js

@@ -15,3 +15,3 @@ "use strict";
 /**
- * Represents the Kendo UI ToolBar component for Angular.
+ * Represents the [Kendo UI ToolBar component for Angular]({% slug overview_toolbar %}).
  */
@@ -18,0 +18,0 @@ var ToolBarComponent = /** @class */ (function () {

dist/npm/toolbar.module.js

@@ -30,5 +30,4 @@ "use strict";
 /**
- * # ToolBar Module
+ * Represents the [NgModule](https://angular.io/docs/ts/latest/guide/ngmodule.html) definition for the ToolBar component.
  *
- * Represents the [NgModule](https://angular.io/docs/ts/latest/guide/ngmodule.html) definition for the ToolBar component.
  * The package exports:
@@ -42,3 +41,2 @@ * - `ToolBarComponent`—The ToolBarComponent class.
  * - `ToolBarSeparatorComponent`—The Separator Tool component class.
- *
  */
@@ -45,0 +43,0 @@ var ToolBarModule = /** @class */ (function () {

dist/npm/tools/toolbar-button.component.js

@@ -22,3 +22,3 @@ "use strict";
 /**
- * Represents the Kendo UI ToolBar Button for Angular.
+ * Represents the [Kendo UI ToolBar Button tool for Angular]({% slug controltypes_toolbar %}#toc-buttons).
  */
@@ -34,3 +34,4 @@ var ToolBarButtonComponent = /** @class */ (function (_super) {
         /**
-         * Provides visual styling that indicates if the Button is active.
+         * Provides visual styling that indicates if the Button is active
+         * ([see example]({% slug controltypes_toolbar %}#toc-toggle-buttons)).
          * By default, `togglable` is set to `false`.
@@ -40,7 +41,10 @@ */
         /**
-         * Adds visual weight to the Button and makes it primary.
+         * Adds visual weight to the Button and makes it primary
+         * ([see example]({% slug controltypes_toolbar %}#toc-buttons)).
          */
         _this.primary = false;
         /**
-         * Changes the visual appearance by using alternative styling options.
+         * Changes the visual appearance by using alternative styling options
+         * ([see example]({% slug controltypes_toolbar %}#toc-buttons)).
+         *
          * The available values are:
@@ -78,3 +82,3 @@ * * `bare`
         /**
-         * Specifies the text of the Button.
+         * Specifies the text of the Button ([see example]({% slug controltypes_toolbar %}#toc-buttons)).
          */
@@ -92,3 +96,4 @@ set: function (text) {
         /**
-         * Defines the name for an existing icon in a Kendo UI theme.
+         * Defines the name for an existing icon in a Kendo UI theme
+         * ([see example]({% slug controltypes_toolbar %}#toc-buttons)).
          * The icon is rendered inside the Button by a `span.k-icon` element.
@@ -145,3 +150,3 @@ */
                     selector: 'kendo-toolbar-button',
-                    template: "\n        <ng-template #toolbarTemplate>\n            <button tabindex=\"-1\" kendoButton kendoToolBarFocusable\n                [disabled]=\"disabled\"\n                [togglable]=\"togglable\"\n                [primary]=\"primary\"\n                [selected]=\"internalState.selected\"\n                [icon]=\"icon\"\n                [iconClass]=\"iconClass\"\n                [imageUrl]=\"imageUrl\"\n                [look]=\"look\"\n                (click)=\"click.emit($event)\"\n                (selectedChange)=\"selectedChangeHandler($event)\">\n                {{ text }}\n            </button>\n        </ng-template>\n        <ng-template #popupTemplate>\n            <button tabindex=\"-1\" kendoButton\n                class=\"k-overflow-button\"\n                [disabled]=\"disabled\"\n                [togglable]=\"togglable\"\n                [primary]=\"primary\"\n                [selected]=\"internalState.selected\"\n                [icon]=\"icon\"\n                [iconClass]=\"iconClass\"\n                [imageUrl]=\"imageUrl\"\n                [look]=\"look\"\n                (click)=\"click.emit($event)\"\n                (selectedChange)=\"selectedChangeHandler($event)\">\n                {{ text }}\n            </button>\n        </ng-template>\n    "
+                    template: "\n        <ng-template #toolbarTemplate>\n            <button tabindex=\"-1\" kendoButton\n                [disabled]=\"disabled\"\n                [togglable]=\"togglable\"\n                [primary]=\"primary\"\n                [selected]=\"internalState.selected\"\n                [icon]=\"icon\"\n                [iconClass]=\"iconClass\"\n                [imageUrl]=\"imageUrl\"\n                [look]=\"look\"\n                (click)=\"click.emit($event)\"\n                (selectedChange)=\"selectedChangeHandler($event)\">\n                {{ text }}\n            </button>\n        </ng-template>\n        <ng-template #popupTemplate>\n            <button tabindex=\"-1\" kendoButton\n                class=\"k-overflow-button\"\n                [disabled]=\"disabled\"\n                [togglable]=\"togglable\"\n                [primary]=\"primary\"\n                [selected]=\"internalState.selected\"\n                [icon]=\"icon\"\n                [iconClass]=\"iconClass\"\n                [imageUrl]=\"imageUrl\"\n                [look]=\"look\"\n                (click)=\"click.emit($event)\"\n                (selectedChange)=\"selectedChangeHandler($event)\">\n                {{ text }}\n            </button>\n        </ng-template>\n    "
                 },] },
@@ -148,0 +153,0 @@ ];

dist/npm/tools/toolbar-buttongroup.component.js

@@ -9,3 +9,3 @@ "use strict";
 /**
- * Represents the Kendo UI Toolbar button tool for Angular.
+ * Represents the Kendo UI Toolbar ButtonGroup for Angular.
  */
@@ -22,2 +22,5 @@ var ToolBarButtonGroupComponent = /** @class */ (function (_super) {
          * Changes the visual appearance by using alternative styling options.
+         * The `look` property of the ButtonGroup takes precedence over the `look` property
+         * of the individual buttons that are part of the group.
+         *
          * The available values are:
@@ -27,5 +30,2 @@ * * `bare`
          * * `outline`
-         *
-         * The `look` property of the ButtonGroup takes precedence over the `look` property
-         * of the individual buttons that are part of the group.
          */
@@ -32,0 +32,0 @@ _this.look = "default";

dist/npm/tools/toolbar-dropdownbutton.component.js

@@ -8,3 +8,3 @@ "use strict";
 /**
- * Represents the Kendo UI ToolBar Button for Angular.
+ * Represents the [Kendo UI ToolBar DropDownButton for Angular]({% slug controltypes_toolbar %}#toc-dropdownbuttons).
  */
@@ -16,3 +16,4 @@ var ToolBarDropDownButtonComponent = /** @class */ (function (_super) {
         /**
-         * Sets the text of the DropDownButton.
+         * Sets the text of the DropDownButton
+         * ([see example]({% slug controltypes_toolbar %}#toc-dropdownbuttons).
          */
@@ -71,3 +72,4 @@ _this.text = "";
         /**
-         * Sets the data of the DropDownButton.
+         * Sets the data of the DropDownButton
+         * ([see example]({% slug controltypes_toolbar %}#toc-dropdownbuttons).
          *
@@ -74,0 +76,0 @@ * > The data has to be provided in an array-like list.

dist/npm/tools/toolbar-separator.component.js

@@ -8,3 +8,3 @@ "use strict";
 /**
- * Represents the Kendo UI ToolBar Separator for Angular.
+ * Represents the [Kendo UI ToolBar Separator for Angular]({% slug controltypes_toolbar %}#toc-separators).
  */
@@ -11,0 +11,0 @@ var ToolBarSeparatorComponent = /** @class */ (function (_super) {

dist/npm/tools/toolbar-splitbutton.component.js

@@ -8,3 +8,3 @@ "use strict";
 /**
- * Represents the Kendo UI ToolBar button tool for Angular.
+ * Represents the [Kendo UI ToolBar SplitButton for Angular]({% slug controltypes_toolbar %}#toc-splitbuttons).
  */
@@ -16,7 +16,8 @@ var ToolBarSplitButtonComponent = /** @class */ (function (_super) {
         /**
-         * Sets the text of the SplitButton.
+         * Sets the text of the SplitButton ([see example]({% slug controltypes_toolbar %}#toc-splitbuttons).
          */
         _this.text = "";
         /**
-         * Defines the icon that will be rendered next to the button text.
+         * Defines the icon that will be rendered next to the button text
+         * ([see example]({% slug controltypes_toolbar %}#toc-splitbuttons)).
          */
@@ -77,3 +78,3 @@ _this.icon = "";
         /**
-         * Sets the data of the SplitButton.
+         * Sets the data of the SplitButton ([see example]({% slug controltypes_toolbar %}#toc-splitbuttons).
          *
@@ -80,0 +81,0 @@ * > The data has to be provided in an array-like list.

dist/npm/tools/toolbar-tool.component.js

@@ -6,3 +6,3 @@ "use strict";
 /**
- * Represents the Base ToolBar Tool Component for Angular.
+ * Represents the Base ToolBar Tool component for Angular.
  * Extend this class to create custom tools.
@@ -9,0 +9,0 @@ */

dist/systemjs/kendo-angular-toolbar.js

@@ -1,1 +0,1 @@
-System.register("@progress/kendo-angular-toolbar",["tslib","@angular/core","@progress/kendo-angular-resize-sensor","@progress/kendo-angular-popup","@progress/kendo-angular-l10n","rxjs/operators/filter","@angular/common","@progress/kendo-angular-buttons"],function(d){var o,n,i,r,a,s,p,l;function t(e){return e.__useDefault?e.default:e}return{setters:[function(e){o=t(e)},function(e){n=t(e)},function(e){i=t(e)},function(e){r=t(e)},function(e){a=t(e)},function(e){s=t(e)},function(e){p=t(e)},function(e){l=t(e)}],execute:function(){!function(o){var n={};function i(e){if(n[e])return n[e].exports;var t=n[e]={exports:{},id:e,loaded:!1};return o[e].call(t.exports,t,t.exports,i),t.loaded=!0,t.exports}i.m=o,i.c=n,i.p="",i(0)}([function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(1);t.ToolBarComponent=n.ToolBarComponent;var i=o(10);t.ToolBarToolComponent=i.ToolBarToolComponent;var r=o(18);t.ToolBarButtonComponent=r.ToolBarButtonComponent;var a=o(20);t.ToolBarButtonGroupComponent=a.ToolBarButtonGroupComponent;var s=o(22);t.ToolBarDropDownButtonComponent=s.ToolBarDropDownButtonComponent;var p=o(23);t.ToolBarSplitButtonComponent=p.ToolBarSplitButtonComponent;var l=o(15);t.ToolBarSeparatorComponent=l.ToolBarSeparatorComponent;var u=o(24);t.ToolBarModule=u.ToolBarModule,function(e){for(var t in e)d(t,e[t])}(t)},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),a=o(3),i=o(4),r=o(5),s=o(6),p=o(7),l=o(8),u=o(10),d=o(9),c=o(12),f=o(13),m=o(14),h=o(17),g=function(){function e(e,t,o,n,i,r){this.localization=e,this.popupService=t,this.refreshService=o,this.navigationService=n,this.element=i,this.cdr=r,this.resizable=!1,this.tabindex=0,this.open=new a.EventEmitter,this.close=new a.EventEmitter,this._popupSettings={animate:!0},this.direction=e.rtl?"rtl":"ltr"}return Object.defineProperty(e.prototype,"popupSettings",{get:function(){return this._popupSettings},set:function(e){this._popupSettings=Object.assign({},{animate:!0},e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"tabIndex",{get:function(){return this.tabindex},set:function(e){this.tabindex=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"appendTo",{get:function(){var e=this.popupSettings.appendTo;if(e&&"root"!==e)return"component"===e?this.container:e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"popupOpen",{get:function(){return this._open},set:function(e){if(this.popupOpen!==e){var t=new f.PreventableEvent;e?this.open.emit(t):this.close.emit(t),t.isDefaultPrevented()||this.toggle(e)}},enumerable:!0,configurable:!0}),e.prototype.onFocus=function(){var e=this.navigationService.focused;e?this.navigationService.focus(e):this.navigationService.focusFirst()},e.prototype.onKeyDown=function(e){var t="ltr"===this.direction?e.keyCode===c.Keys.left:e.keyCode===c.Keys.right,o="ltr"===this.direction?e.keyCode===c.Keys.right:e.keyCode===c.Keys.left;t&&(e.preventDefault(),this.navigationService.focusPrev()),o&&(e.preventDefault(),this.navigationService.focusNext()),e.keyCode===c.Keys.tab&&this.element.nativeElement.blur(),this.navigationService.keydown.emit(e)},Object.defineProperty(e.prototype,"getTabIndex",{get:function(){return this.tabindex},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"getRole",{get:function(){return"toolbar"},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"getDir",{get:function(){return this.direction},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"className",{get:function(){return"k-widget k-toolbar"},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"resizableClass",{get:function(){return this.resizable},enumerable:!0,configurable:!0}),e.prototype.ngAfterViewInit=function(){var e=this;this.resizable&&(this.resizeSubscription=this.resizeSensor.resize.pipe(h.filter(function(){return e.resizable})).subscribe(this.onResize.bind(this)),this.resizeSensor.resize.emit(),this.navigationService.overflowButton=this.overflowButton)},e.prototype.ngOnInit=function(){var o=this;this.localizationChangesSubscription=this.localization.changes.subscribe(function(e){var t=e.rtl;return o.direction=t?"rtl":"ltr"})},e.prototype.ngOnDestroy=function(){this.resizeSubscription&&this.resizeSubscription.unsubscribe(),this.localizationChangesSubscription&&this.localizationChangesSubscription.unsubscribe()},e.prototype.showPopup=function(){this.popupOpen=!this.popupOpen},e.prototype.toggle=function(e){var t=this;this._open=void 0!==e?e:!this.popupOpen,this.popupRef&&(this.popupRef.close(),this.popupRef=null),this.popupOpen&&(this.popupRef=this.popupService.open({anchor:this.overflowButton,content:this.popupTemplate,appendTo:this.appendTo,animate:this.popupSettings.animate,popupClass:this.popupSettings.popupClass,positionMode:"absolute"}),this.popupRef.popupOpen.subscribe(this.onPopupOpen.bind(this)),this.popupRef.popupClose.subscribe(this.onPopupClose.bind(this)),this.popupRef.popupAnchorViewportLeave.subscribe(function(){return t.popupOpen=!1}))},e.prototype.onResize=function(){this.toggle(!1);var e=d.innerWidth(this.element.nativeElement)-this.overflowAnchorWidth;this.shrink(e,this.childrenWidth),this.stretch(e,this.childrenWidth),this.cdr.detectChanges(),this.resizeSensor.acceptSize()},e.prototype.onPopupOpen=function(){this.navigationService.moveFocusToPopup()},e.prototype.onPopupClose=function(){this.navigationService.moveFocusToToolBar()},Object.defineProperty(e.prototype,"displayAnchor",{get:function(){return this.overflowTools.length?"visible":"hidden"},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"overflowAnchorWidth",{get:function(){return this.resizable?(this.cachedOverflowAnchorWidth||(this.cachedOverflowAnchorWidth=d.outerWidth(this.overflowButton.nativeElement)),this.cachedOverflowAnchorWidth):0},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"childrenWidth",{get:function(){var t=0;return this.renderedTools.forEach(function(e){t+=e.width}),t+=this.overflowAnchorWidth,Math.ceil(t)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"visibleTools",{get:function(){return this.allTools.filter(function(e){return!1===e.overflows})},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"overflowTools",{get:function(){return this.allTools.filter(function(e){return!0===e.overflows})},enumerable:!0,configurable:!0}),e.prototype.shrink=function(e,t){if(e<t)for(var o=this.visibleTools.length-1;0<=o&&!(t<e);o--)t-=this.hideLastVisibleTool()},e.prototype.stretch=function(e,t){var o;if(t<e)for(var n=this.overflowTools.length-1;0<=n&&(o=this.showFirstHiddenTool(e,t));n--)t+=o},e.prototype.hideLastVisibleTool=function(){var t=this.visibleTools[this.visibleTools.length-1],e=this.renderedTools.find(function(e){return e.tool===t}).width;return t.overflows=!0,this.refreshService.refresh(t),e},e.prototype.showFirstHiddenTool=function(e,t){var o=this.overflowTools[0],n=this.renderedTools.find(function(e){return e.tool===o});return o.overflows=!1,o.visibility="hidden",this.refreshService.refresh(o),e>t+n.width?o.visibility="visible":o.overflows=!0,this.refreshService.refresh(o),n.width},n.__decorate([a.Input(),n.__metadata("design:type",Boolean)],e.prototype,"resizable",void 0),n.__decorate([a.Input(),n.__metadata("design:type",Object),n.__metadata("design:paramtypes",[Object])],e.prototype,"popupSettings",null),n.__decorate([a.Input(),n.__metadata("design:type",Number)],e.prototype,"tabindex",void 0),n.__decorate([a.Input("tabIndex"),n.__metadata("design:type",Number),n.__metadata("design:paramtypes",[Number])],e.prototype,"tabIndex",null),n.__decorate([a.Output(),n.__metadata("design:type",a.EventEmitter)],e.prototype,"open",void 0),n.__decorate([a.Output(),n.__metadata("design:type",a.EventEmitter)],e.prototype,"close",void 0),n.__decorate([a.ContentChildren(u.ToolBarToolComponent),n.__metadata("design:type",a.QueryList)],e.prototype,"allTools",void 0),n.__decorate([a.ViewChild("overflowButton"),n.__metadata("design:type",a.ElementRef)],e.prototype,"overflowButton",void 0),n.__decorate([a.ViewChild("popupTemplate"),n.__metadata("design:type",a.TemplateRef)],e.prototype,"popupTemplate",void 0),n.__decorate([a.ViewChild("resizeSensor"),n.__metadata("design:type",r.ResizeSensorComponent)],e.prototype,"resizeSensor",void 0),n.__decorate([a.ViewChild("container",{read:a.ViewContainerRef}),n.__metadata("design:type",a.ViewContainerRef)],e.prototype,"container",void 0),n.__decorate([a.ViewChildren(m.ToolBarRendererComponent),n.__metadata("design:type",a.QueryList)],e.prototype,"renderedTools",void 0),n.__decorate([a.HostListener("focus"),n.__metadata("design:type",Function),n.__metadata("design:paramtypes",[]),n.__metadata("design:returntype",void 0)],e.prototype,"onFocus",null),n.__decorate([a.HostListener("keydown",["$event"]),n.__metadata("design:type",Function),n.__metadata("design:paramtypes",[Object]),n.__metadata("design:returntype",void 0)],e.prototype,"onKeyDown",null),n.__decorate([a.HostBinding("attr.tabindex"),n.__metadata("design:type",Number),n.__metadata("design:paramtypes",[])],e.prototype,"getTabIndex",null),n.__decorate([a.HostBinding("attr.role"),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[])],e.prototype,"getRole",null),n.__decorate([a.HostBinding("attr.dir"),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[])],e.prototype,"getDir",null),n.__decorate([a.HostBinding("class"),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[])],e.prototype,"className",null),n.__decorate([a.HostBinding("class.k-toolbar-resizable"),n.__metadata("design:type",Boolean),n.__metadata("design:paramtypes",[])],e.prototype,"resizableClass",null),e=n.__decorate([a.Component({exportAs:"kendoToolBar",providers:[p.RefreshService,l.NavigationService,s.LocalizationService,{provide:s.L10N_PREFIX,useValue:"kendo.toolbar"}],selector:"kendo-toolbar",template:'\n        <ng-container *ngFor="let tool of allTools; let index = index;">\n            <kendo-toolbar-renderer [location]="\'toolbar\'" [resizable]="resizable" [tool]="tool"></kendo-toolbar-renderer>\n        </ng-container>\n        <button #overflowButton\n            tabindex="-1" *ngIf="resizable" [style.visibility]="displayAnchor" class="k-overflow-anchor k-button" (click)="showPopup()">\n            <span class="k-icon k-i-more-vertical"></span>\n        </button>\n        <ng-template #popupTemplate>\n            <ul class="k-overflow-container k-list-container k-reset">\n                <ng-container *ngFor="let tool of allTools; let index = index;">\n                    <kendo-toolbar-renderer [location]="\'overflow\'" [resizable]="resizable" [tool]="tool"></kendo-toolbar-renderer>\n                </ng-container>\n            </ul>\n        </ng-template>\n        <ng-container #container></ng-container>\n        <kendo-resize-sensor *ngIf="resizable" [rateLimit]="1000" #resizeSensor></kendo-resize-sensor>\n    '}),n.__metadata("design:paramtypes",[s.LocalizationService,i.PopupService,p.RefreshService,l.NavigationService,a.ElementRef,a.ChangeDetectorRef])],e)}();t.ToolBarComponent=g},function(e,t){e.exports=o},function(e,t){e.exports=n},function(e,t){e.exports=r},function(e,t){e.exports=i},function(e,t){e.exports=a},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),i=o(3),r=function(){function e(){this.onRefresh=new i.EventEmitter}return e.prototype.refresh=function(e){this.onRefresh.emit(e)},e=n.__decorate([i.Injectable()],e)}();t.RefreshService=r},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),i=o(3),r=o(9),a=function(){function e(){this.keydown=new i.EventEmitter,this.isPopupFocused=!1,this.tools=[],this.isFocusLocked=!1,this.isOverflowButtonFocused=!1}return e.prototype.register=function(e){this.tools.push(e)},e.prototype.unregister=function(e){this.tools.splice(this.tools.indexOf(e),1)},e.prototype.moveFocusToToolBar=function(){this.isPopupFocused=!1,this.focusOverflowButton()},e.prototype.moveFocusToPopup=function(){this.isPopupFocused=!0},e.prototype.focus=function(e,t){var o=this;this.focused=e,this.tools.filter(function(e){return e!==o.focused}).forEach(function(e){return e.navigationService.defocus()}),this.isOverflowButtonFocused=!1,e.navigationService.focus(t)},e.prototype.focusOverflowButton=function(){this.isOverflowButtonFocused=!0,this.overflowButton.nativeElement.focus()},e.prototype.focusFirst=function(){if(!this.isFocusLocked){var e=this.tools.find(function(e){return!!e.navigationService.canFocus()});e&&this.focus(e)}},e.prototype.focusPrev=function(e){if(r.isPresent(e)||(e=this.isOverflowButtonFocused?this.tools.length-1:this.tools.indexOf(this.focused)-1),!(this.isFocusLocked||!this.tools.length||e<0)){var t=this.tools[e];t.navigationService.canFocus()?this.focus(t,!0):this.focusPrev(e-1)}},e.prototype.focusNext=function(e){var t=this.overflowButton&&"visible"===this.overflowButton.nativeElement.style.visibility;if(r.isPresent(e)||(e=this.tools.indexOf(this.focused)+1),e>=this.tools.length&&t&&!this.isOverflowButtonFocused&&this.focusOverflowButton(),!(this.isFocusLocked||!this.tools.length||e>=this.tools.length)){var o=this.tools[e];o.navigationService.canFocus()?this.focus(o):this.focusNext(e+1)}},e.prototype.lock=function(){this.isFocusLocked=!0},e.prototype.unlock=function(){this.isFocusLocked=!1},e.prototype.focusEnter=function(){},e.prototype.focusLeave=function(){},e.prototype.defocus=function(e){e.navigationService.defocus()},e=n.__decorate([i.Injectable()],e)}();t.NavigationService=a},function(e,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0});var i=/^(?:a|input|select|textarea|button|object)$/i;r.outerWidth=function(e){var t=e.offsetWidth,o=getComputedStyle(e);return t+=parseFloat(o.marginLeft)||0+parseFloat(o.marginRight)||0},r.innerWidth=function(e){var t=e.offsetWidth,o=getComputedStyle(e);return t-=parseFloat(o.paddingLeft)||0+parseFloat(o.borderLeftWidth)||0,t-=parseFloat(o.paddingRight)||0+parseFloat(o.borderRightWidth)||0},r.outerHeight=function(e){var t=e.offsetHeight,o=getComputedStyle(e);return t+=parseFloat(o.marginTop)||0+parseFloat(o.marginBottom)||0},r.closest=function(e,t){for(;e&&!t(e);)e=e.parentNode;return e},r.isVisible=function(e){var t=e.getBoundingClientRect(),o=0<t.width&&0<t.height,n=0!==t.x&&0!==t.y;return(o||n)&&"hidden"!==window.getComputedStyle(e).visibility},r.findElement=function(e,t,o){if(void 0===o&&(o=!0),e){if(o&&t(e))return e;for(e=e.firstChild;e;){if(1===e.nodeType){var n=r.findElement(e,t);if(n)return n}e=e.nextSibling}}},r.isFocusable=function(e,t){if(void 0===t&&(t=!0),e.tagName){var o=e.tagName.toLowerCase(),n=null!==e.getAttribute("tabIndex");return i.test(o)&&(n=!e.disabled),n&&(!t||r.isVisible(e))}return!1},r.findFocusable=function(e,t){return void 0===t&&(t=!0),r.findElement(e,function(e){return r.isFocusable(e,t)})},r.findFocusableChild=function(e,t){return void 0===t&&(t=!0),r.findElement(e,function(e){return r.isFocusable(e,t)},!1)},r.findFocusableSibling=function(e,t,o){void 0===t&&(t=!0);for(var n=o?e.prevSibling:e.nextSibling;n;){if(1===n.nodeType){var i=r.findElement(n,function(e){return r.isFocusable(e,t)});if(i)return i}n=o?n.prevSibling:n.nextSibling}},r.isPresent=function(e){return null!=e},r.isChanged=function(e,t){return t[e]&&!t[e].isFirstChange()&&t[e].previousValue!==t[e].currentValue}},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),i=o(3),r=o(11),a=function(){function e(){this.tabIndex=-1,this.overflows=!0,this.navigationService||(this.navigationService=new r.ToolNavigationService)}return Object.defineProperty(e.prototype,"toolbarDisplay",{get:function(){return this.overflows?"none":"inline-block"},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"overflowDisplay",{get:function(){return this.overflows?"block":"none"},enumerable:!0,configurable:!0}),e=n.__decorate([i.Component({selector:"toolbar-tool",template:""}),n.__metadata("design:paramtypes",[])],e)}();t.ToolBarToolComponent=a},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),i=o(3),r=function(){function e(){}return e.prototype.register=function(e,t){"toolbar"===t?this.toolbarRenderer=e:this.overflowRenderer=e},e.prototype.canFocus=function(){return!1},e.prototype.focus=function(){},e.prototype.defocus=function(){},e.prototype.hasFocus=function(){return!1},e=n.__decorate([i.Injectable()],e)}();t.ToolNavigationService=r},function(e,t){"use strict";var o;Object.defineProperty(t,"__esModule",{value:!0}),(o=t.Keys||(t.Keys={}))[o.backspace=8]="backspace",o[o.tab=9]="tab",o[o.enter=13]="enter",o[o.shift=16]="shift",o[o.ctrl=17]="ctrl",o[o.alt=18]="alt",o[o["pause/break"]=19]="pause/break",o[o["caps lock"]=20]="caps lock",o[o.esc=27]="esc",o[o.space=32]="space",o[o["page up"]=33]="page up",o[o["page down"]=34]="page down",o[o.end=35]="end",o[o.home=36]="home",o[o.left=37]="left",o[o.up=38]="up",o[o.right=39]="right",o[o.down=40]="down",o[o.insert=45]="insert",o[o.delete=46]="delete",o[o.command=91]="command",o[o["left command"]=91]="left command",o[o["right command"]=93]="right command",o[o["numpad *"]=106]="numpad *",o[o["numpad +"]=107]="numpad +",o[o["numpad -"]=109]="numpad -",o[o["numpad ."]=110]="numpad .",o[o["numpad /"]=111]="numpad /",o[o["num lock"]=144]="num lock",o[o["scroll lock"]=145]="scroll lock",o[o["my computer"]=182]="my computer",o[o["my calculator"]=183]="my calculator",o[o[";"]=186]=";",o[o["="]=187]="=",o[o[","]=188]=",",o[o["-"]=189]="-",o[o["."]=190]=".",o[o["/"]=191]="/",o[o["`"]=192]="`",o[o["["]=219]="[",o[o["\\"]=220]="\\",o[o["]"]=221]="]",o[o["'"]=222]="'"},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=function(){function e(){this.prevented=!1}return e.prototype.preventDefault=function(){this.prevented=!0},e.prototype.isDefaultPrevented=function(){return this.prevented},e}();t.PreventableEvent=o},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),i=o(3),r=o(9),a=o(10),s=o(15),p=o(7),l=o(8),u=o(16),d=function(){function e(e,t,o,n,i){var r=this;this.element=e,this.renderer=t,this.rendererService=o,this.refreshService=n,this.navigationService=i,this.rendererService.element=e,(this.rendererService.renderer=this).refreshSubscription=this.refreshService.onRefresh.subscribe(function(e){r.tool===e&&r.refresh()})}return Object.defineProperty(e.prototype,"className",{get:function(){return this.tool instanceof s.ToolBarSeparatorComponent},enumerable:!0,configurable:!0}),e.prototype.onFocus=function(){this.navigationService.focused=this.tool},e.prototype.ngOnInit=function(){this.resizable?("toolbar"===this.location?(this.template=this.tool.toolbarTemplate,this.renderer.setStyle(this.element.nativeElement,"visibility","hidden")):this.template=this.tool.popupTemplate,this.renderer.setStyle(this.element.nativeElement,"display","none")):(this.tool.overflows=!1,this.template=this.tool.toolbarTemplate,this.renderer.setStyle(this.element.nativeElement,"visibility","display"),this.renderer.setStyle(this.element.nativeElement,"display","inline-block")),this.navigationService.register(this.tool),this.tool.navigationService.register(this.rendererService,this.location),this.tool.navigationService.toolbarNavigation=this.navigationService},e.prototype.ngOnDestroy=function(){this.navigationService.unregister(this.tool),this.refreshSubscription.unsubscribe()},e.prototype.ngAfterViewInit=function(){this.resizable&&this.refresh()},Object.defineProperty(e.prototype,"width",{get:function(){return this.tool.overflows?0:r.outerWidth(this.element.nativeElement)},enumerable:!0,configurable:!0}),e.prototype.isDisplayed=function(){return"none"!==this.element.nativeElement.style.display},e.prototype.refresh=function(){this.resizable&&("toolbar"===this.location?(this.renderer.setStyle(this.element.nativeElement,"visibility",this.tool.visibility),this.renderer.setStyle(this.element.nativeElement,"display",this.tool.toolbarDisplay)):this.renderer.setStyle(this.element.nativeElement,"display",this.tool.overflowDisplay))},e.prototype.setAttribute=function(e,t,o){this.renderer.setAttribute(e,t,o)},n.__decorate([i.Input(),n.__metadata("design:type",a.ToolBarToolComponent)],e.prototype,"tool",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],e.prototype,"location",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Boolean)],e.prototype,"resizable",void 0),n.__decorate([i.HostBinding("class.k-separator"),n.__metadata("design:type",Boolean),n.__metadata("design:paramtypes",[])],e.prototype,"className",null),n.__decorate([i.HostListener("focusin"),n.__metadata("design:type",Function),n.__metadata("design:paramtypes",[]),n.__metadata("design:returntype",void 0)],e.prototype,"onFocus",null),e=n.__decorate([i.Component({exportAs:"kendoToolBarRenderer",providers:[u.RendererService],selector:"kendo-toolbar-renderer",template:'\n        <ng-container *ngIf="location === \'toolbar\'">\n            <ng-template [ngTemplateOutlet]="template"></ng-template>\n        </ng-container>\n        <ng-container *ngIf="location === \'overflow\'">\n            <li class="k-item">\n                <ng-template [ngTemplateOutlet]="template"></ng-template>\n            </li>\n        </ng-container>\n    '}),n.__metadata("design:paramtypes",[i.ElementRef,i.Renderer2,u.RendererService,p.RefreshService,l.NavigationService])],e)}();t.ToolBarRendererComponent=d},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),i=o(3),r=o(10),a=o(11),s=function(t){function e(){var e=t.call(this)||this;return e.navigationService=new a.ToolNavigationService,e}return n.__extends(e,t),(o=e).prototype.ngAfterViewInit=function(){this.popupTemplate||(this.popupTemplate=this.toolbarTemplate)},n.__decorate([i.ViewChild("toolbarTemplate"),n.__metadata("design:type",i.TemplateRef)],e.prototype,"toolbarTemplate",void 0),n.__decorate([i.ViewChild("popupTemplate"),n.__metadata("design:type",i.TemplateRef)],e.prototype,"popupTemplate",void 0),n.__decorate([i.ViewChild("separator"),n.__metadata("design:type",i.ElementRef)],e.prototype,"separator",void 0),e=o=n.__decorate([i.Component({exportAs:"kendoToolBarSeparator",providers:[{provide:r.ToolBarToolComponent,useExisting:i.forwardRef(function(){return o})}],selector:"kendo-toolbar-separator",template:"\n        <ng-template #toolbarTemplate>\n        </ng-template>\n    "}),n.__metadata("design:paramtypes",[])],e);var o}(r.ToolBarToolComponent);t.ToolBarSeparatorComponent=s},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),i=o(3),r=o(9),a=function(){function e(){}return e.prototype.getElement=function(){return this.element.nativeElement},e.prototype.querySelector=function(e){return this.element.nativeElement.querySelector(e)},e.prototype.querySelectorAll=function(e){return this.element.nativeElement.querySelectorAll(e)},e.prototype.findFocusable=function(){return r.findFocusable(this.element.nativeElement,!1)},e.prototype.findFocusableChild=function(e){return e||(e=this.findFocusable()),r.findFocusableChild(e,!1)},e.prototype.findNextFocusableSibling=function(e){return e||(e=this.findFocusable()),r.findFocusableSibling(e,!1)},e.prototype.findPrevFocusableSibling=function(e){return e||(e=this.findFocusable()),r.findFocusableSibling(e,!1,!0)},e.prototype.setAttribute=function(e,t,o){this.renderer.setAttribute(e,t,o)},e=n.__decorate([i.Injectable()],e)}();t.RendererService=a},function(e,t){e.exports=s},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var i=t(2),r=t(3),a=t(10),s=t(9),p=t(19);n.display=function(e,t,o){switch(t){case"toolbar":return o?void 0:e;case"overflow":return o?e:void 0;default:return e}};var o=function(t){function e(){var e=t.call(this)||this;return e.showText="both",e.togglable=!1,e.primary=!1,e.look="default",e.selected=!1,e.showIcon="both",e.click=new r.EventEmitter,e.selectedChange=new r.EventEmitter,e.internalState={selected:void 0},e.navigationService=new p.SingleFocusableNavigationService,e}return i.__extends(e,t),o=e,Object.defineProperty(e.prototype,"text",{get:function(){return n.display(this._text,this.showText,this.overflows)},set:function(e){this._text=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"icon",{get:function(){return n.display(this._icon,this.showIcon,this.overflows)},set:function(e){this._icon=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"iconClass",{get:function(){return n.display(this._iconClass,this.showIcon,this.overflows)},set:function(e){this._iconClass=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"imageUrl",{get:function(){return n.display(this._imageUrl,this.showIcon,this.overflows)},set:function(e){this._imageUrl=e},enumerable:!0,configurable:!0}),e.prototype.ngOnChanges=function(e){s.isChanged("selected",e)&&(this.internalState.selected=this.selected)},e.prototype.selectedChangeHandler=function(e){this.internalState.selected=e,this.selectedChange.emit(e)},i.__decorate([r.Input(),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[String])],e.prototype,"text",null),i.__decorate([r.Input(),i.__metadata("design:type",String)],e.prototype,"showText",void 0),i.__decorate([r.Input(),i.__metadata("design:type",Boolean)],e.prototype,"disabled",void 0),i.__decorate([r.Input(),i.__metadata("design:type",Boolean)],e.prototype,"togglable",void 0),i.__decorate([r.Input(),i.__metadata("design:type",Boolean)],e.prototype,"primary",void 0),i.__decorate([r.Input(),i.__metadata("design:type",String)],e.prototype,"look",void 0),i.__decorate([r.Input(),i.__metadata("design:type",Boolean)],e.prototype,"selected",void 0),i.__decorate([r.Input(),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[String])],e.prototype,"icon",null),i.__decorate([r.Input(),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[String])],e.prototype,"iconClass",null),i.__decorate([r.Input(),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[String])],e.prototype,"imageUrl",null),i.__decorate([r.Input(),i.__metadata("design:type",String)],e.prototype,"showIcon",void 0),i.__decorate([r.Output(),i.__metadata("design:type",r.EventEmitter)],e.prototype,"click",void 0),i.__decorate([r.Output(),i.__metadata("design:type",r.EventEmitter)],e.prototype,"selectedChange",void 0),i.__decorate([r.ViewChild("toolbarTemplate"),i.__metadata("design:type",r.TemplateRef)],e.prototype,"toolbarTemplate",void 0),i.__decorate([r.ViewChild("popupTemplate"),i.__metadata("design:type",r.TemplateRef)],e.prototype,"popupTemplate",void 0),e=o=i.__decorate([r.Component({exportAs:"kendoToolBarButton",providers:[{provide:a.ToolBarToolComponent,useExisting:r.forwardRef(function(){return o})}],selector:"kendo-toolbar-button",template:'\n        <ng-template #toolbarTemplate>\n            <button tabindex="-1" kendoButton kendoToolBarFocusable\n                [disabled]="disabled"\n                [togglable]="togglable"\n                [primary]="primary"\n                [selected]="internalState.selected"\n                [icon]="icon"\n                [iconClass]="iconClass"\n                [imageUrl]="imageUrl"\n                [look]="look"\n                (click)="click.emit($event)"\n                (selectedChange)="selectedChangeHandler($event)">\n                {{ text }}\n            </button>\n        </ng-template>\n        <ng-template #popupTemplate>\n            <button tabindex="-1" kendoButton\n                class="k-overflow-button"\n                [disabled]="disabled"\n                [togglable]="togglable"\n                [primary]="primary"\n                [selected]="internalState.selected"\n                [icon]="icon"\n                [iconClass]="iconClass"\n                [imageUrl]="imageUrl"\n                [look]="look"\n                (click)="click.emit($event)"\n                (selectedChange)="selectedChangeHandler($event)">\n                {{ text }}\n            </button>\n        </ng-template>\n    '}),i.__metadata("design:paramtypes",[])],e);var o}(a.ToolBarToolComponent);n.ToolBarButtonComponent=o},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),i=o(3),r=o(9),a=function(){function e(){}return e.prototype.register=function(e,t){"toolbar"===t?this.toolbarRenderer=e:this.overflowRenderer=e},e.prototype.canFocus=function(){var e=this.findFocusable();return e&&e.offsetParent&&!this.hasFocus(e)&&!e.disabled},e.prototype.focus=function(){if(this.canFocus()){var e=this.findFocusable();this.setAttribute(e,"tabindex","0"),e.focus()}},e.prototype.defocus=function(){var e=this.findFocusable();e&&(this.setAttribute(e,"tabindex","-1"),this.hasFocus(e)&&e.blur())},e.prototype.hasFocus=function(t){return document.activeElement!==t&&r.closest(document.activeElement,function(e){return e===t})},e.prototype.findFocusable=function(){return this.toolbarNavigation.isPopupFocused?this.overflowRenderer.findFocusable():this.toolbarRenderer.findFocusable()},e.prototype.setAttribute=function(e,t,o){this.toolbarNavigation.isPopupFocused?this.overflowRenderer.setAttribute(e,t,o):this.toolbarRenderer.setAttribute(e,t,o)},e=n.__decorate([i.Injectable()],e)}();t.SingleFocusableNavigationService=a},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),i=o(3),r=o(10),a=o(18),s=o(21),p=function(t){function e(){var e=t.call(this)||this;return e.selection="multiple",e.look="default",e.navigationService=new s.ButtonGroupNavigationService,e}return n.__extends(e,t),(o=e).prototype.selectedChangeHandler=function(e,t){t.selected=e,t.selectedChange.emit(e)},n.__decorate([i.Input(),n.__metadata("design:type",Boolean)],e.prototype,"disabled",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],e.prototype,"selection",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],e.prototype,"width",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],e.prototype,"look",void 0),n.__decorate([i.ViewChild("toolbarTemplate"),n.__metadata("design:type",i.TemplateRef)],e.prototype,"toolbarTemplate",void 0),n.__decorate([i.ViewChild("popupTemplate"),n.__metadata("design:type",i.TemplateRef)],e.prototype,"popupTemplate",void 0),n.__decorate([i.ContentChildren(i.forwardRef(function(){return a.ToolBarButtonComponent})),n.__metadata("design:type",i.QueryList)],e.prototype,"buttons",void 0),e=o=n.__decorate([i.Component({exportAs:"kendoToolBarButtonGroup",providers:[{provide:r.ToolBarToolComponent,useExisting:i.forwardRef(function(){return o})}],selector:"kendo-toolbar-buttongroup",template:'\n        <ng-template #toolbarTemplate>\n            <kendo-buttongroup\n                [tabIndex]="tabIndex"\n                [selection]="selection"\n                [disabled]="disabled"\n                [look]="look"\n                [width]="width">\n                <button kendoButton kendoToolbarFocusable\n                    *ngFor="let button of buttons"\n                    [disabled]="button.disabled"\n                    [togglable]="button.togglable"\n                    [primary]="button.primary"\n                    [selected]="button.selected"\n                    [icon]="button.icon"\n                    [iconClass]="button.iconClass"\n                    [imageUrl]="button.imageUrl"\n                    (click)="button.click.emit($event)"\n                    (selectedChange)="selectedChangeHandler($event, button)">\n                    {{ button.text }}\n                </button>\n            </kendo-buttongroup>\n        </ng-template>\n        <ng-template #popupTemplate>\n            <kendo-buttongroup\n                class="k-overflow-button"\n                [tabIndex]="tabIndex"\n                [disabled]="disabled"\n                [look]="look"\n                [width]="width">\n                <button kendoButton\n                    class="k-overflow-button"\n                    *ngFor="let button of buttons"\n                    [disabled]="button.disabled"\n                    [togglable]="button.togglable"\n                    [primary]="button.primary"\n                    [selected]="button.selected"\n                    [icon]="button.icon"\n                    [iconClass]="button.iconClass"\n                    [imageUrl]="button.imageUrl"\n                    (click)="button.click.emit($event)"\n                    (selectedChange)="selectedChangeHandler($event, button)">\n                    {{ button.text }}\n                </button>\n            </kendo-buttongroup>\n        </ng-template>\n    '}),n.__metadata("design:paramtypes",[])],e);var o}(r.ToolBarToolComponent);t.ToolBarButtonGroupComponent=p},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),i=o(3),r=o(12),a=function(){function e(){}return Object.defineProperty(e.prototype,"toolbarNavigation",{get:function(){return this._navigationService},set:function(e){this._navigationService=e,this.keydownSubscription&&this.keydownSubscription.unsubscribe(),this.keydownSubscription=this._navigationService.keydown.subscribe(this.onKeydown.bind(this))},enumerable:!0,configurable:!0}),e.prototype.ngOnDestroy=function(){this.keydownSubscription&&this.keydownSubscription.unsubscribe()},e.prototype.register=function(e,t){"toolbar"===t?this.toolbarRenderer=e:this.overflowRenderer=e},e.prototype.canFocus=function(){return!0},e.prototype.focus=function(e){var t=this.buttons(),o=e?t[t.length-1]:t[0];this.toolbarNavigation.lock(),this.renderer().setAttribute(o,"tabindex","0"),o.focus(),this.current=o,this.isActive=!0},e.prototype.defocus=function(){var t=this;this.buttons().forEach(function(e){t.renderer().setAttribute(e,"tabindex","-1"),t.hasFocus(e)&&e.blur()}),this.current=void 0,this.isActive=!1},e.prototype.hasFocus=function(e){return document.activeElement!==e},e.prototype.buttons=function(){return Array.prototype.slice.call(this.renderer().querySelectorAll(".k-button"))},e.prototype.renderer=function(){return this.toolbarNavigation.isPopupFocused?this.overflowRenderer:this.toolbarRenderer},e.prototype.onKeydown=function(e){this.isActive&&(e.keyCode===r.Keys.left&&0===this.buttons().indexOf(this.current)&&(this.toolbarNavigation.unlock(),this.toolbarNavigation.focusPrev()),e.keyCode===r.Keys.right&&this.buttons().indexOf(this.current)===this.buttons().length-1&&(this.toolbarNavigation.unlock(),this.toolbarNavigation.focusNext()),this.current=this.buttons().find(function(e){return 0===e.tabIndex}))},e=n.__decorate([i.Injectable()],e)}();t.ButtonGroupNavigationService=a},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),i=o(3),r=o(10),a=o(19),s=function(t){function e(){var e=t.call(this)||this;return e.text="",e.icon="",e.iconClass="",e.imageUrl="",e.textField="text",e.itemClick=new i.EventEmitter,e._popupSettings={animate:!0,popupClass:""},e.navigationService=new a.SingleFocusableNavigationService,e}return n.__extends(e,t),o=e,Object.defineProperty(e.prototype,"popupSettings",{get:function(){return this._popupSettings},set:function(e){this._popupSettings=Object.assign({animate:!0,popupClass:""},e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"data",{get:function(){return this._data||(this.data=[]),this._data},set:function(e){this._data=e||[]},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"listData",{get:function(){var e;return[((e={})[this.textField]=this.text,e.icon=this.icon,e.iconClass=this.iconClass,e.imageUrl=this.imageUrl,e.disabled=this.disabled,e.tabIndex=this.tabIndex,e)].concat(this.data)},enumerable:!0,configurable:!0}),n.__decorate([i.Input(),n.__metadata("design:type",String)],e.prototype,"text",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],e.prototype,"icon",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],e.prototype,"iconClass",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],e.prototype,"imageUrl",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Object),n.__metadata("design:paramtypes",[Object])],e.prototype,"popupSettings",null),n.__decorate([i.Input(),n.__metadata("design:type",String)],e.prototype,"textField",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Boolean)],e.prototype,"disabled",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Array),n.__metadata("design:paramtypes",[Array])],e.prototype,"data",null),n.__decorate([i.Output(),n.__metadata("design:type",i.EventEmitter)],e.prototype,"itemClick",void 0),n.__decorate([i.ViewChild("toolbarTemplate"),n.__metadata("design:type",i.TemplateRef)],e.prototype,"toolbarTemplate",void 0),n.__decorate([i.ViewChild("popupTemplate"),n.__metadata("design:type",i.TemplateRef)],e.prototype,"popupTemplate",void 0),n.__decorate([i.ViewChild("dropdownButton",{read:i.ElementRef}),n.__metadata("design:type",i.ElementRef)],e.prototype,"dropdownButton",void 0),e=o=n.__decorate([i.Component({exportAs:"kendoToolBarDropDownButton",providers:[{provide:r.ToolBarToolComponent,useExisting:i.forwardRef(function(){return o})}],selector:"kendo-toolbar-dropdownbutton",template:'\n        <ng-template #toolbarTemplate>\n            <kendo-dropdownbutton\n                [icon]="icon"\n                [iconClass]="iconClass"\n                [imageUrl]="imageUrl"\n                [disabled]="disabled"\n                [tabIndex]="tabIndex"\n                [data]="data"\n                [textField]="textField"\n                (itemClick)="itemClick.emit($event)">\n                {{ text }}\n            </kendo-dropdownbutton>\n        </ng-template>\n        <ng-template #popupTemplate>\n            <kendo-toolbar-buttonlist\n                [data]="listData"\n                [textField]="textField"\n                (itemClick)="itemClick.emit($event)">\n            </kendo-toolbar-buttonlist>\n        </ng-template>\n    '}),n.__metadata("design:paramtypes",[])],e);var o}(r.ToolBarToolComponent);t.ToolBarDropDownButtonComponent=s},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),i=o(3),r=o(10),a=o(19),s=function(t){function e(){var e=t.call(this)||this;return e.text="",e.icon="",e.iconClass="",e.imageUrl="",e.textField="text",e.buttonClick=new i.EventEmitter,e.itemClick=new i.EventEmitter,e._popupSettings={animate:!0,popupClass:""},e.navigationService=new a.SingleFocusableNavigationService,e}return n.__extends(e,t),o=e,Object.defineProperty(e.prototype,"popupSettings",{get:function(){return this._popupSettings||(this._popupSettings={animate:!0,popupClass:""}),this._popupSettings},set:function(e){this._popupSettings=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"data",{get:function(){return this._data||(this.data=[]),this._data},set:function(e){this._data=e||[]},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"listData",{get:function(){var e,t=((e={})[this.textField]=this.text,e.icon=this.icon,e.iconClass=this.iconClass,e.imageUrl=this.imageUrl,e.disabled=this.disabled,e.tabIndex=this.tabIndex,e),o=this.data.slice(0);return o.unshift(t),o},enumerable:!0,configurable:!0}),n.__decorate([i.Input(),n.__metadata("design:type",String)],e.prototype,"text",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],e.prototype,"icon",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],e.prototype,"iconClass",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],e.prototype,"imageUrl",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Boolean)],e.prototype,"disabled",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Object),n.__metadata("design:paramtypes",[Object])],e.prototype,"popupSettings",null),n.__decorate([i.Input(),n.__metadata("design:type",String)],e.prototype,"textField",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Array),n.__metadata("design:paramtypes",[Array])],e.prototype,"data",null),n.__decorate([i.Output(),n.__metadata("design:type",i.EventEmitter)],e.prototype,"buttonClick",void 0),n.__decorate([i.Output(),n.__metadata("design:type",i.EventEmitter)],e.prototype,"itemClick",void 0),n.__decorate([i.ViewChild("toolbarTemplate"),n.__metadata("design:type",i.TemplateRef)],e.prototype,"toolbarTemplate",void 0),n.__decorate([i.ViewChild("popupTemplate"),n.__metadata("design:type",i.TemplateRef)],e.prototype,"popupTemplate",void 0),n.__decorate([i.ViewChild("splitButton",{read:i.ElementRef}),n.__metadata("design:type",i.ElementRef)],e.prototype,"splitButton",void 0),e=o=n.__decorate([i.Component({exportAs:"kendoToolBarSplitButton",providers:[{provide:r.ToolBarToolComponent,useExisting:i.forwardRef(function(){return o})}],selector:"kendo-toolbar-splitbutton",template:'\n        <ng-template #toolbarTemplate>\n            <kendo-splitbutton\n                [data]="data"\n                [text]="text"\n                [icon]="icon"\n                [iconClass]="iconClass"\n                [imageUrl]="imageUrl"\n                [disabled]="disabled"\n                [tabIndex]="tabIndex"\n                [textField]="textField"\n                (buttonClick)="buttonClick.emit($event)"\n                (itemClick)="itemClick.emit($event)">\n            </kendo-splitbutton>\n        </ng-template>\n        <ng-template #popupTemplate>\n            <kendo-toolbar-buttonlist\n                [data]="listData"\n                [textField]="textField"\n                (itemClick)="itemClick.emit($event)">\n            </kendo-toolbar-buttonlist>\n        </ng-template>\n    '}),n.__metadata("design:paramtypes",[])],e);var o}(r.ToolBarToolComponent);t.ToolBarSplitButtonComponent=s},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),i=o(3),r=o(25),a=o(26),s=o(4),p=o(5),l=o(1),u=o(10),d=o(18),c=o(20),f=o(22),m=o(23),h=o(15),g=o(14),b=o(27),_=[u.ToolBarToolComponent,d.ToolBarButtonComponent,c.ToolBarButtonGroupComponent,f.ToolBarDropDownButtonComponent,m.ToolBarSplitButtonComponent,h.ToolBarSeparatorComponent],v=[g.ToolBarRendererComponent,b.ToolBarButtonListComponent],y=function(){function e(){}return e=n.__decorate([i.NgModule({declarations:[l.ToolBarComponent,_,v],exports:[l.ToolBarComponent,_],imports:[r.CommonModule,a.ButtonsModule,s.PopupModule,p.ResizeSensorModule]})],e)}();t.ToolBarModule=y},function(e,t){e.exports=p},function(e,t){e.exports=l},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),i=o(3),r=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.itemClick=new i.EventEmitter,e}return n.__extends(e,t),e.prototype.getText=function(e){if(e)return this.textField?e[this.textField]:e.text||e},e.prototype.onClick=function(e){e.click&&e.click(),this.itemClick.emit(this.data.indexOf(e))},n.__decorate([i.Input(),n.__metadata("design:type",Array)],e.prototype,"data",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],e.prototype,"textField",void 0),n.__decorate([i.Output(),n.__metadata("design:type",i.EventEmitter)],e.prototype,"itemClick",void 0),e=n.__decorate([i.Component({selector:"kendo-toolbar-buttonlist",template:'\n        <button tabindex="-1" kendoButton\n            class="k-overflow-button"\n            *ngFor="let item of data"\n            [disabled]="item.disabled"\n            [icon]="item.icon"\n            [iconClass]="item.iconClass"\n            [imageUrl]="item.imageUrl"\n            (click)="onClick(item)">\n            {{ getText(item) }}\n        </button>\n    '})],e)}(o(10).ToolBarToolComponent);t.ToolBarButtonListComponent=r}])}}});
+System.register("@progress/kendo-angular-toolbar",["tslib","@progress/kendo-angular-popup","@angular/core","@progress/kendo-angular-resize-sensor","@progress/kendo-angular-l10n","rxjs/operators/filter","@angular/common","@progress/kendo-angular-buttons"],function(d){var o,n,i,r,a,s,p,l;function t(e){return e.__useDefault?e.default:e}return{setters:[function(e){o=t(e)},function(e){n=t(e)},function(e){i=t(e)},function(e){r=t(e)},function(e){a=t(e)},function(e){s=t(e)},function(e){p=t(e)},function(e){l=t(e)}],execute:function(){!function(o){var n={};function i(e){if(n[e])return n[e].exports;var t=n[e]={exports:{},id:e,loaded:!1};return o[e].call(t.exports,t,t.exports,i),t.loaded=!0,t.exports}i.m=o,i.c=n,i.p="",i(0)}([function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(1);t.ToolBarComponent=n.ToolBarComponent;var i=o(10);t.ToolBarToolComponent=i.ToolBarToolComponent;var r=o(18);t.ToolBarButtonComponent=r.ToolBarButtonComponent;var a=o(20);t.ToolBarButtonGroupComponent=a.ToolBarButtonGroupComponent;var s=o(22);t.ToolBarDropDownButtonComponent=s.ToolBarDropDownButtonComponent;var p=o(23);t.ToolBarSplitButtonComponent=p.ToolBarSplitButtonComponent;var l=o(15);t.ToolBarSeparatorComponent=l.ToolBarSeparatorComponent;var u=o(24);t.ToolBarModule=u.ToolBarModule,function(e){for(var t in e)d(t,e[t])}(t)},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),a=o(3),i=o(4),r=o(5),s=o(6),p=o(7),l=o(8),u=o(10),d=o(9),c=o(12),f=o(13),m=o(14),h=o(17),g=function(){function e(e,t,o,n,i,r){this.localization=e,this.popupService=t,this.refreshService=o,this.navigationService=n,this.element=i,this.cdr=r,this.resizable=!1,this.tabindex=0,this.open=new a.EventEmitter,this.close=new a.EventEmitter,this._popupSettings={animate:!0},this.direction=e.rtl?"rtl":"ltr"}return Object.defineProperty(e.prototype,"popupSettings",{get:function(){return this._popupSettings},set:function(e){this._popupSettings=Object.assign({},{animate:!0},e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"tabIndex",{get:function(){return this.tabindex},set:function(e){this.tabindex=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"appendTo",{get:function(){var e=this.popupSettings.appendTo;if(e&&"root"!==e)return"component"===e?this.container:e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"popupOpen",{get:function(){return this._open},set:function(e){if(this.popupOpen!==e){var t=new f.PreventableEvent;e?this.open.emit(t):this.close.emit(t),t.isDefaultPrevented()||this.toggle(e)}},enumerable:!0,configurable:!0}),e.prototype.onFocus=function(){var e=this.navigationService.focused;e?this.navigationService.focus(e):this.navigationService.focusFirst()},e.prototype.onKeyDown=function(e){var t="ltr"===this.direction?e.keyCode===c.Keys.left:e.keyCode===c.Keys.right,o="ltr"===this.direction?e.keyCode===c.Keys.right:e.keyCode===c.Keys.left;t&&(e.preventDefault(),this.navigationService.focusPrev()),o&&(e.preventDefault(),this.navigationService.focusNext()),e.keyCode===c.Keys.tab&&this.element.nativeElement.blur(),this.navigationService.keydown.emit(e)},Object.defineProperty(e.prototype,"getTabIndex",{get:function(){return this.tabindex},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"getRole",{get:function(){return"toolbar"},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"getDir",{get:function(){return this.direction},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"className",{get:function(){return"k-widget k-toolbar"},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"resizableClass",{get:function(){return this.resizable},enumerable:!0,configurable:!0}),e.prototype.ngAfterViewInit=function(){var e=this;this.resizable&&(this.resizeSubscription=this.resizeSensor.resize.pipe(h.filter(function(){return e.resizable})).subscribe(this.onResize.bind(this)),this.resizeSensor.resize.emit(),this.navigationService.overflowButton=this.overflowButton)},e.prototype.ngOnInit=function(){var o=this;this.localizationChangesSubscription=this.localization.changes.subscribe(function(e){var t=e.rtl;return o.direction=t?"rtl":"ltr"})},e.prototype.ngOnDestroy=function(){this.resizeSubscription&&this.resizeSubscription.unsubscribe(),this.localizationChangesSubscription&&this.localizationChangesSubscription.unsubscribe()},e.prototype.showPopup=function(){this.popupOpen=!this.popupOpen},e.prototype.toggle=function(e){var t=this;this._open=void 0!==e?e:!this.popupOpen,this.popupRef&&(this.popupRef.close(),this.popupRef=null),this.popupOpen&&(this.popupRef=this.popupService.open({anchor:this.overflowButton,content:this.popupTemplate,appendTo:this.appendTo,animate:this.popupSettings.animate,popupClass:this.popupSettings.popupClass,positionMode:"absolute"}),this.popupRef.popupOpen.subscribe(this.onPopupOpen.bind(this)),this.popupRef.popupClose.subscribe(this.onPopupClose.bind(this)),this.popupRef.popupAnchorViewportLeave.subscribe(function(){return t.popupOpen=!1}))},e.prototype.onResize=function(){this.toggle(!1);var e=d.innerWidth(this.element.nativeElement)-this.overflowAnchorWidth;this.shrink(e,this.childrenWidth),this.stretch(e,this.childrenWidth),this.cdr.detectChanges(),this.resizeSensor.acceptSize()},e.prototype.onPopupOpen=function(){this.navigationService.moveFocusToPopup()},e.prototype.onPopupClose=function(){this.navigationService.moveFocusToToolBar()},Object.defineProperty(e.prototype,"displayAnchor",{get:function(){return this.overflowTools.length?"visible":"hidden"},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"overflowAnchorWidth",{get:function(){return this.resizable?(this.cachedOverflowAnchorWidth||(this.cachedOverflowAnchorWidth=d.outerWidth(this.overflowButton.nativeElement)),this.cachedOverflowAnchorWidth):0},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"childrenWidth",{get:function(){var t=0;return this.renderedTools.forEach(function(e){t+=e.width}),t+=this.overflowAnchorWidth,Math.ceil(t)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"visibleTools",{get:function(){return this.allTools.filter(function(e){return!1===e.overflows})},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"overflowTools",{get:function(){return this.allTools.filter(function(e){return!0===e.overflows})},enumerable:!0,configurable:!0}),e.prototype.shrink=function(e,t){if(e<t)for(var o=this.visibleTools.length-1;0<=o&&!(t<e);o--)t-=this.hideLastVisibleTool()},e.prototype.stretch=function(e,t){var o;if(t<e)for(var n=this.overflowTools.length-1;0<=n&&(o=this.showFirstHiddenTool(e,t));n--)t+=o},e.prototype.hideLastVisibleTool=function(){var t=this.visibleTools[this.visibleTools.length-1],e=this.renderedTools.find(function(e){return e.tool===t}).width;return t.overflows=!0,this.refreshService.refresh(t),e},e.prototype.showFirstHiddenTool=function(e,t){var o=this.overflowTools[0],n=this.renderedTools.find(function(e){return e.tool===o});return o.overflows=!1,o.visibility="hidden",this.refreshService.refresh(o),e>t+n.width?o.visibility="visible":o.overflows=!0,this.refreshService.refresh(o),n.width},n.__decorate([a.Input(),n.__metadata("design:type",Boolean)],e.prototype,"resizable",void 0),n.__decorate([a.Input(),n.__metadata("design:type",Object),n.__metadata("design:paramtypes",[Object])],e.prototype,"popupSettings",null),n.__decorate([a.Input(),n.__metadata("design:type",Number)],e.prototype,"tabindex",void 0),n.__decorate([a.Input("tabIndex"),n.__metadata("design:type",Number),n.__metadata("design:paramtypes",[Number])],e.prototype,"tabIndex",null),n.__decorate([a.Output(),n.__metadata("design:type",a.EventEmitter)],e.prototype,"open",void 0),n.__decorate([a.Output(),n.__metadata("design:type",a.EventEmitter)],e.prototype,"close",void 0),n.__decorate([a.ContentChildren(u.ToolBarToolComponent),n.__metadata("design:type",a.QueryList)],e.prototype,"allTools",void 0),n.__decorate([a.ViewChild("overflowButton"),n.__metadata("design:type",a.ElementRef)],e.prototype,"overflowButton",void 0),n.__decorate([a.ViewChild("popupTemplate"),n.__metadata("design:type",a.TemplateRef)],e.prototype,"popupTemplate",void 0),n.__decorate([a.ViewChild("resizeSensor"),n.__metadata("design:type",r.ResizeSensorComponent)],e.prototype,"resizeSensor",void 0),n.__decorate([a.ViewChild("container",{read:a.ViewContainerRef}),n.__metadata("design:type",a.ViewContainerRef)],e.prototype,"container",void 0),n.__decorate([a.ViewChildren(m.ToolBarRendererComponent),n.__metadata("design:type",a.QueryList)],e.prototype,"renderedTools",void 0),n.__decorate([a.HostListener("focus"),n.__metadata("design:type",Function),n.__metadata("design:paramtypes",[]),n.__metadata("design:returntype",void 0)],e.prototype,"onFocus",null),n.__decorate([a.HostListener("keydown",["$event"]),n.__metadata("design:type",Function),n.__metadata("design:paramtypes",[Object]),n.__metadata("design:returntype",void 0)],e.prototype,"onKeyDown",null),n.__decorate([a.HostBinding("attr.tabindex"),n.__metadata("design:type",Number),n.__metadata("design:paramtypes",[])],e.prototype,"getTabIndex",null),n.__decorate([a.HostBinding("attr.role"),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[])],e.prototype,"getRole",null),n.__decorate([a.HostBinding("attr.dir"),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[])],e.prototype,"getDir",null),n.__decorate([a.HostBinding("class"),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[])],e.prototype,"className",null),n.__decorate([a.HostBinding("class.k-toolbar-resizable"),n.__metadata("design:type",Boolean),n.__metadata("design:paramtypes",[])],e.prototype,"resizableClass",null),e=n.__decorate([a.Component({exportAs:"kendoToolBar",providers:[p.RefreshService,l.NavigationService,s.LocalizationService,{provide:s.L10N_PREFIX,useValue:"kendo.toolbar"}],selector:"kendo-toolbar",template:'\n        <ng-container *ngFor="let tool of allTools; let index = index;">\n            <kendo-toolbar-renderer [location]="\'toolbar\'" [resizable]="resizable" [tool]="tool"></kendo-toolbar-renderer>\n        </ng-container>\n        <button #overflowButton\n            tabindex="-1" *ngIf="resizable" [style.visibility]="displayAnchor" class="k-overflow-anchor k-button" (click)="showPopup()">\n            <span class="k-icon k-i-more-vertical"></span>\n        </button>\n        <ng-template #popupTemplate>\n            <ul class="k-overflow-container k-list-container k-reset">\n                <ng-container *ngFor="let tool of allTools; let index = index;">\n                    <kendo-toolbar-renderer [location]="\'overflow\'" [resizable]="resizable" [tool]="tool"></kendo-toolbar-renderer>\n                </ng-container>\n            </ul>\n        </ng-template>\n        <ng-container #container></ng-container>\n        <kendo-resize-sensor *ngIf="resizable" [rateLimit]="1000" #resizeSensor></kendo-resize-sensor>\n    '}),n.__metadata("design:paramtypes",[s.LocalizationService,i.PopupService,p.RefreshService,l.NavigationService,a.ElementRef,a.ChangeDetectorRef])],e)}();t.ToolBarComponent=g},function(e,t){e.exports=o},function(e,t){e.exports=i},function(e,t){e.exports=n},function(e,t){e.exports=r},function(e,t){e.exports=a},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),i=o(3),r=function(){function e(){this.onRefresh=new i.EventEmitter}return e.prototype.refresh=function(e){this.onRefresh.emit(e)},e=n.__decorate([i.Injectable()],e)}();t.RefreshService=r},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),i=o(3),r=o(9),a=function(){function e(){this.keydown=new i.EventEmitter,this.isPopupFocused=!1,this.tools=[],this.isFocusLocked=!1,this.isOverflowButtonFocused=!1}return e.prototype.register=function(e){this.tools.push(e)},e.prototype.unregister=function(e){this.tools.splice(this.tools.indexOf(e),1)},e.prototype.moveFocusToToolBar=function(){this.isPopupFocused=!1,this.focusOverflowButton()},e.prototype.moveFocusToPopup=function(){this.isPopupFocused=!0},e.prototype.focus=function(e,t){var o=this;this.focused=e,this.tools.filter(function(e){return e!==o.focused}).forEach(function(e){return e.navigationService.defocus()}),this.isOverflowButtonFocused=!1,e.navigationService.focus(t)},e.prototype.focusOverflowButton=function(){this.isOverflowButtonFocused=!0,this.overflowButton.nativeElement.focus()},e.prototype.focusFirst=function(){if(!this.isFocusLocked){var e=this.tools.find(function(e){return!!e.navigationService.canFocus()});e&&this.focus(e)}},e.prototype.focusPrev=function(e){if(r.isPresent(e)||(e=this.isOverflowButtonFocused?this.tools.length-1:this.tools.indexOf(this.focused)-1),!(this.isFocusLocked||!this.tools.length||e<0)){var t=this.tools[e];t.navigationService.canFocus()?this.focus(t,!0):this.focusPrev(e-1)}},e.prototype.focusNext=function(e){var t=this.overflowButton&&"visible"===this.overflowButton.nativeElement.style.visibility;if(r.isPresent(e)||(e=this.tools.indexOf(this.focused)+1),e>=this.tools.length&&t&&!this.isOverflowButtonFocused&&this.focusOverflowButton(),!(this.isFocusLocked||!this.tools.length||e>=this.tools.length)){var o=this.tools[e];o.navigationService.canFocus()?this.focus(o):this.focusNext(e+1)}},e.prototype.lock=function(){this.isFocusLocked=!0},e.prototype.unlock=function(){this.isFocusLocked=!1},e.prototype.focusEnter=function(){},e.prototype.focusLeave=function(){},e.prototype.defocus=function(e){e.navigationService.defocus()},e=n.__decorate([i.Injectable()],e)}();t.NavigationService=a},function(e,r){"use strict";Object.defineProperty(r,"__esModule",{value:!0});var i=/^(?:a|input|select|textarea|button|object)$/i;r.outerWidth=function(e){var t=e.offsetWidth,o=getComputedStyle(e);return t+=parseFloat(o.marginLeft)||0+parseFloat(o.marginRight)||0},r.innerWidth=function(e){var t=e.offsetWidth,o=getComputedStyle(e);return t-=parseFloat(o.paddingLeft)||0+parseFloat(o.borderLeftWidth)||0,t-=parseFloat(o.paddingRight)||0+parseFloat(o.borderRightWidth)||0},r.outerHeight=function(e){var t=e.offsetHeight,o=getComputedStyle(e);return t+=parseFloat(o.marginTop)||0+parseFloat(o.marginBottom)||0},r.closest=function(e,t){for(;e&&!t(e);)e=e.parentNode;return e},r.isVisible=function(e){var t=e.getBoundingClientRect(),o=0<t.width&&0<t.height,n=0!==t.x&&0!==t.y;return(o||n)&&"hidden"!==window.getComputedStyle(e).visibility},r.findElement=function(e,t,o){if(void 0===o&&(o=!0),e){if(o&&t(e))return e;for(e=e.firstChild;e;){if(1===e.nodeType){var n=r.findElement(e,t);if(n)return n}e=e.nextSibling}}},r.isFocusable=function(e,t){if(void 0===t&&(t=!0),e.tagName){var o=e.tagName.toLowerCase(),n=null!==e.getAttribute("tabIndex");return i.test(o)&&(n=!e.disabled),n&&(!t||r.isVisible(e))}return!1},r.findFocusable=function(e,t){return void 0===t&&(t=!0),r.findElement(e,function(e){return r.isFocusable(e,t)})},r.findFocusableChild=function(e,t){return void 0===t&&(t=!0),r.findElement(e,function(e){return r.isFocusable(e,t)},!1)},r.findFocusableSibling=function(e,t,o){void 0===t&&(t=!0);for(var n=o?e.prevSibling:e.nextSibling;n;){if(1===n.nodeType){var i=r.findElement(n,function(e){return r.isFocusable(e,t)});if(i)return i}n=o?n.prevSibling:n.nextSibling}},r.isPresent=function(e){return null!=e},r.isChanged=function(e,t){return t[e]&&!t[e].isFirstChange()&&t[e].previousValue!==t[e].currentValue}},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),i=o(3),r=o(11),a=function(){function e(){this.tabIndex=-1,this.overflows=!0,this.navigationService||(this.navigationService=new r.ToolNavigationService)}return Object.defineProperty(e.prototype,"toolbarDisplay",{get:function(){return this.overflows?"none":"inline-block"},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"overflowDisplay",{get:function(){return this.overflows?"block":"none"},enumerable:!0,configurable:!0}),e=n.__decorate([i.Component({selector:"toolbar-tool",template:""}),n.__metadata("design:paramtypes",[])],e)}();t.ToolBarToolComponent=a},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),i=o(3),r=function(){function e(){}return e.prototype.register=function(e,t){"toolbar"===t?this.toolbarRenderer=e:this.overflowRenderer=e},e.prototype.canFocus=function(){return!1},e.prototype.focus=function(){},e.prototype.defocus=function(){},e.prototype.hasFocus=function(){return!1},e=n.__decorate([i.Injectable()],e)}();t.ToolNavigationService=r},function(e,t){"use strict";var o;Object.defineProperty(t,"__esModule",{value:!0}),(o=t.Keys||(t.Keys={}))[o.backspace=8]="backspace",o[o.tab=9]="tab",o[o.enter=13]="enter",o[o.shift=16]="shift",o[o.ctrl=17]="ctrl",o[o.alt=18]="alt",o[o["pause/break"]=19]="pause/break",o[o["caps lock"]=20]="caps lock",o[o.esc=27]="esc",o[o.space=32]="space",o[o["page up"]=33]="page up",o[o["page down"]=34]="page down",o[o.end=35]="end",o[o.home=36]="home",o[o.left=37]="left",o[o.up=38]="up",o[o.right=39]="right",o[o.down=40]="down",o[o.insert=45]="insert",o[o.delete=46]="delete",o[o.command=91]="command",o[o["left command"]=91]="left command",o[o["right command"]=93]="right command",o[o["numpad *"]=106]="numpad *",o[o["numpad +"]=107]="numpad +",o[o["numpad -"]=109]="numpad -",o[o["numpad ."]=110]="numpad .",o[o["numpad /"]=111]="numpad /",o[o["num lock"]=144]="num lock",o[o["scroll lock"]=145]="scroll lock",o[o["my computer"]=182]="my computer",o[o["my calculator"]=183]="my calculator",o[o[";"]=186]=";",o[o["="]=187]="=",o[o[","]=188]=",",o[o["-"]=189]="-",o[o["."]=190]=".",o[o["/"]=191]="/",o[o["`"]=192]="`",o[o["["]=219]="[",o[o["\\"]=220]="\\",o[o["]"]=221]="]",o[o["'"]=222]="'"},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=function(){function e(){this.prevented=!1}return e.prototype.preventDefault=function(){this.prevented=!0},e.prototype.isDefaultPrevented=function(){return this.prevented},e}();t.PreventableEvent=o},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),i=o(3),r=o(9),a=o(10),s=o(15),p=o(7),l=o(8),u=o(16),d=function(){function e(e,t,o,n,i){var r=this;this.element=e,this.renderer=t,this.rendererService=o,this.refreshService=n,this.navigationService=i,this.rendererService.element=e,(this.rendererService.renderer=this).refreshSubscription=this.refreshService.onRefresh.subscribe(function(e){r.tool===e&&r.refresh()})}return Object.defineProperty(e.prototype,"className",{get:function(){return this.tool instanceof s.ToolBarSeparatorComponent},enumerable:!0,configurable:!0}),e.prototype.onFocus=function(){this.navigationService.focused=this.tool},e.prototype.ngOnInit=function(){this.resizable?("toolbar"===this.location?(this.template=this.tool.toolbarTemplate,this.renderer.setStyle(this.element.nativeElement,"visibility","hidden")):this.template=this.tool.popupTemplate,this.renderer.setStyle(this.element.nativeElement,"display","none")):(this.tool.overflows=!1,this.template=this.tool.toolbarTemplate,this.renderer.setStyle(this.element.nativeElement,"visibility","display"),this.renderer.setStyle(this.element.nativeElement,"display","inline-block")),this.navigationService.register(this.tool),this.tool.navigationService.register(this.rendererService,this.location),this.tool.navigationService.toolbarNavigation=this.navigationService},e.prototype.ngOnDestroy=function(){this.navigationService.unregister(this.tool),this.refreshSubscription.unsubscribe()},e.prototype.ngAfterViewInit=function(){this.resizable&&this.refresh()},Object.defineProperty(e.prototype,"width",{get:function(){return this.tool.overflows?0:r.outerWidth(this.element.nativeElement)},enumerable:!0,configurable:!0}),e.prototype.isDisplayed=function(){return"none"!==this.element.nativeElement.style.display},e.prototype.refresh=function(){this.resizable&&("toolbar"===this.location?(this.renderer.setStyle(this.element.nativeElement,"visibility",this.tool.visibility),this.renderer.setStyle(this.element.nativeElement,"display",this.tool.toolbarDisplay)):this.renderer.setStyle(this.element.nativeElement,"display",this.tool.overflowDisplay))},e.prototype.setAttribute=function(e,t,o){this.renderer.setAttribute(e,t,o)},n.__decorate([i.Input(),n.__metadata("design:type",a.ToolBarToolComponent)],e.prototype,"tool",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],e.prototype,"location",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Boolean)],e.prototype,"resizable",void 0),n.__decorate([i.HostBinding("class.k-separator"),n.__metadata("design:type",Boolean),n.__metadata("design:paramtypes",[])],e.prototype,"className",null),n.__decorate([i.HostListener("focusin"),n.__metadata("design:type",Function),n.__metadata("design:paramtypes",[]),n.__metadata("design:returntype",void 0)],e.prototype,"onFocus",null),e=n.__decorate([i.Component({exportAs:"kendoToolBarRenderer",providers:[u.RendererService],selector:"kendo-toolbar-renderer",template:'\n        <ng-container *ngIf="location === \'toolbar\'">\n            <ng-template [ngTemplateOutlet]="template"></ng-template>\n        </ng-container>\n        <ng-container *ngIf="location === \'overflow\'">\n            <li class="k-item">\n                <ng-template [ngTemplateOutlet]="template"></ng-template>\n            </li>\n        </ng-container>\n    '}),n.__metadata("design:paramtypes",[i.ElementRef,i.Renderer2,u.RendererService,p.RefreshService,l.NavigationService])],e)}();t.ToolBarRendererComponent=d},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),i=o(3),r=o(10),a=o(11),s=function(t){function e(){var e=t.call(this)||this;return e.navigationService=new a.ToolNavigationService,e}return n.__extends(e,t),(o=e).prototype.ngAfterViewInit=function(){this.popupTemplate||(this.popupTemplate=this.toolbarTemplate)},n.__decorate([i.ViewChild("toolbarTemplate"),n.__metadata("design:type",i.TemplateRef)],e.prototype,"toolbarTemplate",void 0),n.__decorate([i.ViewChild("popupTemplate"),n.__metadata("design:type",i.TemplateRef)],e.prototype,"popupTemplate",void 0),n.__decorate([i.ViewChild("separator"),n.__metadata("design:type",i.ElementRef)],e.prototype,"separator",void 0),e=o=n.__decorate([i.Component({exportAs:"kendoToolBarSeparator",providers:[{provide:r.ToolBarToolComponent,useExisting:i.forwardRef(function(){return o})}],selector:"kendo-toolbar-separator",template:"\n        <ng-template #toolbarTemplate>\n        </ng-template>\n    "}),n.__metadata("design:paramtypes",[])],e);var o}(r.ToolBarToolComponent);t.ToolBarSeparatorComponent=s},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),i=o(3),r=o(9),a=function(){function e(){}return e.prototype.getElement=function(){return this.element.nativeElement},e.prototype.querySelector=function(e){return this.element.nativeElement.querySelector(e)},e.prototype.querySelectorAll=function(e){return this.element.nativeElement.querySelectorAll(e)},e.prototype.findFocusable=function(){return r.findFocusable(this.element.nativeElement,!1)},e.prototype.findFocusableChild=function(e){return e||(e=this.findFocusable()),r.findFocusableChild(e,!1)},e.prototype.findNextFocusableSibling=function(e){return e||(e=this.findFocusable()),r.findFocusableSibling(e,!1)},e.prototype.findPrevFocusableSibling=function(e){return e||(e=this.findFocusable()),r.findFocusableSibling(e,!1,!0)},e.prototype.setAttribute=function(e,t,o){this.renderer.setAttribute(e,t,o)},e=n.__decorate([i.Injectable()],e)}();t.RendererService=a},function(e,t){e.exports=s},function(e,n,t){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var i=t(2),r=t(3),a=t(10),s=t(9),p=t(19);n.display=function(e,t,o){switch(t){case"toolbar":return o?void 0:e;case"overflow":return o?e:void 0;default:return e}};var o=function(t){function e(){var e=t.call(this)||this;return e.showText="both",e.togglable=!1,e.primary=!1,e.look="default",e.selected=!1,e.showIcon="both",e.click=new r.EventEmitter,e.selectedChange=new r.EventEmitter,e.internalState={selected:void 0},e.navigationService=new p.SingleFocusableNavigationService,e}return i.__extends(e,t),o=e,Object.defineProperty(e.prototype,"text",{get:function(){return n.display(this._text,this.showText,this.overflows)},set:function(e){this._text=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"icon",{get:function(){return n.display(this._icon,this.showIcon,this.overflows)},set:function(e){this._icon=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"iconClass",{get:function(){return n.display(this._iconClass,this.showIcon,this.overflows)},set:function(e){this._iconClass=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"imageUrl",{get:function(){return n.display(this._imageUrl,this.showIcon,this.overflows)},set:function(e){this._imageUrl=e},enumerable:!0,configurable:!0}),e.prototype.ngOnChanges=function(e){s.isChanged("selected",e)&&(this.internalState.selected=this.selected)},e.prototype.selectedChangeHandler=function(e){this.internalState.selected=e,this.selectedChange.emit(e)},i.__decorate([r.Input(),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[String])],e.prototype,"text",null),i.__decorate([r.Input(),i.__metadata("design:type",String)],e.prototype,"showText",void 0),i.__decorate([r.Input(),i.__metadata("design:type",Boolean)],e.prototype,"disabled",void 0),i.__decorate([r.Input(),i.__metadata("design:type",Boolean)],e.prototype,"togglable",void 0),i.__decorate([r.Input(),i.__metadata("design:type",Boolean)],e.prototype,"primary",void 0),i.__decorate([r.Input(),i.__metadata("design:type",String)],e.prototype,"look",void 0),i.__decorate([r.Input(),i.__metadata("design:type",Boolean)],e.prototype,"selected",void 0),i.__decorate([r.Input(),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[String])],e.prototype,"icon",null),i.__decorate([r.Input(),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[String])],e.prototype,"iconClass",null),i.__decorate([r.Input(),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[String])],e.prototype,"imageUrl",null),i.__decorate([r.Input(),i.__metadata("design:type",String)],e.prototype,"showIcon",void 0),i.__decorate([r.Output(),i.__metadata("design:type",r.EventEmitter)],e.prototype,"click",void 0),i.__decorate([r.Output(),i.__metadata("design:type",r.EventEmitter)],e.prototype,"selectedChange",void 0),i.__decorate([r.ViewChild("toolbarTemplate"),i.__metadata("design:type",r.TemplateRef)],e.prototype,"toolbarTemplate",void 0),i.__decorate([r.ViewChild("popupTemplate"),i.__metadata("design:type",r.TemplateRef)],e.prototype,"popupTemplate",void 0),e=o=i.__decorate([r.Component({exportAs:"kendoToolBarButton",providers:[{provide:a.ToolBarToolComponent,useExisting:r.forwardRef(function(){return o})}],selector:"kendo-toolbar-button",template:'\n        <ng-template #toolbarTemplate>\n            <button tabindex="-1" kendoButton\n                [disabled]="disabled"\n                [togglable]="togglable"\n                [primary]="primary"\n                [selected]="internalState.selected"\n                [icon]="icon"\n                [iconClass]="iconClass"\n                [imageUrl]="imageUrl"\n                [look]="look"\n                (click)="click.emit($event)"\n                (selectedChange)="selectedChangeHandler($event)">\n                {{ text }}\n            </button>\n        </ng-template>\n        <ng-template #popupTemplate>\n            <button tabindex="-1" kendoButton\n                class="k-overflow-button"\n                [disabled]="disabled"\n                [togglable]="togglable"\n                [primary]="primary"\n                [selected]="internalState.selected"\n                [icon]="icon"\n                [iconClass]="iconClass"\n                [imageUrl]="imageUrl"\n                [look]="look"\n                (click)="click.emit($event)"\n                (selectedChange)="selectedChangeHandler($event)">\n                {{ text }}\n            </button>\n        </ng-template>\n    '}),i.__metadata("design:paramtypes",[])],e);var o}(a.ToolBarToolComponent);n.ToolBarButtonComponent=o},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),i=o(3),r=o(9),a=function(){function e(){}return e.prototype.register=function(e,t){"toolbar"===t?this.toolbarRenderer=e:this.overflowRenderer=e},e.prototype.canFocus=function(){var e=this.findFocusable();return e&&e.offsetParent&&!this.hasFocus(e)&&!e.disabled},e.prototype.focus=function(){if(this.canFocus()){var e=this.findFocusable();this.setAttribute(e,"tabindex","0"),e.focus()}},e.prototype.defocus=function(){var e=this.findFocusable();e&&(this.setAttribute(e,"tabindex","-1"),this.hasFocus(e)&&e.blur())},e.prototype.hasFocus=function(t){return document.activeElement!==t&&r.closest(document.activeElement,function(e){return e===t})},e.prototype.findFocusable=function(){return this.toolbarNavigation.isPopupFocused?this.overflowRenderer.findFocusable():this.toolbarRenderer.findFocusable()},e.prototype.setAttribute=function(e,t,o){this.toolbarNavigation.isPopupFocused?this.overflowRenderer.setAttribute(e,t,o):this.toolbarRenderer.setAttribute(e,t,o)},e=n.__decorate([i.Injectable()],e)}();t.SingleFocusableNavigationService=a},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),i=o(3),r=o(10),a=o(18),s=o(21),p=function(t){function e(){var e=t.call(this)||this;return e.selection="multiple",e.look="default",e.navigationService=new s.ButtonGroupNavigationService,e}return n.__extends(e,t),(o=e).prototype.selectedChangeHandler=function(e,t){t.selected=e,t.selectedChange.emit(e)},n.__decorate([i.Input(),n.__metadata("design:type",Boolean)],e.prototype,"disabled",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],e.prototype,"selection",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],e.prototype,"width",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],e.prototype,"look",void 0),n.__decorate([i.ViewChild("toolbarTemplate"),n.__metadata("design:type",i.TemplateRef)],e.prototype,"toolbarTemplate",void 0),n.__decorate([i.ViewChild("popupTemplate"),n.__metadata("design:type",i.TemplateRef)],e.prototype,"popupTemplate",void 0),n.__decorate([i.ContentChildren(i.forwardRef(function(){return a.ToolBarButtonComponent})),n.__metadata("design:type",i.QueryList)],e.prototype,"buttons",void 0),e=o=n.__decorate([i.Component({exportAs:"kendoToolBarButtonGroup",providers:[{provide:r.ToolBarToolComponent,useExisting:i.forwardRef(function(){return o})}],selector:"kendo-toolbar-buttongroup",template:'\n        <ng-template #toolbarTemplate>\n            <kendo-buttongroup\n                [tabIndex]="tabIndex"\n                [selection]="selection"\n                [disabled]="disabled"\n                [look]="look"\n                [width]="width">\n                <button kendoButton kendoToolbarFocusable\n                    *ngFor="let button of buttons"\n                    [disabled]="button.disabled"\n                    [togglable]="button.togglable"\n                    [primary]="button.primary"\n                    [selected]="button.selected"\n                    [icon]="button.icon"\n                    [iconClass]="button.iconClass"\n                    [imageUrl]="button.imageUrl"\n                    (click)="button.click.emit($event)"\n                    (selectedChange)="selectedChangeHandler($event, button)">\n                    {{ button.text }}\n                </button>\n            </kendo-buttongroup>\n        </ng-template>\n        <ng-template #popupTemplate>\n            <kendo-buttongroup\n                class="k-overflow-button"\n                [tabIndex]="tabIndex"\n                [disabled]="disabled"\n                [look]="look"\n                [width]="width">\n                <button kendoButton\n                    class="k-overflow-button"\n                    *ngFor="let button of buttons"\n                    [disabled]="button.disabled"\n                    [togglable]="button.togglable"\n                    [primary]="button.primary"\n                    [selected]="button.selected"\n                    [icon]="button.icon"\n                    [iconClass]="button.iconClass"\n                    [imageUrl]="button.imageUrl"\n                    (click)="button.click.emit($event)"\n                    (selectedChange)="selectedChangeHandler($event, button)">\n                    {{ button.text }}\n                </button>\n            </kendo-buttongroup>\n        </ng-template>\n    '}),n.__metadata("design:paramtypes",[])],e);var o}(r.ToolBarToolComponent);t.ToolBarButtonGroupComponent=p},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),i=o(3),r=o(12),a=function(){function e(){}return Object.defineProperty(e.prototype,"toolbarNavigation",{get:function(){return this._navigationService},set:function(e){this._navigationService=e,this.keydownSubscription&&this.keydownSubscription.unsubscribe(),this.keydownSubscription=this._navigationService.keydown.subscribe(this.onKeydown.bind(this))},enumerable:!0,configurable:!0}),e.prototype.ngOnDestroy=function(){this.keydownSubscription&&this.keydownSubscription.unsubscribe()},e.prototype.register=function(e,t){"toolbar"===t?this.toolbarRenderer=e:this.overflowRenderer=e},e.prototype.canFocus=function(){return!0},e.prototype.focus=function(e){var t=this.buttons(),o=e?t[t.length-1]:t[0];this.toolbarNavigation.lock(),this.renderer().setAttribute(o,"tabindex","0"),o.focus(),this.current=o,this.isActive=!0},e.prototype.defocus=function(){var t=this;this.buttons().forEach(function(e){t.renderer().setAttribute(e,"tabindex","-1"),t.hasFocus(e)&&e.blur()}),this.current=void 0,this.isActive=!1},e.prototype.hasFocus=function(e){return document.activeElement!==e},e.prototype.buttons=function(){return Array.prototype.slice.call(this.renderer().querySelectorAll(".k-button"))},e.prototype.renderer=function(){return this.toolbarNavigation.isPopupFocused?this.overflowRenderer:this.toolbarRenderer},e.prototype.onKeydown=function(e){this.isActive&&(e.keyCode===r.Keys.left&&0===this.buttons().indexOf(this.current)&&(this.toolbarNavigation.unlock(),this.toolbarNavigation.focusPrev()),e.keyCode===r.Keys.right&&this.buttons().indexOf(this.current)===this.buttons().length-1&&(this.toolbarNavigation.unlock(),this.toolbarNavigation.focusNext()),this.current=this.buttons().find(function(e){return 0===e.tabIndex}))},e=n.__decorate([i.Injectable()],e)}();t.ButtonGroupNavigationService=a},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),i=o(3),r=o(10),a=o(19),s=function(t){function e(){var e=t.call(this)||this;return e.text="",e.icon="",e.iconClass="",e.imageUrl="",e.textField="text",e.itemClick=new i.EventEmitter,e._popupSettings={animate:!0,popupClass:""},e.navigationService=new a.SingleFocusableNavigationService,e}return n.__extends(e,t),o=e,Object.defineProperty(e.prototype,"popupSettings",{get:function(){return this._popupSettings},set:function(e){this._popupSettings=Object.assign({animate:!0,popupClass:""},e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"data",{get:function(){return this._data||(this.data=[]),this._data},set:function(e){this._data=e||[]},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"listData",{get:function(){var e;return[((e={})[this.textField]=this.text,e.icon=this.icon,e.iconClass=this.iconClass,e.imageUrl=this.imageUrl,e.disabled=this.disabled,e.tabIndex=this.tabIndex,e)].concat(this.data)},enumerable:!0,configurable:!0}),n.__decorate([i.Input(),n.__metadata("design:type",String)],e.prototype,"text",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],e.prototype,"icon",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],e.prototype,"iconClass",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],e.prototype,"imageUrl",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Object),n.__metadata("design:paramtypes",[Object])],e.prototype,"popupSettings",null),n.__decorate([i.Input(),n.__metadata("design:type",String)],e.prototype,"textField",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Boolean)],e.prototype,"disabled",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Array),n.__metadata("design:paramtypes",[Array])],e.prototype,"data",null),n.__decorate([i.Output(),n.__metadata("design:type",i.EventEmitter)],e.prototype,"itemClick",void 0),n.__decorate([i.ViewChild("toolbarTemplate"),n.__metadata("design:type",i.TemplateRef)],e.prototype,"toolbarTemplate",void 0),n.__decorate([i.ViewChild("popupTemplate"),n.__metadata("design:type",i.TemplateRef)],e.prototype,"popupTemplate",void 0),n.__decorate([i.ViewChild("dropdownButton",{read:i.ElementRef}),n.__metadata("design:type",i.ElementRef)],e.prototype,"dropdownButton",void 0),e=o=n.__decorate([i.Component({exportAs:"kendoToolBarDropDownButton",providers:[{provide:r.ToolBarToolComponent,useExisting:i.forwardRef(function(){return o})}],selector:"kendo-toolbar-dropdownbutton",template:'\n        <ng-template #toolbarTemplate>\n            <kendo-dropdownbutton\n                [icon]="icon"\n                [iconClass]="iconClass"\n                [imageUrl]="imageUrl"\n                [disabled]="disabled"\n                [tabIndex]="tabIndex"\n                [data]="data"\n                [textField]="textField"\n                (itemClick)="itemClick.emit($event)">\n                {{ text }}\n            </kendo-dropdownbutton>\n        </ng-template>\n        <ng-template #popupTemplate>\n            <kendo-toolbar-buttonlist\n                [data]="listData"\n                [textField]="textField"\n                (itemClick)="itemClick.emit($event)">\n            </kendo-toolbar-buttonlist>\n        </ng-template>\n    '}),n.__metadata("design:paramtypes",[])],e);var o}(r.ToolBarToolComponent);t.ToolBarDropDownButtonComponent=s},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),i=o(3),r=o(10),a=o(19),s=function(t){function e(){var e=t.call(this)||this;return e.text="",e.icon="",e.iconClass="",e.imageUrl="",e.textField="text",e.buttonClick=new i.EventEmitter,e.itemClick=new i.EventEmitter,e._popupSettings={animate:!0,popupClass:""},e.navigationService=new a.SingleFocusableNavigationService,e}return n.__extends(e,t),o=e,Object.defineProperty(e.prototype,"popupSettings",{get:function(){return this._popupSettings||(this._popupSettings={animate:!0,popupClass:""}),this._popupSettings},set:function(e){this._popupSettings=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"data",{get:function(){return this._data||(this.data=[]),this._data},set:function(e){this._data=e||[]},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"listData",{get:function(){var e,t=((e={})[this.textField]=this.text,e.icon=this.icon,e.iconClass=this.iconClass,e.imageUrl=this.imageUrl,e.disabled=this.disabled,e.tabIndex=this.tabIndex,e),o=this.data.slice(0);return o.unshift(t),o},enumerable:!0,configurable:!0}),n.__decorate([i.Input(),n.__metadata("design:type",String)],e.prototype,"text",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],e.prototype,"icon",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],e.prototype,"iconClass",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],e.prototype,"imageUrl",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Boolean)],e.prototype,"disabled",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Object),n.__metadata("design:paramtypes",[Object])],e.prototype,"popupSettings",null),n.__decorate([i.Input(),n.__metadata("design:type",String)],e.prototype,"textField",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Array),n.__metadata("design:paramtypes",[Array])],e.prototype,"data",null),n.__decorate([i.Output(),n.__metadata("design:type",i.EventEmitter)],e.prototype,"buttonClick",void 0),n.__decorate([i.Output(),n.__metadata("design:type",i.EventEmitter)],e.prototype,"itemClick",void 0),n.__decorate([i.ViewChild("toolbarTemplate"),n.__metadata("design:type",i.TemplateRef)],e.prototype,"toolbarTemplate",void 0),n.__decorate([i.ViewChild("popupTemplate"),n.__metadata("design:type",i.TemplateRef)],e.prototype,"popupTemplate",void 0),n.__decorate([i.ViewChild("splitButton",{read:i.ElementRef}),n.__metadata("design:type",i.ElementRef)],e.prototype,"splitButton",void 0),e=o=n.__decorate([i.Component({exportAs:"kendoToolBarSplitButton",providers:[{provide:r.ToolBarToolComponent,useExisting:i.forwardRef(function(){return o})}],selector:"kendo-toolbar-splitbutton",template:'\n        <ng-template #toolbarTemplate>\n            <kendo-splitbutton\n                [data]="data"\n                [text]="text"\n                [icon]="icon"\n                [iconClass]="iconClass"\n                [imageUrl]="imageUrl"\n                [disabled]="disabled"\n                [tabIndex]="tabIndex"\n                [textField]="textField"\n                (buttonClick)="buttonClick.emit($event)"\n                (itemClick)="itemClick.emit($event)">\n            </kendo-splitbutton>\n        </ng-template>\n        <ng-template #popupTemplate>\n            <kendo-toolbar-buttonlist\n                [data]="listData"\n                [textField]="textField"\n                (itemClick)="itemClick.emit($event)">\n            </kendo-toolbar-buttonlist>\n        </ng-template>\n    '}),n.__metadata("design:paramtypes",[])],e);var o}(r.ToolBarToolComponent);t.ToolBarSplitButtonComponent=s},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),i=o(3),r=o(25),a=o(26),s=o(4),p=o(5),l=o(1),u=o(10),d=o(18),c=o(20),f=o(22),m=o(23),h=o(15),g=o(14),b=o(27),_=[u.ToolBarToolComponent,d.ToolBarButtonComponent,c.ToolBarButtonGroupComponent,f.ToolBarDropDownButtonComponent,m.ToolBarSplitButtonComponent,h.ToolBarSeparatorComponent],v=[g.ToolBarRendererComponent,b.ToolBarButtonListComponent],y=function(){function e(){}return e=n.__decorate([i.NgModule({declarations:[l.ToolBarComponent,_,v],exports:[l.ToolBarComponent,_],imports:[r.CommonModule,a.ButtonsModule,s.PopupModule,p.ResizeSensorModule]})],e)}();t.ToolBarModule=y},function(e,t){e.exports=p},function(e,t){e.exports=l},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2),i=o(3),r=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.itemClick=new i.EventEmitter,e}return n.__extends(e,t),e.prototype.getText=function(e){if(e)return this.textField?e[this.textField]:e.text||e},e.prototype.onClick=function(e){e.click&&e.click(),this.itemClick.emit(this.data.indexOf(e))},n.__decorate([i.Input(),n.__metadata("design:type",Array)],e.prototype,"data",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],e.prototype,"textField",void 0),n.__decorate([i.Output(),n.__metadata("design:type",i.EventEmitter)],e.prototype,"itemClick",void 0),e=n.__decorate([i.Component({selector:"kendo-toolbar-buttonlist",template:'\n        <button tabindex="-1" kendoButton\n            class="k-overflow-button"\n            *ngFor="let item of data"\n            [disabled]="item.disabled"\n            [icon]="item.icon"\n            [iconClass]="item.iconClass"\n            [imageUrl]="item.imageUrl"\n            (click)="onClick(item)">\n            {{ getText(item) }}\n        </button>\n    '})],e)}(o(10).ToolBarToolComponent);t.ToolBarButtonListComponent=r}])}}});

package.json

@@ -6,3 +6,3 @@ {
   "license": "SEE LICENSE IN LICENSE.md",
-  "version": "0.2.2-dev.201806191511",
+  "version": "0.2.2-dev.201808071355",
   "main": "dist/npm/index.js",
@@ -9,0 +9,0 @@ "module": "dist/es/index.js",

New alerts

Long strings

Supply chain risk

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

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

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

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

487279

increased by0.76%

Lines of code

6709

increased by0.36%

No dependency changes