@progress/kendo-angular-toolbar 5.0.2 → 5.0.3-dev.202203280906

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/dist/cdn/js/kendo-angular-toolbar.js +2 -2
  2. package/dist/cdn/main.js +1 -1
  3. package/dist/es/package-metadata.js +1 -1
  4. package/dist/es/toolbar.component.js +15 -3
  5. package/dist/es2015/index.metadata.json +1 -1
  6. package/dist/es2015/package-metadata.js +1 -1
  7. package/dist/es2015/toolbar.component.d.ts +7 -2
  8. package/dist/es2015/toolbar.component.js +11 -3
  9. package/dist/fesm2015/index.js +12 -4
  10. package/dist/fesm5/index.js +16 -4
  11. package/dist/npm/package-metadata.js +1 -1
  12. package/dist/npm/toolbar.component.js +14 -2
  13. package/dist/systemjs/kendo-angular-toolbar.js +1 -1
  14. package/package.json +1 -1
package/dist/cdn/main.js CHANGED
@@ -2,4 +2,4 @@
2
2
  * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
- !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("tslib"),require("@angular/core"),require("@progress/kendo-angular-common"),require("@progress/kendo-angular-l10n"),require("@progress/kendo-angular-buttons"),require("rxjs/operators"),require("@progress/kendo-angular-popup"),require("@progress/kendo-licensing"),require("rxjs"),require("@angular/common")):"function"==typeof define&&define.amd?define([,,,,,,,,,],t):"object"==typeof exports?exports.KendoAngularToolbar=t(require("tslib"),require("@angular/core"),require("@progress/kendo-angular-common"),require("@progress/kendo-angular-l10n"),require("@progress/kendo-angular-buttons"),require("rxjs/operators"),require("@progress/kendo-angular-popup"),require("@progress/kendo-licensing"),require("rxjs"),require("@angular/common")):e.KendoAngularToolbar=t(e.self,e.ng.core,e.KendoAngularCommon,e.KendoAngularL10N,e.KendoAngularButtons,e.rxjs.operators,e.KendoAngularPopup,e.KendoLicensing,e.rxjs,e.ng.common)}(window,(function(e,t,o,n,i,r,a,s,l,p){return function(e){var t={};function o(n){if(t[n])return t[n].exports;var i=t[n]={i:n,l:!1,exports:{}};return e[n].call(i.exports,i,i.exports,o),i.l=!0,i.exports}return o.m=e,o.c=t,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)o.d(n,i,function(t){return e[t]}.bind(null,i));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="",o(o.s=20)}([function(t,o){t.exports=e},function(e,o){e.exports=t},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(0),i=o(1),r=function(){function e(){this.tabIndex=-1,this.overflows=!0,this.responsive=!0}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.prototype.canFocus=function(){return!1},e.prototype.focus=function(e){},e.prototype.handleKey=function(e){return!1},n.__decorate([i.Input(),n.__metadata("design:type",Boolean)],e.prototype,"responsive",void 0),e=n.__decorate([i.Component({selector:"toolbar-tool",template:""})],e)}();t.ToolBarToolComponent=r},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(4),i=/^(?:a|input|select|textarea|button|object)$/i;t.outerWidth=function(e){var t=e.offsetWidth,o=getComputedStyle(e);return t+=parseFloat(o.marginLeft)||0+parseFloat(o.marginRight)||0},t.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},t.outerHeight=function(e){var t=e.offsetHeight,o=getComputedStyle(e);return t+=parseFloat(o.marginTop)||0+parseFloat(o.marginBottom)||0},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(),r=null!==e.getAttribute("tabIndex");return i.test(n)&&(r=!e.disabled),r&&(!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},t.makePeeker=function(e){return function(o){return t.isPresent(e[o])}},t.getIndexOfFocused=function(e,t,o){return function(n){switch(n.type){case"keydown":if(n.keyCode===e)return o.length-1;if(n.keyCode===t)return 0;break;case"click":return o.findIndex((function(e){return e===n.target||e.contains(n.target)}));case"focus":default:return 0}}},t.seekFocusedIndex=function(e,t,o){return function(n,i){switch(i.keyCode){case e:return o(n-1)?n-1:n;case t:return o(n+1)?n+1:n;default:return n}}},t.areEqual=function(e){return function(t){return e===t}},t.getNextKey=function(e){return void 0===e&&(e=!1),function(t){return void 0===t&&(t=!0),t?n.Keys.ArrowDown:e?n.Keys.ArrowLeft:n.Keys.ArrowRight}},t.getPrevKey=function(e){return void 0===e&&(e=!1),function(t){return void 0===t&&(t=!0),t?n.Keys.ArrowUp:e?n.Keys.ArrowRight:n.Keys.ArrowLeft}},t.getValueForLocation=function(e,t,o){switch(t){case"toolbar":return o?void 0:e;case"overflow":return o?e:void 0;default:return e}}},function(e,t){e.exports=o},function(e,t){e.exports=n},function(e,t){e.exports=i},function(e,t){e.exports=r},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(0),i=o(1),r=o(2),a=o(3),s=function(e){function t(){var t=e.call(this)||this;return t.showText="both",t.showIcon="both",t.toggleable=!1,t.selected=!1,t.fillMode="solid",t.themeColor="base",t.click=new i.EventEmitter,t.pointerdown=new i.EventEmitter,t.selectedChange=new i.EventEmitter,t.toolbarOptions={text:"",icon:"",iconClass:"",imageUrl:""},t.overflowOptions={text:"",icon:"",iconClass:"",imageUrl:""},t}var o;return n.__extends(t,e),o=t,Object.defineProperty(t.prototype,"text",{set:function(e){this.toolbarOptions.text=a.getValueForLocation(e,this.showText,!1),this.overflowOptions.text=a.getValueForLocation(e,this.showText,!0)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"look",{set:function(e){e&&(this.fillMode="default"===e?"solid":e)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"togglable",{get:function(){return this.toggleable},set:function(e){this.toggleable=e},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"icon",{set:function(e){this.toolbarOptions.icon=a.getValueForLocation(e,this.showIcon,!1),this.overflowOptions.icon=a.getValueForLocation(e,this.showIcon,!0)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"iconClass",{set:function(e){this.toolbarOptions.iconClass=a.getValueForLocation(e,this.showIcon,!1),this.overflowOptions.iconClass=a.getValueForLocation(e,this.showIcon,!0)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"imageUrl",{set:function(e){this.toolbarOptions.imageUrl=a.getValueForLocation(e,this.showIcon,!1),this.overflowOptions.imageUrl=a.getValueForLocation(e,this.showIcon,!0)},enumerable:!0,configurable:!0}),t.prototype.onBlur=function(){this.getButton().tabIndex=-1},t.prototype.canFocus=function(){return!this.disabled},t.prototype.focus=function(e){e&&"focus"!==e.type&&"keydown"!==e.type||this.getButton().focus(),this.getButton().tabIndex=0},t.prototype.handleKey=function(){return this.getButton().tabIndex=-1,!1},t.prototype.getButton=function(){return(this.overflows?this.overflowButtonElement:this.toolbarButtonElement).nativeElement},n.__decorate([i.Input(),n.__metadata("design:type",String)],t.prototype,"showText",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],t.prototype,"showIcon",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[String])],t.prototype,"text",null),n.__decorate([i.Input(),n.__metadata("design:type",Object)],t.prototype,"style",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Object)],t.prototype,"className",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],t.prototype,"title",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Boolean)],t.prototype,"disabled",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Boolean)],t.prototype,"toggleable",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[String])],t.prototype,"look",null),n.__decorate([i.Input(),n.__metadata("design:type",Boolean),n.__metadata("design:paramtypes",[Boolean])],t.prototype,"togglable",null),n.__decorate([i.Input(),n.__metadata("design:type",Boolean)],t.prototype,"selected",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],t.prototype,"fillMode",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],t.prototype,"themeColor",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[String])],t.prototype,"icon",null),n.__decorate([i.Input(),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[String])],t.prototype,"iconClass",null),n.__decorate([i.Input(),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[String])],t.prototype,"imageUrl",null),n.__decorate([i.Output(),n.__metadata("design:type",i.EventEmitter)],t.prototype,"click",void 0),n.__decorate([i.Output(),n.__metadata("design:type",i.EventEmitter)],t.prototype,"pointerdown",void 0),n.__decorate([i.Output(),n.__metadata("design:type",i.EventEmitter)],t.prototype,"selectedChange",void 0),n.__decorate([i.ViewChild("toolbarTemplate",{static:!0}),n.__metadata("design:type",i.TemplateRef)],t.prototype,"toolbarTemplate",void 0),n.__decorate([i.ViewChild("popupTemplate",{static:!0}),n.__metadata("design:type",i.TemplateRef)],t.prototype,"popupTemplate",void 0),n.__decorate([i.ViewChild("toolbarButton",{read:i.ElementRef,static:!1}),n.__metadata("design:type",i.ElementRef)],t.prototype,"toolbarButtonElement",void 0),n.__decorate([i.ViewChild("overflowButton",{read:i.ElementRef,static:!1}),n.__metadata("design:type",i.ElementRef)],t.prototype,"overflowButtonElement",void 0),t=o=n.__decorate([i.Component({exportAs:"kendoToolBarButton",providers:[{provide:r.ToolBarToolComponent,useExisting:i.forwardRef((function(){return o}))}],selector:"kendo-toolbar-button",template:'\n <ng-template #toolbarTemplate>\n <button\n #toolbarButton\n [tabindex]="tabIndex"\n type="button"\n kendoButton\n [ngStyle]="style"\n [ngClass]="className"\n [attr.title]="title"\n [disabled]="disabled"\n [toggleable]="toggleable"\n [fillMode]="fillMode"\n [themeColor]="fillMode ? themeColor : null"\n [selected]="selected"\n [icon]="toolbarOptions.icon"\n [iconClass]="toolbarOptions.iconClass"\n [imageUrl]="toolbarOptions.imageUrl"\n (click)="click.emit($event)"\n (pointerdown)="pointerdown.emit($event)"\n (selectedChange)="selectedChange.emit($event)"\n (blur)="onBlur()"\n >\n {{ toolbarOptions.text }}\n </button>\n </ng-template>\n <ng-template #popupTemplate>\n <button\n #overflowButton\n tabindex="-1"\n type="button"\n kendoButton\n class="k-overflow-button"\n [ngStyle]="style"\n [ngClass]="className"\n [attr.title]="title"\n [disabled]="disabled"\n [toggleable]="toggleable"\n [fillMode]="fillMode"\n [themeColor]="fillMode ? themeColor : null"\n [selected]="selected"\n [icon]="overflowOptions.icon"\n [iconClass]="overflowOptions.iconClass"\n [imageUrl]="overflowOptions.imageUrl"\n (click)="click.emit($event)"\n (selectedChange)="selectedChange.emit($event)"\n >\n {{ overflowOptions.text }}\n </button>\n </ng-template>\n '}),n.__metadata("design:paramtypes",[])],t)}(r.ToolBarToolComponent);t.ToolBarButtonComponent=s},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(0),i=o(1),r=function(){function e(){this.disabled=!1,this.fillMode="solid",this.themeColor="base",this.itemClick=new i.EventEmitter}return e.prototype.getText=function(e){if(e)return this.textField?e[this.textField]:e.text||e},e.prototype.onClick=function(e,t){var o=this.data[t];e.click&&e.click(o),this.itemClick.emit(o)},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.Input(),n.__metadata("design:type",Boolean)],e.prototype,"disabled",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],e.prototype,"fillMode",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],e.prototype,"themeColor",void 0),n.__decorate([i.Output(),n.__metadata("design:type",i.EventEmitter)],e.prototype,"itemClick",void 0),n.__decorate([i.ViewChildren("button"),n.__metadata("design:type",i.QueryList)],e.prototype,"buttons",void 0),e=n.__decorate([i.Component({selector:"kendo-toolbar-buttonlist",template:'\n <button\n #button\n type="button"\n tabindex="-1"\n kendoButton\n style="padding-left: 16px"\n class="k-overflow-button"\n *ngFor="let item of data; let i = index"\n [disabled]="disabled || item.disabled"\n [icon]="item.icon"\n [iconClass]="item.iconClass"\n [imageUrl]="item.imageUrl"\n [fillMode]="fillMode"\n [themeColor]="fillMode ? themeColor : null"\n (click)="onClick(item, i)"\n >\n {{ getText(item) }}\n </button>\n '})],e)}();t.ToolBarButtonListComponent=r},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(0),i=o(1),r=o(11),a=o(4),s=o(5),l=o(21),p=o(22),u=o(12),d=o(23),c=o(2),f=o(3),g=o(4),m=o(24),h=o(25),b=o(7),y=o(7),_=o(4),v=o(26),w=function(e){return{animate:!0,anchorAlign:{horizontal:e?"left":"right",vertical:"bottom"},popupAlign:{horizontal:e?"left":"right",vertical:"top"}}},C=function(){function e(e,t,o,n,r,a,s){this.localization=e,this.popupService=t,this.refreshService=o,this.navigationService=n,this.element=r,this.zone=a,this.renderer=s,this.overflow=!1,this.tabindex=0,this.open=new i.EventEmitter,this.close=new i.EventEmitter,this.hostClasses=!0,this.cancelRenderedToolsSubscription$=new h.Subject,this.subscriptions=new h.Subscription,l.validatePackage(p.packageMetadata),this.direction=e.rtl?"rtl":"ltr"}return Object.defineProperty(e.prototype,"resizable",{get:function(){return this.overflow},set:function(e){this.overflow=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"popupSettings",{get:function(){return this._popupSettings||w(this.localization.rtl)},set:function(e){this._popupSettings=Object.assign({},w(this.localization.rtl),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 m.PreventableEvent;e?this.open.emit(t):this.close.emit(t),t.isDefaultPrevented()||this.toggle(e)}},enumerable:!0,configurable:!0}),e.prototype.onFocus=function(e){this.navigationService.resetNavigation(),this.navigationService.focusFirst(e),this.element.nativeElement.setAttribute("tabindex","-1")},e.prototype.onFocusOut=function(e){var t=this;f.closest(e.relatedTarget,(function(e){return e===t.element.nativeElement}))?this.element.nativeElement.setAttribute("tabindex","-1"):this.element.nativeElement.setAttribute("tabindex",this.tabindex.toString())},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,"resizableClass",{get:function(){return this.overflow},enumerable:!0,configurable:!0}),e.prototype.ngAfterViewInit=function(){var e=this;this.element.nativeElement.getAttribute("tabindex")||this.element.nativeElement.setAttribute("tabindex","0"),this.zone.runOutsideAngular((function(){e.toolbarKeydownListener=e.renderer.listen(e.element.nativeElement,"keydown",(function(t){switch(t.keyCode){case g.Keys.ArrowLeft:e.zone.run((function(){t.preventDefault(),"ltr"===e.direction?e.navigationService.focusPrev(t):e.navigationService.focusNext(t),e.element.nativeElement.setAttribute("tabindex","-1")}));break;case g.Keys.ArrowRight:e.zone.run((function(){t.preventDefault(),"ltr"===e.direction?e.navigationService.focusNext(t):e.navigationService.focusPrev(t),e.element.nativeElement.setAttribute("tabindex","-1")}));break;case g.Keys.Tab:e.zone.run((function(){return e.navigationService.resetNavigation()}));break;case g.Keys.Escape:e.zone.run((function(){return e.toggle(!1)}))}}))})),this.overflow&&(this.subscriptions.add(h.merge(this.resizeSensor.resize.pipe(b.bufferTime(200),y.filter((function(e){return e.length>0}))),this.renderedTools.changes).subscribe((function(){e.onResize()}))),this.zone.runOutsideAngular((function(){return setTimeout((function(){e.onResize(),e.onResize()}))})),this.navigationService.overflowButton=this.overflowButton),this.navigationService.setRenderedTools(this.renderedTools.toArray()),this.subscriptions.add(this.renderedTools.changes.subscribe((function(t){return e.navigationService.setRenderedTools(t.toArray())})))},e.prototype.ngOnInit=function(){var e=this;this.subscriptions.add(this.localization.changes.subscribe((function(t){var o=t.rtl;return e.direction=o?"rtl":"ltr"}))),_.isDocumentAvailable()&&this.zone.runOutsideAngular((function(){return e.subscriptions.add(h.fromEvent(document,"click").pipe(y.filter((function(){return!!e.popupRef})),y.filter((function(t){return!e.popupRef.popup.instance.container.nativeElement.contains(t.target)})),y.filter((function(t){return!e.overflowButton.nativeElement.contains(t.target)}))).subscribe((function(){e.zone.run((function(){e.popupOpen=!1}))})))}))},e.prototype.ngOnChanges=function(e){e.tabindex&&this.element.nativeElement.setAttribute("tabindex",e.tabindex.currentValue.toString())},e.prototype.ngOnDestroy=function(){this.popupRef&&this.popupRef.close(),this.toolbarKeydownListener&&this.toolbarKeydownListener(),this.cancelRenderedToolsSubscription$.next(),this.subscriptions.unsubscribe()},Object.defineProperty(e.prototype,"moreToolsTitle",{get:function(){return this.localization.get("moreToolsTitle")},enumerable:!0,configurable:!0}),e.prototype.onRendererClick=function(e){this.navigationService.click(e),this.element.nativeElement.setAttribute("tabindex","-1")},e.prototype.showPopup=function(){this.popupOpen=!this.popupOpen,this.navigationService.click({context:void 0,event:void 0})},e.prototype.toggle=function(e){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,anchorAlign:this.popupSettings.anchorAlign,popupAlign:this.popupSettings.popupAlign,content:this.popupTemplate,appendTo:this.appendTo,animate:this.popupSettings.animate,popupClass:this.popupSettings.popupClass,positionMode:"absolute"}),this.setPopupContentDimensions(),this.popupRef.popupOpen.subscribe(this.onPopupOpen.bind(this)),this.popupRef.popupClose.subscribe(this.onPopupClose.bind(this)))},e.prototype.onResize=function(){var e=this;if(_.isDocumentAvailable()){var t=f.innerWidth(this.element.nativeElement)-this.overflowAnchorWidth;this.shrink(t,this.childrenWidth),this.stretch(t,this.childrenWidth),this.zone.onStable.pipe(b.take(1)).subscribe((function(){e.displayAnchor()}))}this.resizeSensor.acceptSize()},e.prototype.onPopupOpen=function(){var e=this;this.zone.runOutsideAngular((function(){e.overflowKeydownListener=e.renderer.listen(e.popupRef.popupElement,"keydown",(function(t){switch(t.keyCode){case g.Keys.ArrowUp:e.zone.run((function(){t.preventDefault(),e.navigationService.focusPrev(t)}));break;case g.Keys.ArrowDown:e.zone.run((function(){t.preventDefault(),e.navigationService.focusNext(t)}));break;case g.Keys.Escape:e.zone.run((function(){return e.toggle(!1)}));break;case g.Keys.Tab:e.zone.run((function(){e.toggle(!1),e.navigationService.resetNavigation()}))}}))})),this.cancelRenderedToolsSubscription$.next(),this.navigationService.moveFocusToPopup(),this.navigationService.setRenderedTools(this.overflowRenderedTools.toArray()),this.overflowRenderedTools.changes.pipe(b.takeUntil(this.cancelRenderedToolsSubscription$)).subscribe((function(t){return e.navigationService.setRenderedTools(t.toArray())}))},e.prototype.onPopupClose=function(){var e=this;this.cancelRenderedToolsSubscription$.next(),this.navigationService.setRenderedTools(this.renderedTools.toArray()),this.renderedTools.changes.pipe(b.takeUntil(this.cancelRenderedToolsSubscription$)).subscribe((function(t){return e.navigationService.setRenderedTools(t.toArray())})),this.navigationService.moveFocusToToolBar(),this.overflowKeydownListener&&this.overflowKeydownListener()},e.prototype.displayAnchor=function(){var e=this.allTools.filter((function(e){return e.overflows&&e.responsive})).length>0?"visible":"hidden";this.renderer.setStyle(this.overflowButton.nativeElement,"visibility",e)},Object.defineProperty(e.prototype,"popupWidth",{get:function(){return this.popupSettings&&this.popupSettings.width?isNaN(this.popupSettings.width)?this.popupSettings.width:this.popupSettings.width+"px":v.defaultPopupWidth},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"popupHeight",{get:function(){if(this.popupSettings&&this.popupSettings.height)return isNaN(this.popupSettings.height)?this.popupSettings.height:this.popupSettings.height+"px"},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"overflowAnchorWidth",{get:function(){return this.overflow?(this.cachedOverflowAnchorWidth||(this.cachedOverflowAnchorWidth=f.outerWidth(this.overflowButton.nativeElement)),this.cachedOverflowAnchorWidth):0},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"gap",{get:function(){if(f.isPresent(this.cachedGap))return this.cachedGap;var e=getComputedStyle(this.element.nativeElement).gap;return this.cachedGap=f.isPresent(e)?parseInt(e,10):0,this.cachedGap},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"childrenWidth",{get:function(){var e=this,t=this.renderedTools.reduce((function(t,o){return o.width+t+(o.isDisplayed()?e.gap:0)}),0);return 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;o>=0&&!(e>t);o--)t-=this.hideLastVisibleTool()},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));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})).width;return e.overflows=!0,this.refreshService.refresh(e),t},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},e.prototype.setPopupContentDimensions=function(){var e=this.popupRef.popup.instance.contentContainer.nativeElement;e.style.width=this.popupWidth,e.style.height=this.popupHeight,e.style.overflow="auto"},n.__decorate([i.Input(),n.__metadata("design:type",Boolean)],e.prototype,"overflow",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Boolean),n.__metadata("design:paramtypes",[Boolean])],e.prototype,"resizable",null),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(c.ToolBarToolComponent),n.__metadata("design:type",i.QueryList)],e.prototype,"allTools",void 0),n.__decorate([i.ViewChild("overflowButton",{static:!1}),n.__metadata("design:type",i.ElementRef)],e.prototype,"overflowButton",void 0),n.__decorate([i.ViewChild("popupTemplate",{static:!0}),n.__metadata("design:type",i.TemplateRef)],e.prototype,"popupTemplate",void 0),n.__decorate([i.ViewChild("resizeSensor",{static:!1}),n.__metadata("design:type",a.ResizeSensorComponent)],e.prototype,"resizeSensor",void 0),n.__decorate([i.ViewChild("container",{read:i.ViewContainerRef,static:!0}),n.__metadata("design:type",i.ViewContainerRef)],e.prototype,"container",void 0),n.__decorate([i.ViewChildren("toolbarRenderer"),n.__metadata("design:type",i.QueryList)],e.prototype,"renderedTools",void 0),n.__decorate([i.ViewChildren("overflowRenderer"),n.__metadata("design:type",i.QueryList)],e.prototype,"overflowRenderedTools",void 0),n.__decorate([i.HostBinding("class.k-widget"),i.HostBinding("class.k-toolbar"),n.__metadata("design:type",Boolean)],e.prototype,"hostClasses",void 0),n.__decorate([i.HostListener("focus",["$event"]),n.__metadata("design:type",Function),n.__metadata("design:paramtypes",[Object]),n.__metadata("design:returntype",void 0)],e.prototype,"onFocus",null),n.__decorate([i.HostListener("focusout",["$event"]),n.__metadata("design:type",Function),n.__metadata("design:paramtypes",[Object]),n.__metadata("design:returntype",void 0)],e.prototype,"onFocusOut",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.k-toolbar-resizable"),n.__metadata("design:type",Boolean),n.__metadata("design:paramtypes",[])],e.prototype,"resizableClass",null),e=n.__decorate([i.Component({exportAs:"kendoToolBar",providers:[u.RefreshService,d.NavigationService,s.LocalizationService,{provide:s.L10N_PREFIX,useValue:"kendo.toolbar"}],selector:"kendo-toolbar",template:'\n <ng-container kendoToolbarLocalizedMessages\n i18n-moreToolsTitle="kendo.toolbar.moreToolsTitle|The title of the **more tools** button in a responsive ToolBar"\n moreToolsTitle="More tools"\n >\n </ng-container>\n <ng-container *ngFor="let tool of allTools; let index = index">\n <kendo-toolbar-renderer\n #toolbarRenderer\n (rendererClick)="onRendererClick($event)"\n [location]="\'toolbar\'"\n [resizable]="overflow"\n [tool]="tool"\n ></kendo-toolbar-renderer>\n </ng-container>\n <button\n #overflowButton\n type="button"\n tabindex="-1"\n [title]="moreToolsTitle"\n [attr.aria-label]="moreToolsTitle"\n *ngIf="overflow"\n [style.visibility]="\'hidden\'"\n class="k-overflow-anchor k-button"\n (click)="showPopup()"\n >\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 <li class="k-item">\n <kendo-toolbar-renderer\n #overflowRenderer\n (rendererClick)="onRendererClick($event)"\n [location]="\'overflow\'"\n [resizable]="overflow"\n [tool]="tool"\n ></kendo-toolbar-renderer>\n </li>\n </ng-container>\n </ul>\n </ng-template>\n <ng-container #container></ng-container>\n <kendo-resize-sensor *ngIf="overflow" [rateLimit]="1000" #resizeSensor></kendo-resize-sensor>\n '}),n.__metadata("design:paramtypes",[s.LocalizationService,r.PopupService,u.RefreshService,d.NavigationService,i.ElementRef,i.NgZone,i.Renderer2])],e)}();t.ToolBarComponent=C},function(e,t){e.exports=a},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(0),i=o(1),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(0),i=o(1),r=o(5),a=o(2),s=o(8),l=o(6),p=o(3),u=function(e){function t(t){var o=e.call(this)||this;return o.localization=t,o.selection="multiple",o.focusedIndex=-1,o.getNextKey=p.getNextKey(o.localization.rtl),o.getPrevKey=p.getPrevKey(o.localization.rtl),o}var o;return n.__extends(t,e),o=t,Object.defineProperty(t.prototype,"look",{set:function(e){e&&this.buttonComponents.forEach((function(t){return t.fillMode="default"===e?"solid":e}))},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"buttonElements",{get:function(){return this.getButtonGroup().buttons.filter((function(e){return!e.isDisabled})).map((function(e){return e.element}))},enumerable:!0,configurable:!0}),t.prototype.onFocus=function(){this.focusedIndex=0},t.prototype.onNavigate=function(e){e.preventDefault()},t.prototype.selectedChangeHandler=function(e,t){t.selected=e,t.selectedChange.emit(e)},t.prototype.onButtonClick=function(e){this.focusedIndex=this.buttonElements.findIndex((function(t){return t===e.target||t.contains(e.target)})),this.focusButton(this.focusedIndex,e)},t.prototype.canFocus=function(){return!(this.disabled||0===this.buttonElements.length)},t.prototype.focus=function(e){void 0===e&&(e={});var t=this.getNextKey(this.overflows),o=this.getPrevKey(this.overflows);this.focusedIndex=p.getIndexOfFocused(o,t,this.buttonElements)(e),this.focusButton(this.focusedIndex,e)},t.prototype.handleKey=function(e){var t=this.getNextKey(this.overflows),o=this.getPrevKey(this.overflows),n=p.makePeeker(this.buttonElements),i=p.areEqual(this.focusedIndex);return this.focusedIndex=p.seekFocusedIndex(o,t,n)(this.focusedIndex,e),this.focusButton(this.focusedIndex,e),!i(this.focusedIndex)},t.prototype.getButtonGroup=function(){return this.overflows?this.overflowButtonGroup:this.toolbarButtonGroup},t.prototype.focusButton=function(e,t){t.type&&"focus"!==t.type&&"keydown"!==t.type||this.buttonElements[e].focus()},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),n.__metadata("design:paramtypes",[String])],t.prototype,"look",null),n.__decorate([i.ViewChild("toolbarTemplate",{static:!0}),n.__metadata("design:type",i.TemplateRef)],t.prototype,"toolbarTemplate",void 0),n.__decorate([i.ViewChild("popupTemplate",{static:!0}),n.__metadata("design:type",i.TemplateRef)],t.prototype,"popupTemplate",void 0),n.__decorate([i.ContentChildren(i.forwardRef((function(){return s.ToolBarButtonComponent}))),n.__metadata("design:type",i.QueryList)],t.prototype,"buttonComponents",void 0),n.__decorate([i.ViewChild("toolbarButtonGroup",{static:!1}),n.__metadata("design:type",l.ButtonGroupComponent)],t.prototype,"toolbarButtonGroup",void 0),n.__decorate([i.ViewChild("overflowButtonGroup",{static:!1}),n.__metadata("design:type",l.ButtonGroupComponent)],t.prototype,"overflowButtonGroup",void 0),t=o=n.__decorate([i.Component({exportAs:"kendoToolBarButtonGroup",providers:[r.LocalizationService,{provide:a.ToolBarToolComponent,useExisting:i.forwardRef((function(){return o}))}],selector:"kendo-toolbar-buttongroup",template:'\n <ng-template #toolbarTemplate>\n <kendo-buttongroup\n #toolbarButtonGroup\n [tabIndex]="-1"\n [selection]="selection"\n [disabled]="disabled"\n [width]="width"\n (navigate)="onNavigate($event)"\n (focus)="onFocus()"\n >\n <span\n kendoButton\n *ngFor="let button of buttonComponents"\n [ngStyle]="button.style"\n [ngClass]="button.className"\n [attr.title]="button.title"\n [disabled]="button.disabled"\n [togglable]="button.togglable"\n [selected]="button.selected"\n [fillMode]="button.fillMode"\n [themeColor]="button.fillMode ? button.themeColor : null"\n [icon]="button.toolbarOptions.icon"\n [iconClass]="button.toolbarOptions.iconClass"\n [imageUrl]="button.toolbarOptions.imageUrl"\n (click)="button.click.emit($event); onButtonClick($event)"\n (pointerdown)="button.pointerdown.emit($event)"\n (selectedChange)="selectedChangeHandler($event, button)"\n >\n {{ button.toolbarOptions.text }}\n </span>\n </kendo-buttongroup>\n </ng-template>\n <ng-template #popupTemplate>\n <kendo-buttongroup\n #overflowButtonGroup\n class="k-overflow-button"\n [tabIndex]="-1"\n [selection]="selection"\n [disabled]="disabled"\n [width]="width"\n >\n <span\n kendoButton\n class="k-overflow-button"\n *ngFor="let button of buttonComponents"\n [ngStyle]="button.style"\n [ngClass]="button.className"\n [attr.title]="button.title"\n [disabled]="button.disabled"\n [togglable]="button.togglable"\n [selected]="button.selected"\n [fillMode]="button.fillMode"\n [themeColor]="button.fillMode ? button.themeColor : null"\n [icon]="button.overflowOptions.icon"\n [iconClass]="button.overflowOptions.iconClass"\n [imageUrl]="button.overflowOptions.imageUrl"\n (click)="button.click.emit($event); onButtonClick($event)"\n (selectedChange)="selectedChangeHandler($event, button)"\n >\n {{ button.overflowOptions.text }}\n </span>\n </kendo-buttongroup>\n </ng-template>\n '}),n.__metadata("design:paramtypes",[r.LocalizationService])],t)}(a.ToolBarToolComponent);t.ToolBarButtonGroupComponent=u},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(0),i=o(1),r=o(2),a=o(6),s=o(9),l=o(3),p=function(e){function t(){var t=e.call(this)||this;return t.showText="both",t.showIcon="both",t.fillMode="solid",t.themeColor="base",t.itemClick=new i.EventEmitter,t.open=new i.EventEmitter,t.close=new i.EventEmitter,t.toolbarOptions={text:"",icon:"",iconClass:"",imageUrl:""},t.overflowOptions={text:"",icon:"",iconClass:"",imageUrl:""},t._popupSettings={animate:!0,popupClass:""},t.focusedIndex=-1,t.getNextKey=l.getNextKey(),t.getPrevKey=l.getPrevKey(),t}var o;return n.__extends(t,e),o=t,Object.defineProperty(t.prototype,"text",{set:function(e){this.toolbarOptions.text=l.getValueForLocation(e,this.showText,!1),this.overflowOptions.text=l.getValueForLocation(e,this.showText,!0)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"icon",{set:function(e){this.toolbarOptions.icon=l.getValueForLocation(e,this.showIcon,!1),this.overflowOptions.icon=l.getValueForLocation(e,this.showIcon,!0)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"iconClass",{set:function(e){this.toolbarOptions.iconClass=l.getValueForLocation(e,this.showIcon,!1),this.overflowOptions.iconClass=l.getValueForLocation(e,this.showIcon,!0)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"imageUrl",{set:function(e){this.toolbarOptions.imageUrl=l.getValueForLocation(e,this.showIcon,!1),this.overflowOptions.imageUrl=l.getValueForLocation(e,this.showIcon,!0)},enumerable:!0,configurable:!0}),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,"look",{set:function(e){e&&(this.fillMode="default"===e?"solid":e)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"primary",{set:function(e){this.themeColor=e?"primary":"base"},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,"overflowButtons",{get:function(){return this.overflowDropDownButtonButtonList.buttons.toArray().filter((function(e){return!e.nativeElement.disabled})).slice()},enumerable:!0,configurable:!0}),t.prototype.onButtonListClick=function(e){this.focusedIndex=this.overflowDropDownButtonButtonList.buttons.toArray().findIndex((function(t){return t.nativeElement.contains(e.target)}))},t.prototype.canFocus=function(){return!this.disabled},t.prototype.focus=function(e){void 0===e&&(e={}),this.overflows?this.overflowButtons.length>0&&(this.focusedIndex=l.getIndexOfFocused(this.getPrevKey(),this.getNextKey(),this.overflowButtons.map((function(e){return e.nativeElement})))(e),this.focusButton(this.focusedIndex,e)):"focus"!==e.type&&"keydown"!==e.type||this.toolbarDropDownButton.focus()},t.prototype.handleKey=function(e){if(!this.overflows&&(e.keyCode===this.getPrevKey(this.overflows)||e.keyCode===this.getNextKey(this.overflows)))return!1;if(this.overflows){var t=l.makePeeker(this.overflowButtons),o=l.areEqual(this.focusedIndex);return this.focusedIndex=l.seekFocusedIndex(this.getPrevKey(),this.getNextKey(),t)(this.focusedIndex,e),this.focusButton(this.focusedIndex,e),!o(this.focusedIndex)}},t.prototype.focusButton=function(e,t){t.type&&"focus"!==t.type&&"keydown"!==t.type||this.overflowButtons[e].nativeElement.focus()},n.__decorate([i.Input(),n.__metadata("design:type",String)],t.prototype,"showText",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],t.prototype,"showIcon",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[String])],t.prototype,"text",null),n.__decorate([i.Input(),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[String])],t.prototype,"icon",null),n.__decorate([i.Input(),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[String])],t.prototype,"iconClass",null),n.__decorate([i.Input(),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[String])],t.prototype,"imageUrl",null),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),n.__metadata("design:paramtypes",[String])],t.prototype,"look",null),n.__decorate([i.Input(),n.__metadata("design:type",Boolean),n.__metadata("design:paramtypes",[Boolean])],t.prototype,"primary",null),n.__decorate([i.Input(),n.__metadata("design:type",String)],t.prototype,"fillMode",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],t.prototype,"themeColor",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],t.prototype,"buttonClass",void 0),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.Output(),n.__metadata("design:type",i.EventEmitter)],t.prototype,"open",void 0),n.__decorate([i.Output(),n.__metadata("design:type",i.EventEmitter)],t.prototype,"close",void 0),n.__decorate([i.ViewChild("toolbarTemplate",{static:!0}),n.__metadata("design:type",i.TemplateRef)],t.prototype,"toolbarTemplate",void 0),n.__decorate([i.ViewChild("popupTemplate",{static:!0}),n.__metadata("design:type",i.TemplateRef)],t.prototype,"popupTemplate",void 0),n.__decorate([i.ViewChild("dropdownButton",{read:i.ElementRef,static:!0}),n.__metadata("design:type",i.ElementRef)],t.prototype,"dropdownButton",void 0),n.__decorate([i.ViewChild(a.DropDownButtonComponent,{static:!1}),n.__metadata("design:type",a.DropDownButtonComponent)],t.prototype,"dropDownButtonComponent",void 0),n.__decorate([i.ViewChild("toolbarDropDownButton",{static:!1}),n.__metadata("design:type",a.DropDownButtonComponent)],t.prototype,"toolbarDropDownButton",void 0),n.__decorate([i.ViewChild("overflowDropDownButtonButtonList",{static:!1}),n.__metadata("design:type",s.ToolBarButtonListComponent)],t.prototype,"overflowDropDownButtonButtonList",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 #toolbarDropDownButton\n [icon]="toolbarOptions.icon"\n [iconClass]="toolbarOptions.iconClass"\n [imageUrl]="toolbarOptions.imageUrl"\n [buttonClass]="buttonClass"\n [disabled]="disabled"\n [tabIndex]="-1"\n [data]="data"\n [textField]="textField"\n [popupSettings]="popupSettings"\n [fillMode]="fillMode"\n [themeColor]="fillMode ? themeColor : null"\n (open)="open.emit($event)"\n (close)="close.emit($event)"\n (itemClick)="itemClick.emit($event)"\n >\n {{ toolbarOptions.text }}\n </kendo-dropdownbutton>\n </ng-template>\n <ng-template #popupTemplate>\n <button\n type="button"\n tabindex="-1"\n kendoButton\n class="k-overflow-button"\n [disabled]="true"\n [icon]="overflowOptions.icon"\n [iconClass]="overflowOptions.iconClass"\n [imageUrl]="overflowOptions.imageUrl"\n [ngClass]="buttonClass"\n (click)="itemClick.emit($event)"\n >\n {{ overflowOptions.text }}\n </button>\n <kendo-toolbar-buttonlist\n #overflowDropDownButtonButtonList\n [data]="data"\n [disabled]="disabled"\n [textField]="textField"\n (itemClick)="itemClick.emit($event)"\n (click)="onButtonListClick($event)"\n >\n </kendo-toolbar-buttonlist>\n </ng-template>\n '}),n.__metadata("design:paramtypes",[])],t)}(r.ToolBarToolComponent);t.ToolBarDropDownButtonComponent=p},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(0),i=o(1),r=o(6),a=o(2),s=o(9),l=o(3),p=function(e){function t(){var t=e.call(this)||this;return t.showText="both",t.showIcon="both",t.fillMode="solid",t.themeColor="base",t.arrowButtonIcon="arrow-s",t.textField="text",t.buttonClick=new i.EventEmitter,t.itemClick=new i.EventEmitter,t.open=new i.EventEmitter,t.close=new i.EventEmitter,t.toolbarOptions={text:"",icon:"",iconClass:"",imageUrl:""},t.overflowOptions={text:"",icon:"",iconClass:"",imageUrl:""},t._popupSettings={animate:!0,popupClass:""},t.focusedIndex=-1,t.getNextKey=l.getNextKey(),t.getPrevKey=l.getPrevKey(),t}var o;return n.__extends(t,e),o=t,Object.defineProperty(t.prototype,"text",{set:function(e){this.toolbarOptions.text=l.getValueForLocation(e,this.showText,!1),this.overflowOptions.text=l.getValueForLocation(e,this.showText,!0)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"icon",{set:function(e){this.toolbarOptions.icon=l.getValueForLocation(e,this.showIcon,!1),this.overflowOptions.icon=l.getValueForLocation(e,this.showIcon,!0)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"iconClass",{set:function(e){this.toolbarOptions.iconClass=l.getValueForLocation(e,this.showIcon,!1),this.overflowOptions.iconClass=l.getValueForLocation(e,this.showIcon,!0)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"imageUrl",{set:function(e){this.toolbarOptions.imageUrl=l.getValueForLocation(e,this.showIcon,!1),this.overflowOptions.imageUrl=l.getValueForLocation(e,this.showIcon,!0)},enumerable:!0,configurable:!0}),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,"look",{set:function(e){e&&(this.fillMode="default"===e?"solid":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,"overflowButtons",{get:function(){return[this.overflowSplitButton].concat(this.overflowSplitButtonButtonList.buttons.toArray().filter((function(e){return!e.nativeElement.disabled})))},enumerable:!0,configurable:!0}),t.prototype.onButtonListClick=function(e){this.focusedIndex=this.overflowButtons.findIndex((function(t){return t.nativeElement.contains(e.target)}))},t.prototype.onMainButtonClick=function(e){this.buttonClick.emit(e),this.focusedIndex=0},t.prototype.canFocus=function(){return!this.disabled},t.prototype.focus=function(e){void 0===e&&(e={}),this.overflows?this.overflowButtons.length>0&&(this.focusedIndex=l.getIndexOfFocused(this.getPrevKey(),this.getNextKey(),this.overflowButtons.map((function(e){return e.nativeElement})))(e),this.focusButton(this.focusedIndex,e)):"focus"!==e.type&&"keydown"!==e.type||this.toolbarSplitButton.focus()},t.prototype.handleKey=function(e){if(!this.overflows&&(e.keyCode===this.getPrevKey(this.overflows)||e.keyCode===this.getNextKey(this.overflows)))return!1;if(this.overflows){var t=l.makePeeker(this.overflowButtons),o=l.areEqual(this.focusedIndex);return this.focusedIndex=l.seekFocusedIndex(this.getPrevKey(),this.getNextKey(),t)(this.focusedIndex,e),this.focusButton(this.focusedIndex,e),!o(this.focusedIndex)}},t.prototype.focusButton=function(e,t){t.type&&"focus"!==t.type&&"keydown"!==t.type&&"click"!==t.type||this.overflowButtons[e].nativeElement.focus()},n.__decorate([i.Input(),n.__metadata("design:type",String)],t.prototype,"showText",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],t.prototype,"showIcon",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[String])],t.prototype,"text",null),n.__decorate([i.Input(),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[String])],t.prototype,"icon",null),n.__decorate([i.Input(),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[String])],t.prototype,"iconClass",null),n.__decorate([i.Input(),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[String])],t.prototype,"imageUrl",null),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,"fillMode",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],t.prototype,"themeColor",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[String])],t.prototype,"look",null),n.__decorate([i.Input(),n.__metadata("design:type",String)],t.prototype,"buttonClass",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Object)],t.prototype,"arrowButtonClass",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],t.prototype,"arrowButtonIcon",void 0),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.Output(),n.__metadata("design:type",i.EventEmitter)],t.prototype,"open",void 0),n.__decorate([i.Output(),n.__metadata("design:type",i.EventEmitter)],t.prototype,"close",void 0),n.__decorate([i.ViewChild("toolbarTemplate",{static:!0}),n.__metadata("design:type",i.TemplateRef)],t.prototype,"toolbarTemplate",void 0),n.__decorate([i.ViewChild("popupTemplate",{static:!0}),n.__metadata("design:type",i.TemplateRef)],t.prototype,"popupTemplate",void 0),n.__decorate([i.ViewChild("toolbarSplitButton",{static:!1}),n.__metadata("design:type",r.SplitButtonComponent)],t.prototype,"toolbarSplitButton",void 0),n.__decorate([i.ViewChild("overflowSplitButton",{read:i.ElementRef,static:!1}),n.__metadata("design:type",i.ElementRef)],t.prototype,"overflowSplitButton",void 0),n.__decorate([i.ViewChild("overflowSplitButtonButtonList",{static:!1}),n.__metadata("design:type",s.ToolBarButtonListComponent)],t.prototype,"overflowSplitButtonButtonList",void 0),t=o=n.__decorate([i.Component({exportAs:"kendoToolBarSplitButton",providers:[{provide:a.ToolBarToolComponent,useExisting:i.forwardRef((function(){return o}))}],selector:"kendo-toolbar-splitbutton",template:'\n <ng-template #toolbarTemplate>\n <kendo-splitbutton\n #toolbarSplitButton\n [data]="data"\n [text]="toolbarOptions.text"\n [icon]="toolbarOptions.icon"\n [iconClass]="toolbarOptions.iconClass"\n [imageUrl]="toolbarOptions.imageUrl"\n [buttonClass]="buttonClass"\n [arrowButtonClass]="arrowButtonClass"\n [arrowButtonIcon]="arrowButtonIcon"\n [disabled]="disabled"\n [tabIndex]="-1"\n [textField]="textField"\n [popupSettings]="popupSettings"\n [fillMode]="fillMode"\n [themeColor]="fillMode ? themeColor : null"\n (buttonClick)="buttonClick.emit($event)"\n (open)="open.emit($event)"\n (close)="close.emit($event)"\n (itemClick)="itemClick.emit($event)"\n >\n </kendo-splitbutton>\n </ng-template>\n <ng-template #popupTemplate>\n <button\n #overflowSplitButton\n type="button"\n tabindex="-1"\n [fillMode]="fillMode"\n [themeColor]="fillMode ? themeColor : null"\n kendoButton\n class="k-overflow-button"\n [disabled]="disabled"\n [icon]="overflowOptions.icon"\n [iconClass]="overflowOptions.iconClass"\n [imageUrl]="overflowOptions.imageUrl"\n [ngClass]="buttonClass"\n (click)="buttonClick.emit($event)"\n (click)="onMainButtonClick($event)"\n >\n {{ overflowOptions.text }}\n </button>\n <kendo-toolbar-buttonlist\n #overflowSplitButtonButtonList\n [data]="data"\n [disabled]="disabled"\n [fillMode]="fillMode"\n [themeColor]="fillMode ? themeColor : null"\n [textField]="textField"\n (itemClick)="itemClick.emit($event)"\n (click)="onButtonListClick($event)"\n >\n </kendo-toolbar-buttonlist>\n </ng-template>\n '}),n.__metadata("design:paramtypes",[])],t)}(a.ToolBarToolComponent);t.ToolBarSplitButtonComponent=p},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(0),i=o(1),r=o(2),a=function(e){function t(){return e.call(this)||this}var o;return n.__extends(t,e),o=t,t.prototype.canFocus=function(){return!1},t.prototype.focus=function(){},t.prototype.handleKey=function(){return!1},t.prototype.ngAfterViewInit=function(){this.popupTemplate||(this.popupTemplate=this.toolbarTemplate)},n.__decorate([i.ViewChild("toolbarTemplate",{static:!0}),n.__metadata("design:type",i.TemplateRef)],t.prototype,"toolbarTemplate",void 0),n.__decorate([i.ViewChild("popupTemplate",{static:!0}),n.__metadata("design:type",i.TemplateRef)],t.prototype,"popupTemplate",void 0),n.__decorate([i.ViewChild("separator",{static:!1}),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 <div class="k-separator"></div>\n </ng-template>\n '}),n.__metadata("design:paramtypes",[])],t)}(r.ToolBarToolComponent);t.ToolBarSeparatorComponent=a},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(0),i=o(1),r=o(5),a=o(18),s=function(e){function t(t){var o=e.call(this)||this;return o.service=t,o}var o;return n.__extends(t,e),o=t,t=o=n.__decorate([i.Directive({providers:[{provide:a.ToolbarMessages,useExisting:i.forwardRef((function(){return o}))}],selector:"[kendoToolbarLocalizedMessages]"}),n.__metadata("design:paramtypes",[r.LocalizationService])],t)}(a.ToolbarMessages);t.LocalizedToolbarMessagesDirective=s},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(0),i=o(1),r=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return n.__extends(t,e),n.__decorate([i.Input(),n.__metadata("design:type",String)],t.prototype,"moreToolsTitle",void 0),t}(o(5).ComponentMessages);t.ToolbarMessages=r},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(0),i=o(1),r=o(5),a=o(18),s=function(e){function t(t){var o=e.call(this)||this;return o.service=t,o}var o;return n.__extends(t,e),o=t,Object.defineProperty(t.prototype,"override",{get:function(){return!0},enumerable:!0,configurable:!0}),t=o=n.__decorate([i.Component({providers:[{provide:a.ToolbarMessages,useExisting:i.forwardRef((function(){return o}))}],selector:"kendo-toolbar-messages",template:""}),n.__metadata("design:paramtypes",[r.LocalizationService])],t)}(a.ToolbarMessages);t.ToolbarCustomMessagesComponent=s},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(10);t.ToolBarComponent=n.ToolBarComponent;var i=o(2);t.ToolBarToolComponent=i.ToolBarToolComponent;var r=o(8);t.ToolBarButtonComponent=r.ToolBarButtonComponent;var a=o(13);t.ToolBarButtonGroupComponent=a.ToolBarButtonGroupComponent;var s=o(14);t.ToolBarDropDownButtonComponent=s.ToolBarDropDownButtonComponent;var l=o(15);t.ToolBarSplitButtonComponent=l.ToolBarSplitButtonComponent;var p=o(16);t.ToolBarSeparatorComponent=p.ToolBarSeparatorComponent;var u=o(27);t.ToolBarModule=u.ToolBarModule;var d=o(17);t.LocalizedToolbarMessagesDirective=d.LocalizedToolbarMessagesDirective;var c=o(19);t.ToolbarCustomMessagesComponent=c.ToolbarCustomMessagesComponent},function(e,t){e.exports=s},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.packageMetadata={name:"@progress/kendo-angular-toolbar",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1648214206,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning"}},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(0),i=o(1),r=o(7),a=o(3),s=function(){function e(e){this.zone=e,this.focused={renderedTool:null,index:-1},this.renderedTools=[],this.isPopupFocused=!1,this.isOverflowButtonFocused=!1}return e.prototype.setRenderedTools=function(e){this.renderedTools=e.slice()},e.prototype.click=function(e){var t=e.context,o=e.event;this.focused.renderedTool!==t&&o&&this.focus(t,o)},e.prototype.moveFocusToToolBar=function(){this.isPopupFocused=!1,this.focusOverflowButton()},e.prototype.moveFocusToPopup=function(){this.isPopupFocused=!0,this.blurOverflowButton(),this.focus()},e.prototype.focusNext=function(e){if(!this.isOverflowButtonFocused&&this.focused.renderedTool&&!this.focused.renderedTool.tool.handleKey(e)){var t=this.getFocusableTools().slice(this.focused.index+1)[0];t?this.focus(t,e):this.isOverflowButtonVisible()&&!this.isPopupFocused&&this.focusOverflowButton()}},e.prototype.focusPrev=function(e){if(this.isOverflowButtonFocused){var t=this.getFocusableTools().reverse()[0];this.focus(t,e)}else if(this.focused.renderedTool&&!this.focused.renderedTool.tool.handleKey(e)){var o=this.getFocusableTools().slice(0,this.focused.index).reverse()[0];o&&this.focus(o,e)}},e.prototype.resetNavigation=function(){this.blurOverflowButton(),this.focused.renderedTool=null,this.focused.index=-1},e.prototype.focusFirst=function(e){var t=this.getFocusableTools()[0],o=this.overflowButton;t?(this.focused.renderedTool=t,this.focused.index=this.getFocusableTools().findIndex((function(e){return e===t})),this.focus(t,e)):o&&o.nativeElement.focus()},e.prototype.getFocusableTools=function(){var e=this;return this.renderedTools.filter((function(t){return t.tool.overflows===e.isPopupFocused&&t.tool.canFocus()}))},e.prototype.focus=function(e,t){var o=this;this.zone.onStable.pipe(r.take(1)).subscribe((function(){if(e)e.tool.canFocus&&e.tool.canFocus()&&(o.focused.renderedTool=e,o.focused.index=o.getFocusableTools().findIndex((function(t){return t===e})),e.tool.focus(t),o.blurOverflowButton());else{var n=o.getFocusableTools(),i=n.find((function(e){return e===o.focused.renderedTool}))||n[0];i&&(o.focused.renderedTool=i,o.focused.index=o.getFocusableTools().findIndex((function(e){return e===i})),i.tool.focus(t))}}))},e.prototype.blurOverflowButton=function(){this.overflowButton&&(this.isOverflowButtonFocused=!1,this.overflowButton.nativeElement.tabIndex=-1)},e.prototype.focusOverflowButton=function(){this.isOverflowButtonFocused=!0,this.overflowButton.nativeElement.tabIndex=0,this.overflowButton.nativeElement.focus()},e.prototype.isOverflowButtonVisible=function(){return a.isPresent(this.overflowButton)&&"visible"===window.getComputedStyle(this.overflowButton.nativeElement).getPropertyValue("visibility")},e=n.__decorate([i.Injectable(),n.__metadata("design:paramtypes",[i.NgZone])],e)}();t.NavigationService=s},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(){function e(){this.prevented=!1}return e.prototype.preventDefault=function(){this.prevented=!0},e.prototype.isDefaultPrevented=function(){return this.prevented},e}();t.PreventableEvent=n},function(e,t){e.exports=l},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.defaultPopupWidth="150px"},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(0),i=o(1),r=o(28),a=o(6),s=o(11),l=o(4),p=o(10),u=o(2),d=o(8),c=o(13),f=o(14),g=o(15),m=o(16),h=o(29),b=o(9),y=o(17),_=o(19),v=[u.ToolBarToolComponent,d.ToolBarButtonComponent,c.ToolBarButtonGroupComponent,f.ToolBarDropDownButtonComponent,g.ToolBarSplitButtonComponent,m.ToolBarSeparatorComponent],w=[h.ToolBarRendererComponent,b.ToolBarButtonListComponent,_.ToolbarCustomMessagesComponent,y.LocalizedToolbarMessagesDirective],C=function(){function e(){}return e=n.__decorate([i.NgModule({declarations:[p.ToolBarComponent,v,w],exports:[p.ToolBarComponent,v,_.ToolbarCustomMessagesComponent,y.LocalizedToolbarMessagesDirective],imports:[r.CommonModule,a.ButtonsModule,s.PopupModule,l.ResizeSensorModule]})],e)}();t.ToolBarModule=C},function(e,t){e.exports=p},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(0),i=o(1),r=o(3),a=o(2),s=o(12),l=o(30),p=function(){function e(e,t,o,n){var r=this;this.element=e,this.renderer=t,this.rendererService=o,this.refreshService=n,this.rendererClick=new i.EventEmitter,this.rendererService.element=e,this.rendererService.renderer=this,this.refreshSubscription=this.refreshService.onRefresh.subscribe((function(e){r.tool===e&&r.refresh()}))}return e.prototype.onClick=function(e){this.rendererClick.emit({context:this,event:e})},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"))},e.prototype.ngOnDestroy=function(){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.Output(),n.__metadata("design:type",i.EventEmitter)],e.prototype,"rendererClick",void 0),n.__decorate([i.HostListener("click",["$event"]),n.__metadata("design:type",Function),n.__metadata("design:paramtypes",[Object]),n.__metadata("design:returntype",void 0)],e.prototype,"onClick",null),e=n.__decorate([i.Component({exportAs:"kendoToolBarRenderer",providers:[l.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\' && tool.responsive">\n <ng-template [ngTemplateOutlet]="template"></ng-template>\n </ng-container>\n '}),n.__metadata("design:paramtypes",[i.ElementRef,i.Renderer2,l.RendererService,s.RefreshService])],e)}();t.ToolBarRendererComponent=p},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(0),i=o(1),r=o(3),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}])}));
5
+ !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("tslib"),require("@angular/core"),require("@progress/kendo-angular-common"),require("@progress/kendo-angular-l10n"),require("@progress/kendo-angular-buttons"),require("rxjs/operators"),require("@progress/kendo-angular-popup"),require("@progress/kendo-licensing"),require("rxjs"),require("@angular/common")):"function"==typeof define&&define.amd?define([,,,,,,,,,],t):"object"==typeof exports?exports.KendoAngularToolbar=t(require("tslib"),require("@angular/core"),require("@progress/kendo-angular-common"),require("@progress/kendo-angular-l10n"),require("@progress/kendo-angular-buttons"),require("rxjs/operators"),require("@progress/kendo-angular-popup"),require("@progress/kendo-licensing"),require("rxjs"),require("@angular/common")):e.KendoAngularToolbar=t(e.self,e.ng.core,e.KendoAngularCommon,e.KendoAngularL10N,e.KendoAngularButtons,e.rxjs.operators,e.KendoAngularPopup,e.KendoLicensing,e.rxjs,e.ng.common)}(window,(function(e,t,o,n,i,r,a,s,l,p){return function(e){var t={};function o(n){if(t[n])return t[n].exports;var i=t[n]={i:n,l:!1,exports:{}};return e[n].call(i.exports,i,i.exports,o),i.l=!0,i.exports}return o.m=e,o.c=t,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)o.d(n,i,function(t){return e[t]}.bind(null,i));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="",o(o.s=20)}([function(t,o){t.exports=e},function(e,o){e.exports=t},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(0),i=o(1),r=function(){function e(){this.tabIndex=-1,this.overflows=!0,this.responsive=!0}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.prototype.canFocus=function(){return!1},e.prototype.focus=function(e){},e.prototype.handleKey=function(e){return!1},n.__decorate([i.Input(),n.__metadata("design:type",Boolean)],e.prototype,"responsive",void 0),e=n.__decorate([i.Component({selector:"toolbar-tool",template:""})],e)}();t.ToolBarToolComponent=r},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(4),i=/^(?:a|input|select|textarea|button|object)$/i;t.outerWidth=function(e){var t=e.offsetWidth,o=getComputedStyle(e);return t+=parseFloat(o.marginLeft)||0+parseFloat(o.marginRight)||0},t.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},t.outerHeight=function(e){var t=e.offsetHeight,o=getComputedStyle(e);return t+=parseFloat(o.marginTop)||0+parseFloat(o.marginBottom)||0},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(),r=null!==e.getAttribute("tabIndex");return i.test(n)&&(r=!e.disabled),r&&(!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},t.makePeeker=function(e){return function(o){return t.isPresent(e[o])}},t.getIndexOfFocused=function(e,t,o){return function(n){switch(n.type){case"keydown":if(n.keyCode===e)return o.length-1;if(n.keyCode===t)return 0;break;case"click":return o.findIndex((function(e){return e===n.target||e.contains(n.target)}));case"focus":default:return 0}}},t.seekFocusedIndex=function(e,t,o){return function(n,i){switch(i.keyCode){case e:return o(n-1)?n-1:n;case t:return o(n+1)?n+1:n;default:return n}}},t.areEqual=function(e){return function(t){return e===t}},t.getNextKey=function(e){return void 0===e&&(e=!1),function(t){return void 0===t&&(t=!0),t?n.Keys.ArrowDown:e?n.Keys.ArrowLeft:n.Keys.ArrowRight}},t.getPrevKey=function(e){return void 0===e&&(e=!1),function(t){return void 0===t&&(t=!0),t?n.Keys.ArrowUp:e?n.Keys.ArrowRight:n.Keys.ArrowLeft}},t.getValueForLocation=function(e,t,o){switch(t){case"toolbar":return o?void 0:e;case"overflow":return o?e:void 0;default:return e}}},function(e,t){e.exports=o},function(e,t){e.exports=n},function(e,t){e.exports=i},function(e,t){e.exports=r},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(0),i=o(1),r=o(2),a=o(3),s=function(e){function t(){var t=e.call(this)||this;return t.showText="both",t.showIcon="both",t.toggleable=!1,t.selected=!1,t.fillMode="solid",t.themeColor="base",t.click=new i.EventEmitter,t.pointerdown=new i.EventEmitter,t.selectedChange=new i.EventEmitter,t.toolbarOptions={text:"",icon:"",iconClass:"",imageUrl:""},t.overflowOptions={text:"",icon:"",iconClass:"",imageUrl:""},t}var o;return n.__extends(t,e),o=t,Object.defineProperty(t.prototype,"text",{set:function(e){this.toolbarOptions.text=a.getValueForLocation(e,this.showText,!1),this.overflowOptions.text=a.getValueForLocation(e,this.showText,!0)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"look",{set:function(e){e&&(this.fillMode="default"===e?"solid":e)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"togglable",{get:function(){return this.toggleable},set:function(e){this.toggleable=e},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"icon",{set:function(e){this.toolbarOptions.icon=a.getValueForLocation(e,this.showIcon,!1),this.overflowOptions.icon=a.getValueForLocation(e,this.showIcon,!0)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"iconClass",{set:function(e){this.toolbarOptions.iconClass=a.getValueForLocation(e,this.showIcon,!1),this.overflowOptions.iconClass=a.getValueForLocation(e,this.showIcon,!0)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"imageUrl",{set:function(e){this.toolbarOptions.imageUrl=a.getValueForLocation(e,this.showIcon,!1),this.overflowOptions.imageUrl=a.getValueForLocation(e,this.showIcon,!0)},enumerable:!0,configurable:!0}),t.prototype.onBlur=function(){this.getButton().tabIndex=-1},t.prototype.canFocus=function(){return!this.disabled},t.prototype.focus=function(e){e&&"focus"!==e.type&&"keydown"!==e.type||this.getButton().focus(),this.getButton().tabIndex=0},t.prototype.handleKey=function(){return this.getButton().tabIndex=-1,!1},t.prototype.getButton=function(){return(this.overflows?this.overflowButtonElement:this.toolbarButtonElement).nativeElement},n.__decorate([i.Input(),n.__metadata("design:type",String)],t.prototype,"showText",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],t.prototype,"showIcon",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[String])],t.prototype,"text",null),n.__decorate([i.Input(),n.__metadata("design:type",Object)],t.prototype,"style",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Object)],t.prototype,"className",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],t.prototype,"title",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Boolean)],t.prototype,"disabled",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Boolean)],t.prototype,"toggleable",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[String])],t.prototype,"look",null),n.__decorate([i.Input(),n.__metadata("design:type",Boolean),n.__metadata("design:paramtypes",[Boolean])],t.prototype,"togglable",null),n.__decorate([i.Input(),n.__metadata("design:type",Boolean)],t.prototype,"selected",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],t.prototype,"fillMode",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],t.prototype,"themeColor",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[String])],t.prototype,"icon",null),n.__decorate([i.Input(),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[String])],t.prototype,"iconClass",null),n.__decorate([i.Input(),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[String])],t.prototype,"imageUrl",null),n.__decorate([i.Output(),n.__metadata("design:type",i.EventEmitter)],t.prototype,"click",void 0),n.__decorate([i.Output(),n.__metadata("design:type",i.EventEmitter)],t.prototype,"pointerdown",void 0),n.__decorate([i.Output(),n.__metadata("design:type",i.EventEmitter)],t.prototype,"selectedChange",void 0),n.__decorate([i.ViewChild("toolbarTemplate",{static:!0}),n.__metadata("design:type",i.TemplateRef)],t.prototype,"toolbarTemplate",void 0),n.__decorate([i.ViewChild("popupTemplate",{static:!0}),n.__metadata("design:type",i.TemplateRef)],t.prototype,"popupTemplate",void 0),n.__decorate([i.ViewChild("toolbarButton",{read:i.ElementRef,static:!1}),n.__metadata("design:type",i.ElementRef)],t.prototype,"toolbarButtonElement",void 0),n.__decorate([i.ViewChild("overflowButton",{read:i.ElementRef,static:!1}),n.__metadata("design:type",i.ElementRef)],t.prototype,"overflowButtonElement",void 0),t=o=n.__decorate([i.Component({exportAs:"kendoToolBarButton",providers:[{provide:r.ToolBarToolComponent,useExisting:i.forwardRef((function(){return o}))}],selector:"kendo-toolbar-button",template:'\n <ng-template #toolbarTemplate>\n <button\n #toolbarButton\n [tabindex]="tabIndex"\n type="button"\n kendoButton\n [ngStyle]="style"\n [ngClass]="className"\n [attr.title]="title"\n [disabled]="disabled"\n [toggleable]="toggleable"\n [fillMode]="fillMode"\n [themeColor]="fillMode ? themeColor : null"\n [selected]="selected"\n [icon]="toolbarOptions.icon"\n [iconClass]="toolbarOptions.iconClass"\n [imageUrl]="toolbarOptions.imageUrl"\n (click)="click.emit($event)"\n (pointerdown)="pointerdown.emit($event)"\n (selectedChange)="selectedChange.emit($event)"\n (blur)="onBlur()"\n >\n {{ toolbarOptions.text }}\n </button>\n </ng-template>\n <ng-template #popupTemplate>\n <button\n #overflowButton\n tabindex="-1"\n type="button"\n kendoButton\n class="k-overflow-button"\n [ngStyle]="style"\n [ngClass]="className"\n [attr.title]="title"\n [disabled]="disabled"\n [toggleable]="toggleable"\n [fillMode]="fillMode"\n [themeColor]="fillMode ? themeColor : null"\n [selected]="selected"\n [icon]="overflowOptions.icon"\n [iconClass]="overflowOptions.iconClass"\n [imageUrl]="overflowOptions.imageUrl"\n (click)="click.emit($event)"\n (selectedChange)="selectedChange.emit($event)"\n >\n {{ overflowOptions.text }}\n </button>\n </ng-template>\n '}),n.__metadata("design:paramtypes",[])],t)}(r.ToolBarToolComponent);t.ToolBarButtonComponent=s},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(0),i=o(1),r=function(){function e(){this.disabled=!1,this.fillMode="solid",this.themeColor="base",this.itemClick=new i.EventEmitter}return e.prototype.getText=function(e){if(e)return this.textField?e[this.textField]:e.text||e},e.prototype.onClick=function(e,t){var o=this.data[t];e.click&&e.click(o),this.itemClick.emit(o)},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.Input(),n.__metadata("design:type",Boolean)],e.prototype,"disabled",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],e.prototype,"fillMode",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],e.prototype,"themeColor",void 0),n.__decorate([i.Output(),n.__metadata("design:type",i.EventEmitter)],e.prototype,"itemClick",void 0),n.__decorate([i.ViewChildren("button"),n.__metadata("design:type",i.QueryList)],e.prototype,"buttons",void 0),e=n.__decorate([i.Component({selector:"kendo-toolbar-buttonlist",template:'\n <button\n #button\n type="button"\n tabindex="-1"\n kendoButton\n style="padding-left: 16px"\n class="k-overflow-button"\n *ngFor="let item of data; let i = index"\n [disabled]="disabled || item.disabled"\n [icon]="item.icon"\n [iconClass]="item.iconClass"\n [imageUrl]="item.imageUrl"\n [fillMode]="fillMode"\n [themeColor]="fillMode ? themeColor : null"\n (click)="onClick(item, i)"\n >\n {{ getText(item) }}\n </button>\n '})],e)}();t.ToolBarButtonListComponent=r},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(0),i=o(1),r=o(11),a=o(4),s=o(5),l=o(21),p=o(22),u=o(12),d=o(23),c=o(2),f=o(3),g=o(4),m=o(24),h=o(25),b=o(7),y=o(7),_=o(4),v=o(26),w=function(e){return{animate:!0,anchorAlign:{horizontal:e?"left":"right",vertical:"bottom"},popupAlign:{horizontal:e?"left":"right",vertical:"top"}}},C=function(){function e(e,t,o,n,r,a,s,u){this.localization=e,this.popupService=t,this.refreshService=o,this.navigationService=n,this.element=r,this.zone=a,this.renderer=s,this._cdr=u,this.overflow=!1,this.tabindex=0,this.open=new i.EventEmitter,this.close=new i.EventEmitter,this.hostClasses=!0,this.cancelRenderedToolsSubscription$=new h.Subject,this.subscriptions=new h.Subscription,l.validatePackage(p.packageMetadata),this.direction=e.rtl?"rtl":"ltr"}return Object.defineProperty(e.prototype,"resizable",{get:function(){return this.overflow},set:function(e){this.overflow=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"popupSettings",{get:function(){return this._popupSettings||w(this.localization.rtl)},set:function(e){this._popupSettings=Object.assign({},w(this.localization.rtl),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 m.PreventableEvent;e?this.open.emit(t):this.close.emit(t),t.isDefaultPrevented()||this.toggle(e)}},enumerable:!0,configurable:!0}),e.prototype.onFocus=function(e){this.navigationService.resetNavigation(),this.navigationService.focusFirst(e),this.element.nativeElement.setAttribute("tabindex","-1")},e.prototype.onFocusOut=function(e){var t=this;f.closest(e.relatedTarget,(function(e){return e===t.element.nativeElement}))?this.element.nativeElement.setAttribute("tabindex","-1"):this.element.nativeElement.setAttribute("tabindex",this.tabindex.toString())},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,"resizableClass",{get:function(){return this.overflow},enumerable:!0,configurable:!0}),e.prototype.ngAfterViewInit=function(){var e=this;this.element.nativeElement.getAttribute("tabindex")||this.element.nativeElement.setAttribute("tabindex","0"),this.zone.runOutsideAngular((function(){e.toolbarKeydownListener=e.renderer.listen(e.element.nativeElement,"keydown",(function(t){switch(t.keyCode){case g.Keys.ArrowLeft:e.zone.run((function(){t.preventDefault(),"ltr"===e.direction?e.navigationService.focusPrev(t):e.navigationService.focusNext(t),e.element.nativeElement.setAttribute("tabindex","-1")}));break;case g.Keys.ArrowRight:e.zone.run((function(){t.preventDefault(),"ltr"===e.direction?e.navigationService.focusNext(t):e.navigationService.focusPrev(t),e.element.nativeElement.setAttribute("tabindex","-1")}));break;case g.Keys.Tab:e.zone.run((function(){return e.navigationService.resetNavigation()}));break;case g.Keys.Escape:e.zone.run((function(){return e.toggle(!1)}))}}))})),this.overflow&&(this.subscriptions.add(h.merge(this.resizeSensor.resize.pipe(b.bufferTime(200),y.filter((function(e){return e.length>0}))),this.renderedTools.changes).subscribe((function(){e.onResize()}))),this.zone.runOutsideAngular((function(){return setTimeout((function(){e.onResize(),e.onResize()}))})),this.navigationService.overflowButton=this.overflowButton),this.navigationService.setRenderedTools(this.renderedTools.toArray()),this.subscriptions.add(this.renderedTools.changes.subscribe((function(t){return e.navigationService.setRenderedTools(t.toArray())})))},e.prototype.ngOnInit=function(){var e=this;this.subscriptions.add(this.localization.changes.subscribe((function(t){var o=t.rtl;return e.direction=o?"rtl":"ltr"}))),_.isDocumentAvailable()&&this.zone.runOutsideAngular((function(){return e.subscriptions.add(h.fromEvent(document,"click").pipe(y.filter((function(){return!!e.popupRef})),y.filter((function(t){return!e.popupRef.popup.instance.container.nativeElement.contains(t.target)})),y.filter((function(t){return!e.overflowButton.nativeElement.contains(t.target)}))).subscribe((function(){e.zone.run((function(){e.popupOpen=!1}))})))}))},e.prototype.ngOnChanges=function(e){e.tabindex&&this.element.nativeElement.setAttribute("tabindex",e.tabindex.currentValue.toString())},e.prototype.ngOnDestroy=function(){this.popupRef&&this.popupRef.close(),this.toolbarKeydownListener&&this.toolbarKeydownListener(),this.cancelRenderedToolsSubscription$.next(),this.subscriptions.unsubscribe()},Object.defineProperty(e.prototype,"moreToolsTitle",{get:function(){return this.localization.get("moreToolsTitle")},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"cdr",{get:function(){return this._cdr},enumerable:!0,configurable:!0}),e.prototype.onRendererClick=function(e){this.navigationService.click(e),this.element.nativeElement.setAttribute("tabindex","-1")},e.prototype.showPopup=function(){this.popupOpen=!this.popupOpen,this.navigationService.click({context:void 0,event:void 0})},e.prototype.toggle=function(e){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,anchorAlign:this.popupSettings.anchorAlign,popupAlign:this.popupSettings.popupAlign,content:this.popupTemplate,appendTo:this.appendTo,animate:this.popupSettings.animate,popupClass:this.popupSettings.popupClass,positionMode:"absolute"}),this.setPopupContentDimensions(),this.popupRef.popupOpen.subscribe(this.onPopupOpen.bind(this)),this.popupRef.popupClose.subscribe(this.onPopupClose.bind(this)))},e.prototype.onResize=function(){var e=this;if(_.isDocumentAvailable()){var t=f.innerWidth(this.element.nativeElement)-this.overflowAnchorWidth;this.shrink(t,this.childrenWidth),this.stretch(t,this.childrenWidth),this.zone.onStable.pipe(b.take(1)).subscribe((function(){e.displayAnchor()}))}this.resizeSensor.acceptSize()},e.prototype.onPopupOpen=function(){var e=this;this.zone.runOutsideAngular((function(){e.overflowKeydownListener=e.renderer.listen(e.popupRef.popupElement,"keydown",(function(t){switch(t.keyCode){case g.Keys.ArrowUp:e.zone.run((function(){t.preventDefault(),e.navigationService.focusPrev(t)}));break;case g.Keys.ArrowDown:e.zone.run((function(){t.preventDefault(),e.navigationService.focusNext(t)}));break;case g.Keys.Escape:e.zone.run((function(){return e.toggle(!1)}));break;case g.Keys.Tab:e.zone.run((function(){e.toggle(!1),e.navigationService.resetNavigation()}))}}))})),this.cancelRenderedToolsSubscription$.next(),this.navigationService.moveFocusToPopup(),this.navigationService.setRenderedTools(this.overflowRenderedTools.toArray()),this.overflowRenderedTools.changes.pipe(b.takeUntil(this.cancelRenderedToolsSubscription$)).subscribe((function(t){return e.navigationService.setRenderedTools(t.toArray())}))},e.prototype.onPopupClose=function(){var e=this;this.cancelRenderedToolsSubscription$.next(),this.navigationService.setRenderedTools(this.renderedTools.toArray()),this.renderedTools.changes.pipe(b.takeUntil(this.cancelRenderedToolsSubscription$)).subscribe((function(t){return e.navigationService.setRenderedTools(t.toArray())})),this.navigationService.moveFocusToToolBar(),this.overflowKeydownListener&&this.overflowKeydownListener()},e.prototype.displayAnchor=function(){var e=this.allTools.filter((function(e){return e.overflows&&e.responsive})).length>0?"visible":"hidden";this.renderer.setStyle(this.overflowButton.nativeElement,"visibility",e)},Object.defineProperty(e.prototype,"popupWidth",{get:function(){return this.popupSettings&&this.popupSettings.width?isNaN(this.popupSettings.width)?this.popupSettings.width:this.popupSettings.width+"px":v.defaultPopupWidth},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"popupHeight",{get:function(){if(this.popupSettings&&this.popupSettings.height)return isNaN(this.popupSettings.height)?this.popupSettings.height:this.popupSettings.height+"px"},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"overflowAnchorWidth",{get:function(){return this.overflow?(this.cachedOverflowAnchorWidth||(this.cachedOverflowAnchorWidth=f.outerWidth(this.overflowButton.nativeElement)),this.cachedOverflowAnchorWidth):0},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"gap",{get:function(){if(f.isPresent(this.cachedGap))return this.cachedGap;var e=getComputedStyle(this.element.nativeElement).gap;return this.cachedGap=f.isPresent(e)?parseInt(e,10):0,this.cachedGap},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"childrenWidth",{get:function(){var e=this,t=this.renderedTools.reduce((function(t,o){return o.width+t+(o.isDisplayed()?e.gap:0)}),0);return 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;o>=0&&!(e>t);o--)t-=this.hideLastVisibleTool()},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));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})).width;return e.overflows=!0,this.refreshService.refresh(e),t},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},e.prototype.setPopupContentDimensions=function(){var e=this.popupRef.popup.instance.contentContainer.nativeElement;e.style.width=this.popupWidth,e.style.height=this.popupHeight,e.style.overflow="auto"},n.__decorate([i.Input(),n.__metadata("design:type",Boolean)],e.prototype,"overflow",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Boolean),n.__metadata("design:paramtypes",[Boolean])],e.prototype,"resizable",null),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(c.ToolBarToolComponent),n.__metadata("design:type",i.QueryList)],e.prototype,"allTools",void 0),n.__decorate([i.ViewChild("overflowButton",{static:!1}),n.__metadata("design:type",i.ElementRef)],e.prototype,"overflowButton",void 0),n.__decorate([i.ViewChild("popupTemplate",{static:!0}),n.__metadata("design:type",i.TemplateRef)],e.prototype,"popupTemplate",void 0),n.__decorate([i.ViewChild("resizeSensor",{static:!1}),n.__metadata("design:type",a.ResizeSensorComponent)],e.prototype,"resizeSensor",void 0),n.__decorate([i.ViewChild("container",{read:i.ViewContainerRef,static:!0}),n.__metadata("design:type",i.ViewContainerRef)],e.prototype,"container",void 0),n.__decorate([i.ViewChildren("toolbarRenderer"),n.__metadata("design:type",i.QueryList)],e.prototype,"renderedTools",void 0),n.__decorate([i.ViewChildren("overflowRenderer"),n.__metadata("design:type",i.QueryList)],e.prototype,"overflowRenderedTools",void 0),n.__decorate([i.HostBinding("class.k-widget"),i.HostBinding("class.k-toolbar"),n.__metadata("design:type",Boolean)],e.prototype,"hostClasses",void 0),n.__decorate([i.HostListener("focus",["$event"]),n.__metadata("design:type",Function),n.__metadata("design:paramtypes",[Object]),n.__metadata("design:returntype",void 0)],e.prototype,"onFocus",null),n.__decorate([i.HostListener("focusout",["$event"]),n.__metadata("design:type",Function),n.__metadata("design:paramtypes",[Object]),n.__metadata("design:returntype",void 0)],e.prototype,"onFocusOut",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.k-toolbar-resizable"),n.__metadata("design:type",Boolean),n.__metadata("design:paramtypes",[])],e.prototype,"resizableClass",null),e=n.__decorate([i.Component({exportAs:"kendoToolBar",providers:[u.RefreshService,d.NavigationService,s.LocalizationService,{provide:s.L10N_PREFIX,useValue:"kendo.toolbar"}],selector:"kendo-toolbar",template:'\n <ng-container kendoToolbarLocalizedMessages\n i18n-moreToolsTitle="kendo.toolbar.moreToolsTitle|The title of the **more tools** button in a responsive ToolBar"\n moreToolsTitle="More tools"\n >\n </ng-container>\n <ng-container *ngFor="let tool of allTools; let index = index">\n <kendo-toolbar-renderer\n #toolbarRenderer\n (rendererClick)="onRendererClick($event)"\n [location]="\'toolbar\'"\n [resizable]="overflow"\n [tool]="tool"\n ></kendo-toolbar-renderer>\n </ng-container>\n <button\n #overflowButton\n type="button"\n tabindex="-1"\n [title]="moreToolsTitle"\n [attr.aria-label]="moreToolsTitle"\n *ngIf="overflow"\n [style.visibility]="\'hidden\'"\n class="k-overflow-anchor k-button"\n (click)="showPopup()"\n >\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 <li class="k-item">\n <kendo-toolbar-renderer\n #overflowRenderer\n (rendererClick)="onRendererClick($event)"\n [location]="\'overflow\'"\n [resizable]="overflow"\n [tool]="tool"\n ></kendo-toolbar-renderer>\n </li>\n </ng-container>\n </ul>\n </ng-template>\n <ng-container #container></ng-container>\n <kendo-resize-sensor *ngIf="overflow" [rateLimit]="1000" #resizeSensor></kendo-resize-sensor>\n '}),n.__metadata("design:paramtypes",[s.LocalizationService,r.PopupService,u.RefreshService,d.NavigationService,i.ElementRef,i.NgZone,i.Renderer2,i.ChangeDetectorRef])],e)}();t.ToolBarComponent=C},function(e,t){e.exports=a},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(0),i=o(1),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(0),i=o(1),r=o(5),a=o(2),s=o(8),l=o(6),p=o(3),u=function(e){function t(t){var o=e.call(this)||this;return o.localization=t,o.selection="multiple",o.focusedIndex=-1,o.getNextKey=p.getNextKey(o.localization.rtl),o.getPrevKey=p.getPrevKey(o.localization.rtl),o}var o;return n.__extends(t,e),o=t,Object.defineProperty(t.prototype,"look",{set:function(e){e&&this.buttonComponents.forEach((function(t){return t.fillMode="default"===e?"solid":e}))},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"buttonElements",{get:function(){return this.getButtonGroup().buttons.filter((function(e){return!e.isDisabled})).map((function(e){return e.element}))},enumerable:!0,configurable:!0}),t.prototype.onFocus=function(){this.focusedIndex=0},t.prototype.onNavigate=function(e){e.preventDefault()},t.prototype.selectedChangeHandler=function(e,t){t.selected=e,t.selectedChange.emit(e)},t.prototype.onButtonClick=function(e){this.focusedIndex=this.buttonElements.findIndex((function(t){return t===e.target||t.contains(e.target)})),this.focusButton(this.focusedIndex,e)},t.prototype.canFocus=function(){return!(this.disabled||0===this.buttonElements.length)},t.prototype.focus=function(e){void 0===e&&(e={});var t=this.getNextKey(this.overflows),o=this.getPrevKey(this.overflows);this.focusedIndex=p.getIndexOfFocused(o,t,this.buttonElements)(e),this.focusButton(this.focusedIndex,e)},t.prototype.handleKey=function(e){var t=this.getNextKey(this.overflows),o=this.getPrevKey(this.overflows),n=p.makePeeker(this.buttonElements),i=p.areEqual(this.focusedIndex);return this.focusedIndex=p.seekFocusedIndex(o,t,n)(this.focusedIndex,e),this.focusButton(this.focusedIndex,e),!i(this.focusedIndex)},t.prototype.getButtonGroup=function(){return this.overflows?this.overflowButtonGroup:this.toolbarButtonGroup},t.prototype.focusButton=function(e,t){t.type&&"focus"!==t.type&&"keydown"!==t.type||this.buttonElements[e].focus()},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),n.__metadata("design:paramtypes",[String])],t.prototype,"look",null),n.__decorate([i.ViewChild("toolbarTemplate",{static:!0}),n.__metadata("design:type",i.TemplateRef)],t.prototype,"toolbarTemplate",void 0),n.__decorate([i.ViewChild("popupTemplate",{static:!0}),n.__metadata("design:type",i.TemplateRef)],t.prototype,"popupTemplate",void 0),n.__decorate([i.ContentChildren(i.forwardRef((function(){return s.ToolBarButtonComponent}))),n.__metadata("design:type",i.QueryList)],t.prototype,"buttonComponents",void 0),n.__decorate([i.ViewChild("toolbarButtonGroup",{static:!1}),n.__metadata("design:type",l.ButtonGroupComponent)],t.prototype,"toolbarButtonGroup",void 0),n.__decorate([i.ViewChild("overflowButtonGroup",{static:!1}),n.__metadata("design:type",l.ButtonGroupComponent)],t.prototype,"overflowButtonGroup",void 0),t=o=n.__decorate([i.Component({exportAs:"kendoToolBarButtonGroup",providers:[r.LocalizationService,{provide:a.ToolBarToolComponent,useExisting:i.forwardRef((function(){return o}))}],selector:"kendo-toolbar-buttongroup",template:'\n <ng-template #toolbarTemplate>\n <kendo-buttongroup\n #toolbarButtonGroup\n [tabIndex]="-1"\n [selection]="selection"\n [disabled]="disabled"\n [width]="width"\n (navigate)="onNavigate($event)"\n (focus)="onFocus()"\n >\n <span\n kendoButton\n *ngFor="let button of buttonComponents"\n [ngStyle]="button.style"\n [ngClass]="button.className"\n [attr.title]="button.title"\n [disabled]="button.disabled"\n [togglable]="button.togglable"\n [selected]="button.selected"\n [fillMode]="button.fillMode"\n [themeColor]="button.fillMode ? button.themeColor : null"\n [icon]="button.toolbarOptions.icon"\n [iconClass]="button.toolbarOptions.iconClass"\n [imageUrl]="button.toolbarOptions.imageUrl"\n (click)="button.click.emit($event); onButtonClick($event)"\n (pointerdown)="button.pointerdown.emit($event)"\n (selectedChange)="selectedChangeHandler($event, button)"\n >\n {{ button.toolbarOptions.text }}\n </span>\n </kendo-buttongroup>\n </ng-template>\n <ng-template #popupTemplate>\n <kendo-buttongroup\n #overflowButtonGroup\n class="k-overflow-button"\n [tabIndex]="-1"\n [selection]="selection"\n [disabled]="disabled"\n [width]="width"\n >\n <span\n kendoButton\n class="k-overflow-button"\n *ngFor="let button of buttonComponents"\n [ngStyle]="button.style"\n [ngClass]="button.className"\n [attr.title]="button.title"\n [disabled]="button.disabled"\n [togglable]="button.togglable"\n [selected]="button.selected"\n [fillMode]="button.fillMode"\n [themeColor]="button.fillMode ? button.themeColor : null"\n [icon]="button.overflowOptions.icon"\n [iconClass]="button.overflowOptions.iconClass"\n [imageUrl]="button.overflowOptions.imageUrl"\n (click)="button.click.emit($event); onButtonClick($event)"\n (selectedChange)="selectedChangeHandler($event, button)"\n >\n {{ button.overflowOptions.text }}\n </span>\n </kendo-buttongroup>\n </ng-template>\n '}),n.__metadata("design:paramtypes",[r.LocalizationService])],t)}(a.ToolBarToolComponent);t.ToolBarButtonGroupComponent=u},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(0),i=o(1),r=o(2),a=o(6),s=o(9),l=o(3),p=function(e){function t(){var t=e.call(this)||this;return t.showText="both",t.showIcon="both",t.fillMode="solid",t.themeColor="base",t.itemClick=new i.EventEmitter,t.open=new i.EventEmitter,t.close=new i.EventEmitter,t.toolbarOptions={text:"",icon:"",iconClass:"",imageUrl:""},t.overflowOptions={text:"",icon:"",iconClass:"",imageUrl:""},t._popupSettings={animate:!0,popupClass:""},t.focusedIndex=-1,t.getNextKey=l.getNextKey(),t.getPrevKey=l.getPrevKey(),t}var o;return n.__extends(t,e),o=t,Object.defineProperty(t.prototype,"text",{set:function(e){this.toolbarOptions.text=l.getValueForLocation(e,this.showText,!1),this.overflowOptions.text=l.getValueForLocation(e,this.showText,!0)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"icon",{set:function(e){this.toolbarOptions.icon=l.getValueForLocation(e,this.showIcon,!1),this.overflowOptions.icon=l.getValueForLocation(e,this.showIcon,!0)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"iconClass",{set:function(e){this.toolbarOptions.iconClass=l.getValueForLocation(e,this.showIcon,!1),this.overflowOptions.iconClass=l.getValueForLocation(e,this.showIcon,!0)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"imageUrl",{set:function(e){this.toolbarOptions.imageUrl=l.getValueForLocation(e,this.showIcon,!1),this.overflowOptions.imageUrl=l.getValueForLocation(e,this.showIcon,!0)},enumerable:!0,configurable:!0}),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,"look",{set:function(e){e&&(this.fillMode="default"===e?"solid":e)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"primary",{set:function(e){this.themeColor=e?"primary":"base"},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,"overflowButtons",{get:function(){return this.overflowDropDownButtonButtonList.buttons.toArray().filter((function(e){return!e.nativeElement.disabled})).slice()},enumerable:!0,configurable:!0}),t.prototype.onButtonListClick=function(e){this.focusedIndex=this.overflowDropDownButtonButtonList.buttons.toArray().findIndex((function(t){return t.nativeElement.contains(e.target)}))},t.prototype.canFocus=function(){return!this.disabled},t.prototype.focus=function(e){void 0===e&&(e={}),this.overflows?this.overflowButtons.length>0&&(this.focusedIndex=l.getIndexOfFocused(this.getPrevKey(),this.getNextKey(),this.overflowButtons.map((function(e){return e.nativeElement})))(e),this.focusButton(this.focusedIndex,e)):"focus"!==e.type&&"keydown"!==e.type||this.toolbarDropDownButton.focus()},t.prototype.handleKey=function(e){if(!this.overflows&&(e.keyCode===this.getPrevKey(this.overflows)||e.keyCode===this.getNextKey(this.overflows)))return!1;if(this.overflows){var t=l.makePeeker(this.overflowButtons),o=l.areEqual(this.focusedIndex);return this.focusedIndex=l.seekFocusedIndex(this.getPrevKey(),this.getNextKey(),t)(this.focusedIndex,e),this.focusButton(this.focusedIndex,e),!o(this.focusedIndex)}},t.prototype.focusButton=function(e,t){t.type&&"focus"!==t.type&&"keydown"!==t.type||this.overflowButtons[e].nativeElement.focus()},n.__decorate([i.Input(),n.__metadata("design:type",String)],t.prototype,"showText",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],t.prototype,"showIcon",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[String])],t.prototype,"text",null),n.__decorate([i.Input(),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[String])],t.prototype,"icon",null),n.__decorate([i.Input(),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[String])],t.prototype,"iconClass",null),n.__decorate([i.Input(),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[String])],t.prototype,"imageUrl",null),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),n.__metadata("design:paramtypes",[String])],t.prototype,"look",null),n.__decorate([i.Input(),n.__metadata("design:type",Boolean),n.__metadata("design:paramtypes",[Boolean])],t.prototype,"primary",null),n.__decorate([i.Input(),n.__metadata("design:type",String)],t.prototype,"fillMode",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],t.prototype,"themeColor",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],t.prototype,"buttonClass",void 0),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.Output(),n.__metadata("design:type",i.EventEmitter)],t.prototype,"open",void 0),n.__decorate([i.Output(),n.__metadata("design:type",i.EventEmitter)],t.prototype,"close",void 0),n.__decorate([i.ViewChild("toolbarTemplate",{static:!0}),n.__metadata("design:type",i.TemplateRef)],t.prototype,"toolbarTemplate",void 0),n.__decorate([i.ViewChild("popupTemplate",{static:!0}),n.__metadata("design:type",i.TemplateRef)],t.prototype,"popupTemplate",void 0),n.__decorate([i.ViewChild("dropdownButton",{read:i.ElementRef,static:!0}),n.__metadata("design:type",i.ElementRef)],t.prototype,"dropdownButton",void 0),n.__decorate([i.ViewChild(a.DropDownButtonComponent,{static:!1}),n.__metadata("design:type",a.DropDownButtonComponent)],t.prototype,"dropDownButtonComponent",void 0),n.__decorate([i.ViewChild("toolbarDropDownButton",{static:!1}),n.__metadata("design:type",a.DropDownButtonComponent)],t.prototype,"toolbarDropDownButton",void 0),n.__decorate([i.ViewChild("overflowDropDownButtonButtonList",{static:!1}),n.__metadata("design:type",s.ToolBarButtonListComponent)],t.prototype,"overflowDropDownButtonButtonList",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 #toolbarDropDownButton\n [icon]="toolbarOptions.icon"\n [iconClass]="toolbarOptions.iconClass"\n [imageUrl]="toolbarOptions.imageUrl"\n [buttonClass]="buttonClass"\n [disabled]="disabled"\n [tabIndex]="-1"\n [data]="data"\n [textField]="textField"\n [popupSettings]="popupSettings"\n [fillMode]="fillMode"\n [themeColor]="fillMode ? themeColor : null"\n (open)="open.emit($event)"\n (close)="close.emit($event)"\n (itemClick)="itemClick.emit($event)"\n >\n {{ toolbarOptions.text }}\n </kendo-dropdownbutton>\n </ng-template>\n <ng-template #popupTemplate>\n <button\n type="button"\n tabindex="-1"\n kendoButton\n class="k-overflow-button"\n [disabled]="true"\n [icon]="overflowOptions.icon"\n [iconClass]="overflowOptions.iconClass"\n [imageUrl]="overflowOptions.imageUrl"\n [ngClass]="buttonClass"\n (click)="itemClick.emit($event)"\n >\n {{ overflowOptions.text }}\n </button>\n <kendo-toolbar-buttonlist\n #overflowDropDownButtonButtonList\n [data]="data"\n [disabled]="disabled"\n [textField]="textField"\n (itemClick)="itemClick.emit($event)"\n (click)="onButtonListClick($event)"\n >\n </kendo-toolbar-buttonlist>\n </ng-template>\n '}),n.__metadata("design:paramtypes",[])],t)}(r.ToolBarToolComponent);t.ToolBarDropDownButtonComponent=p},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(0),i=o(1),r=o(6),a=o(2),s=o(9),l=o(3),p=function(e){function t(){var t=e.call(this)||this;return t.showText="both",t.showIcon="both",t.fillMode="solid",t.themeColor="base",t.arrowButtonIcon="arrow-s",t.textField="text",t.buttonClick=new i.EventEmitter,t.itemClick=new i.EventEmitter,t.open=new i.EventEmitter,t.close=new i.EventEmitter,t.toolbarOptions={text:"",icon:"",iconClass:"",imageUrl:""},t.overflowOptions={text:"",icon:"",iconClass:"",imageUrl:""},t._popupSettings={animate:!0,popupClass:""},t.focusedIndex=-1,t.getNextKey=l.getNextKey(),t.getPrevKey=l.getPrevKey(),t}var o;return n.__extends(t,e),o=t,Object.defineProperty(t.prototype,"text",{set:function(e){this.toolbarOptions.text=l.getValueForLocation(e,this.showText,!1),this.overflowOptions.text=l.getValueForLocation(e,this.showText,!0)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"icon",{set:function(e){this.toolbarOptions.icon=l.getValueForLocation(e,this.showIcon,!1),this.overflowOptions.icon=l.getValueForLocation(e,this.showIcon,!0)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"iconClass",{set:function(e){this.toolbarOptions.iconClass=l.getValueForLocation(e,this.showIcon,!1),this.overflowOptions.iconClass=l.getValueForLocation(e,this.showIcon,!0)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"imageUrl",{set:function(e){this.toolbarOptions.imageUrl=l.getValueForLocation(e,this.showIcon,!1),this.overflowOptions.imageUrl=l.getValueForLocation(e,this.showIcon,!0)},enumerable:!0,configurable:!0}),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,"look",{set:function(e){e&&(this.fillMode="default"===e?"solid":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,"overflowButtons",{get:function(){return[this.overflowSplitButton].concat(this.overflowSplitButtonButtonList.buttons.toArray().filter((function(e){return!e.nativeElement.disabled})))},enumerable:!0,configurable:!0}),t.prototype.onButtonListClick=function(e){this.focusedIndex=this.overflowButtons.findIndex((function(t){return t.nativeElement.contains(e.target)}))},t.prototype.onMainButtonClick=function(e){this.buttonClick.emit(e),this.focusedIndex=0},t.prototype.canFocus=function(){return!this.disabled},t.prototype.focus=function(e){void 0===e&&(e={}),this.overflows?this.overflowButtons.length>0&&(this.focusedIndex=l.getIndexOfFocused(this.getPrevKey(),this.getNextKey(),this.overflowButtons.map((function(e){return e.nativeElement})))(e),this.focusButton(this.focusedIndex,e)):"focus"!==e.type&&"keydown"!==e.type||this.toolbarSplitButton.focus()},t.prototype.handleKey=function(e){if(!this.overflows&&(e.keyCode===this.getPrevKey(this.overflows)||e.keyCode===this.getNextKey(this.overflows)))return!1;if(this.overflows){var t=l.makePeeker(this.overflowButtons),o=l.areEqual(this.focusedIndex);return this.focusedIndex=l.seekFocusedIndex(this.getPrevKey(),this.getNextKey(),t)(this.focusedIndex,e),this.focusButton(this.focusedIndex,e),!o(this.focusedIndex)}},t.prototype.focusButton=function(e,t){t.type&&"focus"!==t.type&&"keydown"!==t.type&&"click"!==t.type||this.overflowButtons[e].nativeElement.focus()},n.__decorate([i.Input(),n.__metadata("design:type",String)],t.prototype,"showText",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],t.prototype,"showIcon",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[String])],t.prototype,"text",null),n.__decorate([i.Input(),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[String])],t.prototype,"icon",null),n.__decorate([i.Input(),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[String])],t.prototype,"iconClass",null),n.__decorate([i.Input(),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[String])],t.prototype,"imageUrl",null),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,"fillMode",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],t.prototype,"themeColor",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String),n.__metadata("design:paramtypes",[String])],t.prototype,"look",null),n.__decorate([i.Input(),n.__metadata("design:type",String)],t.prototype,"buttonClass",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Object)],t.prototype,"arrowButtonClass",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],t.prototype,"arrowButtonIcon",void 0),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.Output(),n.__metadata("design:type",i.EventEmitter)],t.prototype,"open",void 0),n.__decorate([i.Output(),n.__metadata("design:type",i.EventEmitter)],t.prototype,"close",void 0),n.__decorate([i.ViewChild("toolbarTemplate",{static:!0}),n.__metadata("design:type",i.TemplateRef)],t.prototype,"toolbarTemplate",void 0),n.__decorate([i.ViewChild("popupTemplate",{static:!0}),n.__metadata("design:type",i.TemplateRef)],t.prototype,"popupTemplate",void 0),n.__decorate([i.ViewChild("toolbarSplitButton",{static:!1}),n.__metadata("design:type",r.SplitButtonComponent)],t.prototype,"toolbarSplitButton",void 0),n.__decorate([i.ViewChild("overflowSplitButton",{read:i.ElementRef,static:!1}),n.__metadata("design:type",i.ElementRef)],t.prototype,"overflowSplitButton",void 0),n.__decorate([i.ViewChild("overflowSplitButtonButtonList",{static:!1}),n.__metadata("design:type",s.ToolBarButtonListComponent)],t.prototype,"overflowSplitButtonButtonList",void 0),t=o=n.__decorate([i.Component({exportAs:"kendoToolBarSplitButton",providers:[{provide:a.ToolBarToolComponent,useExisting:i.forwardRef((function(){return o}))}],selector:"kendo-toolbar-splitbutton",template:'\n <ng-template #toolbarTemplate>\n <kendo-splitbutton\n #toolbarSplitButton\n [data]="data"\n [text]="toolbarOptions.text"\n [icon]="toolbarOptions.icon"\n [iconClass]="toolbarOptions.iconClass"\n [imageUrl]="toolbarOptions.imageUrl"\n [buttonClass]="buttonClass"\n [arrowButtonClass]="arrowButtonClass"\n [arrowButtonIcon]="arrowButtonIcon"\n [disabled]="disabled"\n [tabIndex]="-1"\n [textField]="textField"\n [popupSettings]="popupSettings"\n [fillMode]="fillMode"\n [themeColor]="fillMode ? themeColor : null"\n (buttonClick)="buttonClick.emit($event)"\n (open)="open.emit($event)"\n (close)="close.emit($event)"\n (itemClick)="itemClick.emit($event)"\n >\n </kendo-splitbutton>\n </ng-template>\n <ng-template #popupTemplate>\n <button\n #overflowSplitButton\n type="button"\n tabindex="-1"\n [fillMode]="fillMode"\n [themeColor]="fillMode ? themeColor : null"\n kendoButton\n class="k-overflow-button"\n [disabled]="disabled"\n [icon]="overflowOptions.icon"\n [iconClass]="overflowOptions.iconClass"\n [imageUrl]="overflowOptions.imageUrl"\n [ngClass]="buttonClass"\n (click)="buttonClick.emit($event)"\n (click)="onMainButtonClick($event)"\n >\n {{ overflowOptions.text }}\n </button>\n <kendo-toolbar-buttonlist\n #overflowSplitButtonButtonList\n [data]="data"\n [disabled]="disabled"\n [fillMode]="fillMode"\n [themeColor]="fillMode ? themeColor : null"\n [textField]="textField"\n (itemClick)="itemClick.emit($event)"\n (click)="onButtonListClick($event)"\n >\n </kendo-toolbar-buttonlist>\n </ng-template>\n '}),n.__metadata("design:paramtypes",[])],t)}(a.ToolBarToolComponent);t.ToolBarSplitButtonComponent=p},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(0),i=o(1),r=o(2),a=function(e){function t(){return e.call(this)||this}var o;return n.__extends(t,e),o=t,t.prototype.canFocus=function(){return!1},t.prototype.focus=function(){},t.prototype.handleKey=function(){return!1},t.prototype.ngAfterViewInit=function(){this.popupTemplate||(this.popupTemplate=this.toolbarTemplate)},n.__decorate([i.ViewChild("toolbarTemplate",{static:!0}),n.__metadata("design:type",i.TemplateRef)],t.prototype,"toolbarTemplate",void 0),n.__decorate([i.ViewChild("popupTemplate",{static:!0}),n.__metadata("design:type",i.TemplateRef)],t.prototype,"popupTemplate",void 0),n.__decorate([i.ViewChild("separator",{static:!1}),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 <div class="k-separator"></div>\n </ng-template>\n '}),n.__metadata("design:paramtypes",[])],t)}(r.ToolBarToolComponent);t.ToolBarSeparatorComponent=a},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(0),i=o(1),r=o(5),a=o(18),s=function(e){function t(t){var o=e.call(this)||this;return o.service=t,o}var o;return n.__extends(t,e),o=t,t=o=n.__decorate([i.Directive({providers:[{provide:a.ToolbarMessages,useExisting:i.forwardRef((function(){return o}))}],selector:"[kendoToolbarLocalizedMessages]"}),n.__metadata("design:paramtypes",[r.LocalizationService])],t)}(a.ToolbarMessages);t.LocalizedToolbarMessagesDirective=s},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(0),i=o(1),r=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return n.__extends(t,e),n.__decorate([i.Input(),n.__metadata("design:type",String)],t.prototype,"moreToolsTitle",void 0),t}(o(5).ComponentMessages);t.ToolbarMessages=r},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(0),i=o(1),r=o(5),a=o(18),s=function(e){function t(t){var o=e.call(this)||this;return o.service=t,o}var o;return n.__extends(t,e),o=t,Object.defineProperty(t.prototype,"override",{get:function(){return!0},enumerable:!0,configurable:!0}),t=o=n.__decorate([i.Component({providers:[{provide:a.ToolbarMessages,useExisting:i.forwardRef((function(){return o}))}],selector:"kendo-toolbar-messages",template:""}),n.__metadata("design:paramtypes",[r.LocalizationService])],t)}(a.ToolbarMessages);t.ToolbarCustomMessagesComponent=s},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(10);t.ToolBarComponent=n.ToolBarComponent;var i=o(2);t.ToolBarToolComponent=i.ToolBarToolComponent;var r=o(8);t.ToolBarButtonComponent=r.ToolBarButtonComponent;var a=o(13);t.ToolBarButtonGroupComponent=a.ToolBarButtonGroupComponent;var s=o(14);t.ToolBarDropDownButtonComponent=s.ToolBarDropDownButtonComponent;var l=o(15);t.ToolBarSplitButtonComponent=l.ToolBarSplitButtonComponent;var p=o(16);t.ToolBarSeparatorComponent=p.ToolBarSeparatorComponent;var u=o(27);t.ToolBarModule=u.ToolBarModule;var d=o(17);t.LocalizedToolbarMessagesDirective=d.LocalizedToolbarMessagesDirective;var c=o(19);t.ToolbarCustomMessagesComponent=c.ToolbarCustomMessagesComponent},function(e,t){e.exports=s},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.packageMetadata={name:"@progress/kendo-angular-toolbar",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1648458287,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning"}},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(0),i=o(1),r=o(7),a=o(3),s=function(){function e(e){this.zone=e,this.focused={renderedTool:null,index:-1},this.renderedTools=[],this.isPopupFocused=!1,this.isOverflowButtonFocused=!1}return e.prototype.setRenderedTools=function(e){this.renderedTools=e.slice()},e.prototype.click=function(e){var t=e.context,o=e.event;this.focused.renderedTool!==t&&o&&this.focus(t,o)},e.prototype.moveFocusToToolBar=function(){this.isPopupFocused=!1,this.focusOverflowButton()},e.prototype.moveFocusToPopup=function(){this.isPopupFocused=!0,this.blurOverflowButton(),this.focus()},e.prototype.focusNext=function(e){if(!this.isOverflowButtonFocused&&this.focused.renderedTool&&!this.focused.renderedTool.tool.handleKey(e)){var t=this.getFocusableTools().slice(this.focused.index+1)[0];t?this.focus(t,e):this.isOverflowButtonVisible()&&!this.isPopupFocused&&this.focusOverflowButton()}},e.prototype.focusPrev=function(e){if(this.isOverflowButtonFocused){var t=this.getFocusableTools().reverse()[0];this.focus(t,e)}else if(this.focused.renderedTool&&!this.focused.renderedTool.tool.handleKey(e)){var o=this.getFocusableTools().slice(0,this.focused.index).reverse()[0];o&&this.focus(o,e)}},e.prototype.resetNavigation=function(){this.blurOverflowButton(),this.focused.renderedTool=null,this.focused.index=-1},e.prototype.focusFirst=function(e){var t=this.getFocusableTools()[0],o=this.overflowButton;t?(this.focused.renderedTool=t,this.focused.index=this.getFocusableTools().findIndex((function(e){return e===t})),this.focus(t,e)):o&&o.nativeElement.focus()},e.prototype.getFocusableTools=function(){var e=this;return this.renderedTools.filter((function(t){return t.tool.overflows===e.isPopupFocused&&t.tool.canFocus()}))},e.prototype.focus=function(e,t){var o=this;this.zone.onStable.pipe(r.take(1)).subscribe((function(){if(e)e.tool.canFocus&&e.tool.canFocus()&&(o.focused.renderedTool=e,o.focused.index=o.getFocusableTools().findIndex((function(t){return t===e})),e.tool.focus(t),o.blurOverflowButton());else{var n=o.getFocusableTools(),i=n.find((function(e){return e===o.focused.renderedTool}))||n[0];i&&(o.focused.renderedTool=i,o.focused.index=o.getFocusableTools().findIndex((function(e){return e===i})),i.tool.focus(t))}}))},e.prototype.blurOverflowButton=function(){this.overflowButton&&(this.isOverflowButtonFocused=!1,this.overflowButton.nativeElement.tabIndex=-1)},e.prototype.focusOverflowButton=function(){this.isOverflowButtonFocused=!0,this.overflowButton.nativeElement.tabIndex=0,this.overflowButton.nativeElement.focus()},e.prototype.isOverflowButtonVisible=function(){return a.isPresent(this.overflowButton)&&"visible"===window.getComputedStyle(this.overflowButton.nativeElement).getPropertyValue("visibility")},e=n.__decorate([i.Injectable(),n.__metadata("design:paramtypes",[i.NgZone])],e)}();t.NavigationService=s},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(){function e(){this.prevented=!1}return e.prototype.preventDefault=function(){this.prevented=!0},e.prototype.isDefaultPrevented=function(){return this.prevented},e}();t.PreventableEvent=n},function(e,t){e.exports=l},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.defaultPopupWidth="150px"},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(0),i=o(1),r=o(28),a=o(6),s=o(11),l=o(4),p=o(10),u=o(2),d=o(8),c=o(13),f=o(14),g=o(15),m=o(16),h=o(29),b=o(9),y=o(17),_=o(19),v=[u.ToolBarToolComponent,d.ToolBarButtonComponent,c.ToolBarButtonGroupComponent,f.ToolBarDropDownButtonComponent,g.ToolBarSplitButtonComponent,m.ToolBarSeparatorComponent],w=[h.ToolBarRendererComponent,b.ToolBarButtonListComponent,_.ToolbarCustomMessagesComponent,y.LocalizedToolbarMessagesDirective],C=function(){function e(){}return e=n.__decorate([i.NgModule({declarations:[p.ToolBarComponent,v,w],exports:[p.ToolBarComponent,v,_.ToolbarCustomMessagesComponent,y.LocalizedToolbarMessagesDirective],imports:[r.CommonModule,a.ButtonsModule,s.PopupModule,l.ResizeSensorModule]})],e)}();t.ToolBarModule=C},function(e,t){e.exports=p},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(0),i=o(1),r=o(3),a=o(2),s=o(12),l=o(30),p=function(){function e(e,t,o,n){var r=this;this.element=e,this.renderer=t,this.rendererService=o,this.refreshService=n,this.rendererClick=new i.EventEmitter,this.rendererService.element=e,this.rendererService.renderer=this,this.refreshSubscription=this.refreshService.onRefresh.subscribe((function(e){r.tool===e&&r.refresh()}))}return e.prototype.onClick=function(e){this.rendererClick.emit({context:this,event:e})},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"))},e.prototype.ngOnDestroy=function(){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.Output(),n.__metadata("design:type",i.EventEmitter)],e.prototype,"rendererClick",void 0),n.__decorate([i.HostListener("click",["$event"]),n.__metadata("design:type",Function),n.__metadata("design:paramtypes",[Object]),n.__metadata("design:returntype",void 0)],e.prototype,"onClick",null),e=n.__decorate([i.Component({exportAs:"kendoToolBarRenderer",providers:[l.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\' && tool.responsive">\n <ng-template [ngTemplateOutlet]="template"></ng-template>\n </ng-container>\n '}),n.__metadata("design:paramtypes",[i.ElementRef,i.Renderer2,l.RendererService,s.RefreshService])],e)}();t.ToolBarRendererComponent=p},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(0),i=o(1),r=o(3),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}])}));
package/dist/es/package-metadata.js CHANGED
@@ -9,7 +9,7 @@ export var packageMetadata = {
9
9
  name: '@progress/kendo-angular-toolbar',
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
12
- publishDate: 1648214206,
12
+ publishDate: 1648458287,
13
13
  version: '',
14
14
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
15
15
  };
package/dist/es/toolbar.component.js CHANGED
@@ -3,7 +3,7 @@
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import * as tslib_1 from "tslib";
6
- import { Component, HostBinding, ViewChild, TemplateRef, ElementRef, QueryList, ContentChildren, Input, ViewChildren, HostListener, Output, EventEmitter, ViewContainerRef, NgZone, Renderer2 } from '@angular/core';
6
+ import { Component, HostBinding, ViewChild, TemplateRef, ElementRef, QueryList, ContentChildren, Input, ViewChildren, HostListener, Output, EventEmitter, ViewContainerRef, NgZone, Renderer2, ChangeDetectorRef } from '@angular/core';
7
7
  import { PopupService } from '@progress/kendo-angular-popup';
8
8
  import { ResizeSensorComponent } from '@progress/kendo-angular-common';
9
9
  import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
@@ -30,7 +30,7 @@ var ɵ0 = getInitialPopupSettings;
30
30
  * Represents the [Kendo UI ToolBar component for Angular]({% slug overview_toolbar %}).
31
31
  */
32
32
  var ToolBarComponent = /** @class */ (function () {
33
- function ToolBarComponent(localization, popupService, refreshService, navigationService, element, zone, renderer) {
33
+ function ToolBarComponent(localization, popupService, refreshService, navigationService, element, zone, renderer, _cdr) {
34
34
  this.localization = localization;
35
35
  this.popupService = popupService;
36
36
  this.refreshService = refreshService;
@@ -38,6 +38,7 @@ var ToolBarComponent = /** @class */ (function () {
38
38
  this.element = element;
39
39
  this.zone = zone;
40
40
  this.renderer = renderer;
41
+ this._cdr = _cdr;
41
42
  /**
42
43
  * Hides the overflowing tools in a popup.
43
44
  */
@@ -275,6 +276,16 @@ var ToolBarComponent = /** @class */ (function () {
275
276
  enumerable: true,
276
277
  configurable: true
277
278
  });
279
+ Object.defineProperty(ToolBarComponent.prototype, "cdr", {
280
+ /**
281
+ * @hidden
282
+ */
283
+ get: function () {
284
+ return this._cdr;
285
+ },
286
+ enumerable: true,
287
+ configurable: true
288
+ });
278
289
  /**
279
290
  * @hidden
280
291
  */
@@ -633,7 +644,8 @@ var ToolBarComponent = /** @class */ (function () {
633
644
  NavigationService,
634
645
  ElementRef,
635
646
  NgZone,
636
- Renderer2])
647
+ Renderer2,
648
+ ChangeDetectorRef])
637
649
  ], ToolBarComponent);
638
650
  return ToolBarComponent;
639
651
  }());