@progress/kendo-angular-buttons 8.0.0-next.202203230835 → 8.0.0-next.202204010855

package/bundles/kendo-angular-buttons.umd.js

@@ -2,4 +2,4 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@progress/kendo-angular-common"),require("@progress/kendo-angular-l10n"),require("@progress/kendo-licensing"),require("rxjs"),require("@angular/common"),require("@progress/kendo-angular-popup"),require("rxjs/operators"),require("@angular/animations")):"function"==typeof define&&define.amd?define("KendoAngularButtons",["exports","@angular/core","@progress/kendo-angular-common","@progress/kendo-angular-l10n","@progress/kendo-licensing","rxjs","@angular/common","@progress/kendo-angular-popup","rxjs/operators","@angular/animations"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoAngularButtons={},e.ng.core,e.KendoAngularCommon,e.KendoAngularL10N,e.KendoLicensing,e.rxjs,e.ng.common,e.KendoAngularPopup,e.rxjs.operators,e.ng.animations)}(this,function(e,p,c,t,M,N,n,z,V,r){"use strict";function j(n){if(n&&n.__esModule)return n;var i=Object.create(null);return n&&Object.keys(n).forEach(function(e){var t;"default"!==e&&(t=Object.getOwnPropertyDescriptor(n,e),Object.defineProperty(i,e,t.get?t:{enumerable:!0,get:function(){return n[e]}}))}),i.default=n,Object.freeze(i)}function o(e){return null!=e}function L(e){Z.then(e)}var i=j(p),H=j(c),s=j(t),a=j(n),U=j(z),$=j(r),K={name:"@progress/kendo-angular-buttons",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1648024474,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"},Z=Promise.resolve(null);function W(e,t){if(e.closest)return e.closest(t);for(var n=Element.prototype.matches?function(e,t){return e.matches(t)}:function(e,t){return e.msMatchesSelector(t)},i=e;i&&9!==i.nodeType;){if(n(i,t))return i;i=i.parentNode}}function q(e,t,n,i){switch(t){case"size":return{toRemove:"k-"+e+"-"+G[n],toAdd:i?"k-"+e+"-"+G[i]:null};case"rounded":return{toRemove:"k-rounded-"+Y[n],toAdd:i?"k-rounded-"+Y[i]:null};case"fillMode":case"shape":return{toRemove:"k-"+e+"-"+n,toAdd:i?"k-"+e+"-"+i:null}}}function X(e,t,n,i,o){return{toRemove:"k-"+e+"-"+t+"-"+i,toAdd:o?"k-"+e+"-"+n+"-"+o:null}}var G={small:"sm",medium:"md",large:"lg"},Y={small:"sm",medium:"md",large:"lg",full:"full"},l=(Q.prototype.click=function(e){this.buttonClicked.next(e)},Q);function Q(){this.buttonClicked=new N.Subject,this.buttonClicked$=this.buttonClicked.asObservable()}l.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:l,deps:[],target:i.ɵɵFactoryTarget.Injectable}),l.ɵprov=i.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:l}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:l,decorators:[{type:p.Injectable}]});Object.defineProperty(d.prototype,"togglable",{get:function(){return this.toggleable},set:function(e){this.toggleable=e},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"selected",{get:function(){return this._selected||!1},set:function(e){this._selected=e},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"tabIndex",{get:function(){return this.element.tabIndex},set:function(e){this.element.tabIndex=e},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"icon",{set:function(e){var t=this;e?this.iconSetter(e,function(){t.isIcon=!0,t.addIcon("k-button-icon k-icon k-i-"+e)}):(this.isIcon=!1,this.updateIconNode())},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"iconClass",{set:function(e){var t=this;e?this.iconSetter(e,function(){t.isIconClass=!0,t.addIcon("k-button-icon k-icon "+e)}):(this.isIconClass=!1,this.updateIconNode())},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"imageUrl",{set:function(e){e?this.iconSetter(e,this.addImgIcon.bind(this)):this.removeImageNode()},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"disabled",{get:function(){return this.isDisabled},set:function(e){this.isDisabled=e,this.renderer.setProperty(this.element,"disabled",e)},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"size",{get:function(){return this._size},set:function(e){this.handleClasses(e,"size"),this._size=e},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"rounded",{get:function(){return this._rounded},set:function(e){this.handleClasses(e,"rounded"),this._rounded=e},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"fillMode",{get:function(){return this._fillMode},set:function(e){this.handleClasses(e,"fillMode"),this._fillMode=e},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"themeColor",{get:function(){return this._themeColor},set:function(e){this.handleThemeColor(e),this._themeColor=e},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"shape",{get:function(){return this._shape},set:function(e){this.handleClasses(e,"shape"),this._shape=e},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"isFocused",{get:function(){return this._focused},set:function(e){this.toggleClass("k-focus",e),this._focused=e},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"classButton",{get:function(){return!0},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"isToggleable",{get:function(){return this.toggleable},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"roleSetter",{get:function(){return this.role},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"classDisabled",{get:function(){return this.isDisabled},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"classActive",{get:function(){return this.selected},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"getDirection",{get:function(){return this.direction},enumerable:!1,configurable:!0}),d.prototype.onFocus=function(){this.isFocused=!0},d.prototype.onBlur=function(){this.isFocused=!1},Object.defineProperty(d.prototype,"primary",{set:function(e){this.themeColor=e?"primary":"base"},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"look",{set:function(e){this.fillMode="default"===e?"solid":e},enumerable:!1,configurable:!0}),d.prototype.ngOnInit=function(){var n=this,i="SPAN"===this.element.tagName;this.addTextSpan(),!this.element.hasAttribute("role")&&this.togglable&&this.toggleAriaPressed(this.toggleable),this.role&&this.setAttribute("role",this.role),this.ngZone.runOutsideAngular(function(){n.domEvents.push(n.renderer.listen(n.element,"click",n._onButtonClick.bind(n))),n.domEvents.push(n.renderer.listen(n.element,"keydown",function(e){var t=e.keyCode===c.Keys.Space||e.keyCode===c.Keys.Enter;i&&t&&(n.click.emit(e),n._onButtonClick())}))})},d.prototype.ngOnChanges=function(e){(c.isChanged("togglable",e)||c.isChanged("toggleable",e))&&this.toggleAriaPressed(this.toggleable)},d.prototype.ngAfterViewInit=function(){var t=this;["size","rounded","shape","fillMode"].forEach(function(e){t.handleClasses(t[e],e)})},d.prototype.ngAfterViewChecked=function(){this.setIconTextClasses()},d.prototype.ngOnDestroy=function(){this.imageNode=null,this.iconNode=null,this.iconSpanNode=null,this.renderer=null,this.localizationChangeSubscription.unsubscribe(),clearTimeout(this.deferTimeout),this.domEvents.forEach(function(e){return e()})},d.prototype.focus=function(){c.isDocumentAvailable()&&(this.element.focus(),this.isFocused=!0)},d.prototype.blur=function(){c.isDocumentAvailable()&&(this.element.blur(),this.isFocused=!1)},d.prototype.setAttribute=function(e,t){this.renderer.setAttribute(this.element,e,t)},d.prototype.removeAttribute=function(e){this.renderer.removeAttribute(this.element,e)},d.prototype.setSelected=function(e){var t=this,n=this.selected!==e;this.selected=e,this.setAttribute("aria-pressed",this.selected.toString()),this.toggleClass("k-selected",this.selected),n&&c.hasObservers(this.selectedChange)&&this.ngZone.run(function(){t.selectedChange.emit(e)})},d.prototype.toggleAriaPressed=function(e){c.isDocumentAvailable()&&(e?this.setAttribute("aria-pressed",this.selected.toString()):this.removeAttribute("aria-pressed"))},d.prototype.hasText=function(){return c.isDocumentAvailable()&&0<this.element.textContent.trim().length},d.prototype.addImgIcon=function(e){var t=this.renderer;this.iconSpanNode=t.createElement("span"),t.setProperty(this.iconSpanNode,"className","k-button-icon k-icon"),this.imageNode?t.setProperty(this.imageNode,"src",e):c.isDocumentAvailable()&&(this.imageNode=t.createElement("img"),t.setProperty(this.imageNode,"src",e),t.setProperty(this.imageNode,"className","k-image"),t.setAttribute(this.imageNode,"role","presentation")),this.iconSpanNode.appendChild(this.imageNode),this.prependChild(this.iconSpanNode)},d.prototype.addIcon=function(e){var t=this.renderer;this.iconNode?t.setProperty(this.iconNode,"className",e):c.isDocumentAvailable()&&(this.iconNode=t.createElement("span"),t.setProperty(this.iconNode,"className",e),t.setAttribute(this.iconNode,"role","presentation"),this.prependChild(this.iconNode))},d.prototype.addTextSpan=function(){var t,n=this;c.isDocumentAvailable()&&this.hasText()&&(t=this.renderer.createElement("span"),this.renderer.addClass(t,"k-button-text"),Array.from(this.element.childNodes).forEach(function(e){return n.renderer.appendChild(t,e)}),this.renderer.appendChild(this.element,t))},d.prototype.prependChild=function(e){var t=this;this.defer(function(){t.renderer&&e!==t.element.firstChild&&t.renderer.insertBefore(t.element,e,t.element.firstChild)})},d.prototype.defer=function(e){var t=this;this.ngZone.runOutsideAngular(function(){t.deferTimeout=setTimeout(e,0)})},d.prototype.iconSetter=function(e,t){e&&t(e),this.setIconTextClasses()},d.prototype.removeImageNode=function(){this.imageNode&&this.renderer.parentNode(this.imageNode)&&(this.renderer.removeChild(this.element,this.imageNode),this.renderer.removeChild(this.element,this.iconSpanNode),this.imageNode=null,this.iconSpanNode=null)},d.prototype.removeIconNode=function(){this.iconNode&&this.renderer.parentNode(this.iconNode)&&(this.renderer.removeChild(this.element,this.iconNode),this.iconNode=null),this.iconSpanNode&&(this.renderer.removeChild(this.element,this.iconSpanNode),this.iconSpanNode=null)},d.prototype.updateIconNode=function(){this.isIcon||this.isIconClass||this.removeIconNode()},d.prototype.setIconTextClasses=function(){var e=this.isIcon||this.isIconClass||this.imageNode;this.toggleClass("k-icon-button",e&&!this.hasText())},d.prototype.toggleClass=function(e,t){t?this.renderer.addClass(this.element,e):this.renderer.removeClass(this.element,e)},d.prototype._onButtonClick=function(){var e=this;!this.disabled&&this.service&&this.ngZone.run(function(){e.service.click(e)}),this.togglable&&!this.service&&this.setSelected(!this.selected)},d.prototype.handleClasses=function(e,t){var n=this.element,i=q("button",t,this[t],e);"fillMode"===t&&this.handleThemeColor(this.themeColor,this[t],e),i.toRemove&&this.renderer.removeClass(n,i.toRemove),i.toAdd&&this.renderer.addClass(n,i.toAdd)},d.prototype.handleThemeColor=function(e,t,n){var i=this.element,t=t||this.fillMode,o=n||this.fillMode,t=X("button",t,o,this.themeColor,e);this.renderer.removeClass(i,t.toRemove),null!==o&&null!==n&&t.toAdd&&this.renderer.addClass(i,t.toAdd)};var u=d;function d(e,t,n,i,o){var s=this;this.service=n,this.ngZone=o,this.toggleable=!1,this.role="button",this.selectedChange=new p.EventEmitter,this.click=new p.EventEmitter,this.isDisabled=!1,this.isIcon=!1,this.isIconClass=!1,this._size="medium",this._rounded="medium",this._shape="rectangle",this._fillMode="solid",this._themeColor="base",this._focused=!1,this.domEvents=[],M.validatePackage(K),this.direction=i.rtl?"rtl":"ltr",this.localizationChangeSubscription=i.changes.subscribe(function(e){e=e.rtl;return s.direction=e?"rtl":"ltr"}),this.element=e.nativeElement,this.renderer=t}u.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:u,deps:[{token:i.ElementRef},{token:i.Renderer2},{token:l,optional:!0},{token:s.LocalizationService},{token:i.NgZone}],target:i.ɵɵFactoryTarget.Directive}),u.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:u,selector:"button[kendoButton], span[kendoButton]",inputs:{toggleable:"toggleable",togglable:"togglable",selected:"selected",tabIndex:"tabIndex",icon:"icon",iconClass:"iconClass",imageUrl:"imageUrl",disabled:"disabled",size:"size",rounded:"rounded",fillMode:"fillMode",themeColor:"themeColor",shape:"shape",role:"role",primary:"primary",look:"look"},outputs:{selectedChange:"selectedChange",click:"click"},host:{listeners:{focus:"onFocus()",blur:"onBlur()"},properties:{"class.k-button":"this.classButton","class.k-toggle-button":"this.isToggleable","attr.role":"this.roleSetter","attr.aria-disabled":"this.classDisabled","class.k-disabled":"this.classDisabled","class.k-selected":"this.classActive","attr.dir":"this.getDirection"}},providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.button"}],exportAs:["kendoButton"],usesOnChanges:!0,ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:u,decorators:[{type:p.Directive,args:[{exportAs:"kendoButton",providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.button"}],selector:"button[kendoButton], span[kendoButton]"}]}],ctorParameters:function(){return[{type:i.ElementRef},{type:i.Renderer2},{type:l,decorators:[{type:p.Optional}]},{type:s.LocalizationService},{type:i.NgZone}]},propDecorators:{toggleable:[{type:p.Input}],togglable:[{type:p.Input}],selected:[{type:p.Input}],tabIndex:[{type:p.Input}],icon:[{type:p.Input}],iconClass:[{type:p.Input}],imageUrl:[{type:p.Input}],disabled:[{type:p.Input}],size:[{type:p.Input}],rounded:[{type:p.Input}],fillMode:[{type:p.Input}],themeColor:[{type:p.Input}],shape:[{type:p.Input}],role:[{type:p.Input}],selectedChange:[{type:p.Output}],click:[{type:p.Output}],classButton:[{type:p.HostBinding,args:["class.k-button"]}],isToggleable:[{type:p.HostBinding,args:["class.k-toggle-button"]}],roleSetter:[{type:p.HostBinding,args:["attr.role"]}],classDisabled:[{type:p.HostBinding,args:["attr.aria-disabled"]},{type:p.HostBinding,args:["class.k-disabled"]}],classActive:[{type:p.HostBinding,args:["class.k-selected"]}],getDirection:[{type:p.HostBinding,args:["attr.dir"]}],onFocus:[{type:p.HostListener,args:["focus"]}],onBlur:[{type:p.HostListener,args:["blur"]}],primary:[{type:p.Input}],look:[{type:p.Input}]}});ee.prototype.preventDefault=function(){this.prevented=!0},ee.prototype.isDefaultPrevented=function(){return this.prevented};var J=ee;function ee(){this.prevented=!1}var te="tabindex",g=(Object.defineProperty(m.prototype,"tabIndex",{get:function(){return this._tabIndex},set:function(e){this._tabIndex=e,this.currentTabIndex=e},enumerable:!1,configurable:!0}),Object.defineProperty(m.prototype,"wrapperClass",{get:function(){return!0},enumerable:!1,configurable:!0}),Object.defineProperty(m.prototype,"disabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(m.prototype,"stretchedClass",{get:function(){return!!this.width},enumerable:!1,configurable:!0}),Object.defineProperty(m.prototype,"getRole",{get:function(){return this.isSelectionSingle()?"radiogroup":"group"},enumerable:!1,configurable:!0}),Object.defineProperty(m.prototype,"dir",{get:function(){return this.direction},enumerable:!1,configurable:!0}),Object.defineProperty(m.prototype,"ariaDisabled",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(m.prototype,"wrapperWidth",{get:function(){return this.width},enumerable:!1,configurable:!0}),Object.defineProperty(m.prototype,"wrapperTabIndex",{get:function(){return this.disabled?void 0:this.currentTabIndex},enumerable:!1,configurable:!0}),m.prototype.keydown=function(e){this.disabled||this.navigateFocus(e)},m.prototype.onFocus=function(){this.currentTabIndex=-1;var e=this.buttons.toArray().findIndex(function(e){return-1!==e.element.tabIndex}),n=-1===e?0:e;this.focus(this.buttons.filter(function(e,t){return t===n}))},m.prototype.focusout=function(e){e.relatedTarget&&e.relatedTarget.parentNode!==this.element.nativeElement&&(this.defocus(this.buttons.toArray()),this.currentTabIndex=this.tabIndex)},m.prototype.ngOnInit=function(){var n=this;this.subscription=this.service.buttonClicked$.subscribe(function(t){var e;n.isSelectionSingle()?(e=!0,n.deactivate(n.buttons.filter(function(e){return e!==t}))):(n.defocus(n.buttons.toArray()),e=!t.selected),t.togglable&&t.setSelected(e),t.setAttribute(te,"0")})},m.prototype.ngOnChanges=function(e){var t=this;c.isChanged("disabled",e)&&this.buttons.forEach(function(e){o(t.disabled)&&(e.disabled=t.disabled)})},m.prototype.ngAfterContentInit=function(){this.buttons.forEach(function(e){e.selected?e.setAttribute(te,"0"):e.setAttribute(te,"-1")})},m.prototype.ngAfterViewChecked=function(){this.buttons.length&&(this.buttons.first.renderer.addClass(this.buttons.first.element,"k-group-start"),this.buttons.last.renderer.addClass(this.buttons.last.element,"k-group-end"))},m.prototype.ngOnDestroy=function(){this.subscription.unsubscribe(),this.localizationChangeSubscription.unsubscribe()},m.prototype.ngAfterContentChecked=function(){this.verifySettings()},m.prototype.navigateFocus=function(e){var n=this.buttons.toArray().findIndex(function(e){return-1!==e.element.tabIndex}),t=this.buttons.length-1,i=new J;e.keyCode===c.Keys.ArrowRight&&n<t&&(this.navigate.emit(i),i.isDefaultPrevented()||(this.defocus(this.buttons.toArray()),this.focus(this.buttons.filter(function(e,t){return t===n+1})))),e.keyCode===c.Keys.ArrowLeft&&0<n&&(this.navigate.emit(i),i.isDefaultPrevented()||(this.defocus(this.buttons.toArray()),this.focus(this.buttons.filter(function(e,t){return t===n-1}))))},m.prototype.deactivate=function(e){e.forEach(function(e){e.setSelected(!1),e.setAttribute(te,"-1")})},m.prototype.activate=function(e){e.forEach(function(e){e.setSelected(!0),e.setAttribute(te,"0"),e.focus()})},m.prototype.defocus=function(e){e.forEach(function(e){e.setAttribute(te,"-1")})},m.prototype.focus=function(e){e.forEach(function(e){e.setAttribute(te,"0"),e.focus()})},m.prototype.verifySettings=function(){if(p.isDevMode()&&this.isSelectionSingle()&&1<this.buttons.filter(function(e){return e.selected}).length)throw new Error("Having multiple selected buttons with single selection mode is not supported")},m.prototype.isSelectionSingle=function(){return"single"===this.selection},m);function m(e,t,n){var i=this;this.service=e,this.element=n,this.selection="multiple",this.navigate=new p.EventEmitter,this._tabIndex=0,this.currentTabIndex=0,M.validatePackage(K),this.localizationChangeSubscription=t.changes.subscribe(function(e){e=e.rtl;return i.direction=e?"rtl":"ltr"})}g.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:g,deps:[{token:l},{token:s.LocalizationService},{token:i.ElementRef}],target:i.ɵɵFactoryTarget.Component}),g.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:g,selector:"kendo-buttongroup",inputs:{disabled:"disabled",selection:"selection",width:"width",tabIndex:"tabIndex"},outputs:{navigate:"navigate"},host:{listeners:{keydown:"keydown($event)",focus:"onFocus()",focusout:"focusout($event)"},properties:{"class.k-button-group":"this.wrapperClass","class.k-disabled":"this.disabledClass","class.k-button-group-stretched":"this.stretchedClass","attr.role":"this.getRole","attr.dir":"this.dir","attr.aria-disabled":"this.ariaDisabled","style.width":"this.wrapperWidth","attr.tabindex":"this.wrapperTabIndex"}},providers:[l,t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.buttongroup"}],queries:[{propertyName:"buttons",predicate:u}],exportAs:["kendoButtonGroup"],usesOnChanges:!0,ngImport:i,template:'\n        <ng-content select="[kendoButton]"></ng-content>\n    ',isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:g,decorators:[{type:p.Component,args:[{exportAs:"kendoButtonGroup",providers:[l,t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.buttongroup"}],selector:"kendo-buttongroup",template:'\n        <ng-content select="[kendoButton]"></ng-content>\n    '}]}],ctorParameters:function(){return[{type:l},{type:s.LocalizationService},{type:i.ElementRef}]},propDecorators:{disabled:[{type:p.Input,args:["disabled"]}],selection:[{type:p.Input,args:["selection"]}],width:[{type:p.Input,args:["width"]}],tabIndex:[{type:p.Input}],navigate:[{type:p.Output}],buttons:[{type:p.ContentChildren,args:[u]}],wrapperClass:[{type:p.HostBinding,args:["class.k-button-group"]}],disabledClass:[{type:p.HostBinding,args:["class.k-disabled"]}],stretchedClass:[{type:p.HostBinding,args:["class.k-button-group-stretched"]}],getRole:[{type:p.HostBinding,args:["attr.role"]}],dir:[{type:p.HostBinding,args:["attr.dir"]}],ariaDisabled:[{type:p.HostBinding,args:["attr.aria-disabled"]}],wrapperWidth:[{type:p.HostBinding,args:["style.width"]}],wrapperTabIndex:[{type:p.HostBinding,args:["attr.tabindex"]}],keydown:[{type:p.HostListener,args:["keydown",["$event"]]}],onFocus:[{type:p.HostListener,args:["focus"]}],focusout:[{type:p.HostListener,args:["focusout",["$event"]]}]}});var h=function(){},f=(h.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:h,deps:[],target:i.ɵɵFactoryTarget.NgModule}),h.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:h,declarations:[u],exports:[u]}),h.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:h}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:h,decorators:[{type:p.NgModule,args:[{declarations:[u],exports:[u]}]}]}),function(){}),b=(f.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:f,deps:[],target:i.ɵɵFactoryTarget.NgModule}),f.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:f,declarations:[g],imports:[n.CommonModule,h],exports:[g]}),f.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:f,imports:[[n.CommonModule,h]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:f,decorators:[{type:p.NgModule,args:[{declarations:[g],exports:[g],imports:[n.CommonModule,h]}]}]}),ne.prototype.isFocused=function(e){return e===this.focused},ne.prototype.focus=function(e){this.isFocused(e)||(this.focused=e,this.onFocus.emit(e))},ne.prototype.resetFocus=function(){this.focused=-1},Object.defineProperty(ne.prototype,"focused",{get:function(){return this.focusedIndex},set:function(e){this.focusedIndex=e,this.onFocus.emit(e)},enumerable:!1,configurable:!0}),ne);function ne(){this.onFocus=new p.EventEmitter}b.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:b,deps:[],target:i.ɵɵFactoryTarget.Injectable}),b.ɵprov=i.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:b}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:b,decorators:[{type:p.Injectable}]});oe.prototype.ngOnInit=function(){this.index===this.focusService.focused?this.renderer.addClass(this.element,"k-focus"):this.renderer.removeClass(this.element,"k-focus")},oe.prototype.ngOnDestroy=function(){this.unsubscribeEvents()},oe.prototype.subscribeEvents=function(){var t=this;c.isDocumentAvailable()&&(this.focusSubscription=this.focusService.onFocus.subscribe(function(e){t.index===e?(t.renderer.addClass(t.element,"k-focus"),t.element.focus()):t.renderer.removeClass(t.element,"k-focus")}))},oe.prototype.unsubscribeEvents=function(){c.isDocumentAvailable()&&this.focusSubscription&&this.focusSubscription.unsubscribe()};var ie=oe;function oe(e,t,n){this.focusService=e,this.renderer=n,this.element=t.nativeElement,this.subscribeEvents()}ie.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:ie,deps:[{token:b},{token:i.ElementRef},{token:i.Renderer2}],target:i.ɵɵFactoryTarget.Directive}),ie.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:ie,selector:"[kendoButtonFocusable]",inputs:{index:"index"},ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:ie,decorators:[{type:p.Directive,args:[{selector:"[kendoButtonFocusable]"}]}],ctorParameters:function(){return[{type:b},{type:i.ElementRef},{type:i.Renderer2}]},propDecorators:{index:[{type:p.Input}]}});Object.defineProperty(re.prototype,"templateContext",{set:function(e){this.insertedViewRef&&(this.viewContainerRef.remove(this.viewContainerRef.indexOf(this.insertedViewRef)),this.insertedViewRef=void 0),e.templateRef&&(this.insertedViewRef=this.viewContainerRef.createEmbeddedView(e.templateRef,e))},enumerable:!1,configurable:!0});var se=re;function re(e){this.viewContainerRef=e}se.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:se,deps:[{token:i.ViewContainerRef}],target:i.ɵɵFactoryTarget.Directive}),se.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:se,selector:"[templateContext]",inputs:{templateContext:"templateContext"},ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:se,decorators:[{type:p.Directive,args:[{selector:"[templateContext]"}]}],ctorParameters:function(){return[{type:i.ViewContainerRef}]},propDecorators:{templateContext:[{type:p.Input}]}});Object.defineProperty(le.prototype,"size",{set:function(e){this.sizeClass=e?"k-menu-group-"+G[e]:""},enumerable:!1,configurable:!0}),le.prototype.getText=function(e){if(e)return this.textField?e[this.textField]:e.text||e},le.prototype.getIconClasses=function(e){var t={};return t[(e.icon?"k-icon k-i-"+e.icon:void 0)||e.iconClass]=!0,t},le.prototype.onClick=function(e){this.onItemClick.emit(e)},le.prototype.onBlur=function(){this.onItemBlur.emit()};var ae=le;function le(){this.onItemClick=new p.EventEmitter,this.onItemBlur=new p.EventEmitter,this.sizeClass="",M.validatePackage(K)}ae.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:ae,deps:[],target:i.ɵɵFactoryTarget.Component}),ae.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:ae,selector:"kendo-button-list",inputs:{data:"data",textField:"textField",itemTemplate:"itemTemplate",size:"size"},outputs:{onItemClick:"onItemClick",onItemBlur:"onItemBlur"},ngImport:i,template:'\n        <ul class="k-group k-menu-group k-reset" [ngClass]="sizeClass" unselectable="on" role="menu">\n            <li role="menuitem" unselectable="on"\n                kendoButtonFocusable\n                *ngFor="let dataItem of data; let index = index;"\n                [index]="index"\n                tabindex="-1"\n                class="k-item k-menu-item"\n                (click)="onClick(index)"\n                (blur)="onBlur()"\n                [attr.aria-disabled]="dataItem.disabled ? true : false">\n                <ng-template [ngIf]="itemTemplate?.templateRef">\n                    <span class="k-link k-menu-link" [class.k-disabled]="dataItem.disabled">\n                        <ng-template [templateContext]="{templateRef: itemTemplate?.templateRef, $implicit: dataItem}"></ng-template>\n                    </span>\n                </ng-template>\n                <ng-template [ngIf]="!itemTemplate?.templateRef">\n                    <span class="k-link k-menu-link" [class.k-disabled]="dataItem.disabled">\n                        <span\n                            *ngIf="dataItem.icon || dataItem.iconClass"\n                            [ngClass]="getIconClasses(dataItem)"\n                        ></span>\n                        <img\n                            *ngIf="dataItem.imageUrl"\n                            class="k-image"\n                            [src]="dataItem.imageUrl"\n                            alt=""\n                        >\n                        <span *ngIf="getText(dataItem)" class="k-menu-link-text">\n                        {{ getText(dataItem) }}\n                        </span>\n                    </span>\n                </ng-template>\n            </li>\n        </ul>\n      ',isInline:!0,directives:[{type:a.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:a.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:ie,selector:"[kendoButtonFocusable]",inputs:["index"]},{type:a.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:se,selector:"[templateContext]",inputs:["templateContext"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:ae,decorators:[{type:p.Component,args:[{selector:"kendo-button-list",template:'\n        <ul class="k-group k-menu-group k-reset" [ngClass]="sizeClass" unselectable="on" role="menu">\n            <li role="menuitem" unselectable="on"\n                kendoButtonFocusable\n                *ngFor="let dataItem of data; let index = index;"\n                [index]="index"\n                tabindex="-1"\n                class="k-item k-menu-item"\n                (click)="onClick(index)"\n                (blur)="onBlur()"\n                [attr.aria-disabled]="dataItem.disabled ? true : false">\n                <ng-template [ngIf]="itemTemplate?.templateRef">\n                    <span class="k-link k-menu-link" [class.k-disabled]="dataItem.disabled">\n                        <ng-template [templateContext]="{templateRef: itemTemplate?.templateRef, $implicit: dataItem}"></ng-template>\n                    </span>\n                </ng-template>\n                <ng-template [ngIf]="!itemTemplate?.templateRef">\n                    <span class="k-link k-menu-link" [class.k-disabled]="dataItem.disabled">\n                        <span\n                            *ngIf="dataItem.icon || dataItem.iconClass"\n                            [ngClass]="getIconClasses(dataItem)"\n                        ></span>\n                        <img\n                            *ngIf="dataItem.imageUrl"\n                            class="k-image"\n                            [src]="dataItem.imageUrl"\n                            alt=""\n                        >\n                        <span *ngIf="getText(dataItem)" class="k-menu-link-text">\n                        {{ getText(dataItem) }}\n                        </span>\n                    </span>\n                </ng-template>\n            </li>\n        </ul>\n      '}]}],ctorParameters:function(){return[]},propDecorators:{data:[{type:p.Input}],textField:[{type:p.Input}],itemTemplate:[{type:p.Input}],onItemClick:[{type:p.Output}],onItemBlur:[{type:p.Output}],size:[{type:p.Input}]}});var y=function(e){this.templateRef=e},v=(y.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:y,deps:[{token:i.TemplateRef}],target:i.ɵɵFactoryTarget.Directive}),y.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:y,selector:"[kendoDropDownButtonItemTemplate],[kendoSplitButtonItemTemplate]",ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:y,decorators:[{type:p.Directive,args:[{selector:"[kendoDropDownButtonItemTemplate],[kendoSplitButtonItemTemplate]"}]}],ctorParameters:function(){return[{type:i.TemplateRef}]}}),[ae,ie,y,se]),C=function(){},pe=(C.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:C,deps:[],target:i.ɵɵFactoryTarget.NgModule}),C.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:C,declarations:[ae,ie,y,se],imports:[n.CommonModule],exports:[ae,ie,y,se]}),C.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:C,imports:[[n.CommonModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:C,decorators:[{type:p.NgModule,args:[{declarations:[v],exports:[v],imports:[n.CommonModule]}]}]}),function(e,t){return(pe=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])})(e,t)});function ce(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}pe(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}Object.create;function ue(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var i,o,s=n.call(e),r=[];try{for(;(void 0===t||0<t--)&&!(i=s.next()).done;)r.push(i.value)}catch(e){o={error:e}}finally{try{i&&!i.done&&(n=s.return)&&n.call(s)}finally{if(o)throw o.error}}return r}function de(e,t,n){if(n||2===arguments.length)for(var i,o=0,s=t.length;o<s;o++)!i&&o in t||((i=i||Array.prototype.slice.call(t,0,o))[o]=t[o]);return e.concat(i||Array.prototype.slice.call(t))}var ge,k;Object.create;(v=ge=ge||{})[v.keydown=0]="keydown",v[v.keypress=1]="keypress",v[v.keyup=2]="keyup",(v=k=k||{})[v.Undefined=0]="Undefined",v[v.Open=1]="Open",v[v.Close=2]="Close",v[v.Enter=3]="Enter",v[v.EnterPress=4]="EnterPress",v[v.EnterUp=5]="EnterUp",v[v.Tab=6]="Tab",v[v.Esc=7]="Esc",v[v.Navigate=8]="Navigate";var me=new p.InjectionToken("navigation.config"),I=(he.prototype.process=function(e){var t,n,i,o,s=e.keyCode,r=e.keyEvent,a=k.Undefined;return r===ge.keypress?this.isEnter(s)&&(a=k.EnterPress):r===ge.keyup?this.isEnter(s)&&(a=k.EnterUp):e.altKey&&s===c.Keys.ArrowDown?a=k.Open:e.altKey&&s===c.Keys.ArrowUp?a=k.Close:this.isEnter(s)?a=k.Enter:s===c.Keys.Escape?a=k.Esc:s===c.Keys.Tab?a=k.Tab:s===c.Keys.ArrowUp||this.useLeftRightArrows&&s===c.Keys.ArrowLeft?(n=e.flipNavigation?1:-1,i=e.flipNavigation?e.min:e.max,o=e.flipNavigation?e.max:e.min,t=this.next({current:e.current,start:i,end:o,step:n}),a=k.Navigate):s===c.Keys.ArrowDown||this.useLeftRightArrows&&s===c.Keys.ArrowRight?(n=e.flipNavigation?-1:1,i=e.flipNavigation?e.max:e.min,o=e.flipNavigation?e.min:e.max,t=this.next({current:e.current,start:i,end:o,step:n}),a=k.Navigate):s===c.Keys.Home?(t=e.min,a=k.Navigate):s===c.Keys.End&&(t=e.max,a=k.Navigate),a!==k.Undefined&&this[k[a].toLowerCase()].emit(t),a},he.prototype.isEnter=function(e){return e===c.Keys.Enter||e===c.Keys.Space},he.prototype.next=function(e){return o(e.current)?e.current!==e.end?e.current+e.step:e.end:e.start},he);function he(e){this.navigate=new p.EventEmitter,this.open=new p.EventEmitter,this.close=new p.EventEmitter,this.enter=new p.EventEmitter,this.enterpress=new p.EventEmitter,this.enterup=new p.EventEmitter,this.tab=new p.EventEmitter,this.esc=new p.EventEmitter,this.useLeftRightArrows=e.useLeftRightArrows}I.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:I,deps:[{token:me}],target:i.ɵɵFactoryTarget.Injectable}),I.ɵprov=i.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:I}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:I,decorators:[{type:p.Injectable}],ctorParameters:function(){return[{type:void 0,decorators:[{type:p.Inject,args:[me]}]}]}});Object.defineProperty(x.prototype,"popupClasses",{get:function(){var e=["k-menu-popup"];return this._popupSettings.popupClass&&e.push(this._popupSettings.popupClass),e.join(" ")},enumerable:!1,configurable:!0}),Object.defineProperty(x.prototype,"openState",{get:function(){return this._open},set:function(e){this._open=e},enumerable:!1,configurable:!0}),x.prototype.togglePopupVisibility=function(){this._disabled||(this.openState=!this.openState,this.openState||this.focusService.focus(-1))},x.prototype.onItemClick=function(e){var t=this;this.emitItemClickHandler(e),setTimeout(function(){return t.focusWrapper()},1)},x.prototype.ngOnDestroy=function(){this.openState=!1,this.unsubscribeEvents(),clearTimeout(this.focusFirstTimeout),clearTimeout(this.blurTimeout),this.localizationChangeSubscription&&this.localizationChangeSubscription.unsubscribe()},x.prototype.subscribeEvents=function(){c.isDocumentAvailable()&&(this.subscribeListItemFocusEvent(),this.subscribeComponentBlurredEvent(),this.subscribeNavigationEvents())},x.prototype.subscribeListItemFocusEvent=function(){var e=this;this.focusSubscription=this.focusService.onFocus.subscribe(function(){e._isFocused=!0})},x.prototype.subscribeComponentBlurredEvent=function(){var t=this;this._zone.runOutsideAngular(function(){t.tabSubscription=t.navigationService.tab.pipe(V.filter(function(){return t._isFocused})).subscribe(t.handleTab.bind(t)),t.componentBlurredSubscription=N.fromEvent(document,"click").pipe(V.filter(function(e){return!t.wrapperContains(e.target)}),V.filter(function(){return t._isFocused})).subscribe(function(){return t._zone.run(function(){return t.blurWrapper()})})})},x.prototype.subscribeNavigationEvents=function(){var e=this;this.navigationSubscription=this.navigationService.navigate.subscribe(this.focusService.focus.bind(this.focusService)),this.enterUpSubscription=this.navigationService.enterup.subscribe(function(){e.enterHandler(),e.focusWrapper()}),this.openSubscription=this.navigationService.open.subscribe(function(){e._open?e.focusWrapper():(e.togglePopupVisibility(),e.focusFirstItem())}),this.closeSubscription=N.merge(this.navigationService.close,this.navigationService.esc).subscribe(function(){return e.focusWrapper()})},x.prototype.enterHandler=function(){},x.prototype.unsubscribeEvents=function(){c.isDocumentAvailable()&&(this.unsubscribe(this.componentBlurredSubscription),this.unsubscribe(this.focusSubscription),this.unsubscribe(this.navigationSubscription),this.unsubscribe(this.enterPressSubscription),this.unsubscribe(this.enterUpSubscription),this.unsubscribe(this.openSubscription),this.unsubscribe(this.closeSubscription),this.unsubscribe(this.tabSubscription))},x.prototype.unsubscribe=function(e){e&&e.unsubscribe()},x.prototype.keyDownHandler=function(e){this.keyHandler(e)},x.prototype.keyPressHandler=function(e){this.keyHandler(e,ge.keypress)},x.prototype.keyUpHandler=function(e){this.keyHandler(e,ge.keyup)},x.prototype.keyHandler=function(e,t){var n,i;this._disabled||(i=this.focusService.focused||0,(i=this.navigationService.process({altKey:(n=e).altKey,current:i,keyCode:n.keyCode,keyEvent:t,max:this._data?this._data.length-1:0,min:0}))!==k.Undefined&&i!==k.Tab&&(i!==k.Enter||i===k.Enter&&this._open)&&(e.keyCode===c.Keys.Space&&i===k.EnterUp?this._open=!1:n.preventDefault()))},x.prototype.emitItemClickHandler=function(e){e=this._data[e];this._itemClick&&this._itemClick.emit(e),e&&e.click&&!e.disabled&&e.click(e)},x.prototype.focusFirstItem=function(){var e=this;this._data&&o(this._data[0])&&(this.focusFirstTimeout=setTimeout(function(){return e.focusService.focus(0)},1))},x.prototype.focusWrapper=function(){this._open&&(this.togglePopupVisibility(),this.focusButton())},x.prototype.wrapperContains=function(e){return this.wrapper===e||this.wrapper.contains(e)},x.prototype.blurWrapper=function(e){void 0===e&&(e=!0),this._open&&this.togglePopupVisibility(),this._isFocused=!1,e&&(this._blur.emit(),this.cdr.markForCheck())},x.prototype.focusButton=function(){this.button&&this.button.nativeElement.focus()},x.prototype.handleTab=function(){this.focusButton(),this.blurWrapper(!1)};v=x;function x(e,t,n,i,o,s){var r=this;this.focusService=e,this.navigationService=t,this.wrapperRef=n,this._zone=i,this.cdr=s,this._open=!1,this._disabled=!1,this._active=!1,this._popupSettings={animate:!0,popupClass:""},this.listId=c.guid(),this._isFocused=!1,M.validatePackage(K),this.focusService=e,this.navigationService=t,this.wrapper=n.nativeElement,this.localizationChangeSubscription=o.changes.subscribe(function(e){e=e.rtl;return r.direction=e?"rtl":"ltr"}),this.subscribeEvents()}v.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:v,deps:[{token:b},{token:I},{token:i.ElementRef},{token:i.NgZone},{token:s.LocalizationService},{token:i.ChangeDetectorRef}],target:i.ɵɵFactoryTarget.Component}),v.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:v,selector:"ng-component",ngImport:i,template:"",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:v,decorators:[{type:p.Component,args:[{template:""}]}],ctorParameters:function(){return[{type:b},{type:I},{type:i.ElementRef},{type:i.NgZone},{type:s.LocalizationService},{type:i.ChangeDetectorRef}]}});ce(be,fe=t.ComponentMessages);var fe,S=be;function be(){return null!==fe&&fe.apply(this,arguments)||this}S.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:S,deps:null,target:i.ɵɵFactoryTarget.Directive}),S.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:S,selector:"kendo-splitbutton-messages-base",inputs:{splitButtonLabel:"splitButtonLabel"},usesInheritance:!0,ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:S,decorators:[{type:p.Directive,args:[{selector:"kendo-splitbutton-messages-base"}]}],propDecorators:{splitButtonLabel:[{type:p.Input}]}});ce(ve,ye=S);var ye,D=ve;function ve(e){var t=ye.call(this)||this;return t.service=e,t}D.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:D,deps:[{token:s.LocalizationService}],target:i.ɵɵFactoryTarget.Directive}),D.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:D,selector:"[kendoSplitButtonLocalizedMessages]",providers:[{provide:S,useExisting:p.forwardRef(function(){return D})}],usesInheritance:!0,ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:D,decorators:[{type:p.Directive,args:[{providers:[{provide:S,useExisting:p.forwardRef(function(){return D})}],selector:"[kendoSplitButtonLocalizedMessages]"}]}],ctorParameters:function(){return[{type:s.LocalizationService}]}});var Ce,E={provide:me,useValue:{useLeftRightArrows:!0}},ke=(ce(w,Ce=v),Object.defineProperty(w.prototype,"rounded",{get:function(){return this._rounded},set:function(e){this.handleClasses(e,"rounded"),this._rounded=e},enumerable:!1,configurable:!0}),Object.defineProperty(w.prototype,"fillMode",{get:function(){return this._fillMode},set:function(e){this._fillMode="clear"===e?"flat":e},enumerable:!1,configurable:!0}),Object.defineProperty(w.prototype,"disabled",{get:function(){return this._disabled},set:function(e){this.isOpen&&this.toggle(!1),this._disabled=e},enumerable:!1,configurable:!0}),Object.defineProperty(w.prototype,"popupSettings",{get:function(){return this._popupSettings},set:function(e){this._popupSettings=Object.assign({animate:!0,popupClass:""},e)},enumerable:!1,configurable:!0}),Object.defineProperty(w.prototype,"data",{get:function(){return this._data||(this.data=[]),this._data},set:function(e){this._data=e||[]},enumerable:!1,configurable:!0}),Object.defineProperty(w.prototype,"openState",{get:function(){return this._open},set:function(e){var t;this.disabled||(t=new J,(e?this.open:this.close).emit(t),t.isDefaultPrevented()||this._toggle(e))},enumerable:!1,configurable:!0}),Object.defineProperty(w.prototype,"active",{get:function(){return this._active},enumerable:!1,configurable:!0}),Object.defineProperty(w.prototype,"componentTabIndex",{get:function(){return this.disabled?-1:this.tabIndex},enumerable:!1,configurable:!0}),Object.defineProperty(w.prototype,"isFocused",{get:function(){return this._isFocused&&!this._disabled},set:function(e){this._isFocused=e},enumerable:!1,configurable:!0}),Object.defineProperty(w.prototype,"widgetClasses",{get:function(){return!0},enumerable:!1,configurable:!0}),Object.defineProperty(w.prototype,"dir",{get:function(){return this.direction},enumerable:!1,configurable:!0}),Object.defineProperty(w.prototype,"ariaLabel",{get:function(){var e,t,n=this.localization.get("splitButtonLabel")||"";return e="buttonText",t=this.buttonText,n.replace(new RegExp("{\\s*"+e+"\\s*}","g"),t)},enumerable:!1,configurable:!0}),w.prototype.onButtonFocus=function(){this.isFocused||(this._isFocused=!0,this.onFocus.emit())},w.prototype.onArrowButtonClick=function(){this.lockFocus=!0,this.togglePopupVisibility()},w.prototype.toggleButtonActiveState=function(e){this._active=e},w.prototype.toggleArrowButtonActiveState=function(e){this.activeArrow=e},w.prototype.onButtonClick=function(){this.lockFocus=!0,this.buttonClick.emit()},w.prototype.onButtonBlur=function(){this.isOpen||this.lockFocus||this.blurWrapper(),this.lockFocus=!1},w.prototype.keydown=function(e){this.keyDownHandler(e),e.keyCode===c.Keys.Space&&(this._active=!0)},w.prototype.keypress=function(e){this.keyPressHandler(e)},w.prototype.keyup=function(e){this._active=!1,e.keyCode!==c.Keys.Space&&this.keyUpHandler(e)},w.prototype.ngAfterViewInit=function(){this.updateButtonText(),this.handleClasses(this.rounded,"rounded")},w.prototype.ngOnChanges=function(e){var t;e.hasOwnProperty("text")&&this.updateButtonText(),c.isChanged("popupSettings",e)&&o(this.popupRef)&&(t=this.popupRef.popup.instance,e=e.popupSettings.currentValue,t.popupClass=e.popupClass,t.animate=e.animate,t.popupAlign=this.popupAlign)},w.prototype.togglePopupVisibility=function(){Ce.prototype.togglePopupVisibility.call(this),c.isDocumentAvailable()&&this.lockFocus&&this.button.nativeElement.focus()},w.prototype.wrapperContains=function(e){return this.wrapper===e||this.wrapper.contains(e)||this.popupRef&&this.popupRef.popupElement.contains(e)},Object.defineProperty(w.prototype,"anchorAlign",{get:function(){var e={horizontal:this.popupSettings.align||"left",vertical:"bottom"};return"rtl"!==this.direction||o(this.popupSettings.align)||(e.horizontal="right"),e},enumerable:!1,configurable:!0}),Object.defineProperty(w.prototype,"popupAlign",{get:function(){var e={horizontal:this.popupSettings.align||"left",vertical:"top"};return"rtl"!==this.direction||o(this.popupSettings.align)||(e.horizontal="right"),e},enumerable:!1,configurable:!0}),w.prototype.focus=function(){c.isDocumentAvailable()&&this.button.nativeElement.focus()},w.prototype.blur=function(){c.isDocumentAvailable()&&(this.button.nativeElement.blur(),this.blurWrapper())},w.prototype.ngOnDestroy=function(){Ce.prototype.ngOnDestroy.call(this),this.destroyPopup()},w.prototype.toggle=function(e){var t=this;this.disabled||L(function(){return t._toggle(void 0===e?!t._open:e)})},Object.defineProperty(w.prototype,"isOpen",{get:function(){return this.openState},enumerable:!1,configurable:!0}),w.prototype.enterHandler=function(){var e;this.disabled||(this.openState?(e=this.focusService.focused,o(e)&&-1!==e&&this.emitItemClickHandler(e)):this.buttonClick.emit())},w.prototype.updateButtonText=function(){var e,t=this;c.isDocumentAvailable()&&(e=this.wrapper.innerText.split("\n").join("").trim(),setTimeout(function(){return t.buttonText=e},0))},Object.defineProperty(w.prototype,"appendTo",{get:function(){var e=this.popupSettings.appendTo;if(e&&"root"!==e)return"component"===e?this.containerRef:e},enumerable:!1,configurable:!0}),w.prototype._toggle=function(e){this._open=e,this.destroyPopup(),this._open&&this.createPopup()},w.prototype.createPopup=function(){var e=this;this.popupRef=this.popupService.open({anchor:this.elRef,anchorAlign:this.anchorAlign,animate:this.popupSettings.animate,appendTo:this.appendTo,content:this.popupTemplate,popupAlign:this.popupAlign,popupClass:this.popupClasses}),this.popupRef.popupAnchorViewportLeave.subscribe(function(){return e.openState=!1}),this.popupRef.popupOpen.subscribe(this.focusFirstItem.bind(this))},w.prototype.destroyPopup=function(){this.popupRef&&(this.popupRef.close(),this.popupRef=null)},w.prototype.handleClasses=function(e,t){var n=this.wrapperRef.nativeElement,t=q("button",t,this[t],e);t.toRemove&&this.renderer.removeClass(n,t.toRemove),t.toAdd&&this.renderer.addClass(n,t.toAdd)},w);function w(e,t,n,i,o,s,r,a,l){e=Ce.call(this,e,t,n,i,r,a)||this;return e.popupService=o,e.elRef=s,e.localization=r,e.renderer=l,e.text="",e.icon="",e.iconClass="",e.type="button",e.imageUrl="",e.size="medium",e.themeColor="base",e.tabIndex=0,e.arrowButtonIcon="arrow-s",e.buttonClick=new p.EventEmitter,e.itemClick=new p.EventEmitter,e.onFocus=new p.EventEmitter,e.onBlur=new p.EventEmitter,e.open=new p.EventEmitter,e.close=new p.EventEmitter,e.activeArrow=!1,e.listId=c.guid(),e.buttonText="",e.lockFocus=!1,e._rounded="medium",e._fillMode="solid",e._itemClick=e.itemClick,e._blur=e.onBlur,e}ke.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:ke,deps:[{token:b},{token:I},{token:i.ElementRef},{token:i.NgZone},{token:U.PopupService},{token:i.ElementRef},{token:s.LocalizationService},{token:i.ChangeDetectorRef},{token:i.Renderer2}],target:i.ɵɵFactoryTarget.Component}),ke.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:ke,selector:"kendo-splitbutton",inputs:{text:"text",icon:"icon",iconClass:"iconClass",type:"type",imageUrl:"imageUrl",size:"size",rounded:"rounded",fillMode:"fillMode",themeColor:"themeColor",disabled:"disabled",popupSettings:"popupSettings",tabIndex:"tabIndex",textField:"textField",data:"data",buttonClass:"buttonClass",arrowButtonClass:"arrowButtonClass",arrowButtonIcon:"arrowButtonIcon"},outputs:{buttonClick:"buttonClick",itemClick:"itemClick",onFocus:"focus",onBlur:"blur",open:"open",close:"close"},host:{listeners:{keydown:"keydown($event)",keypress:"keypress($event)",keyup:"keyup($event)"},properties:{"class.k-focus":"this.isFocused","class.k-split-button":"this.widgetClasses","class.k-button-group":"this.widgetClasses","attr.dir":"this.dir"}},providers:[b,I,E,t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.splitbutton"}],queries:[{propertyName:"itemTemplate",first:!0,predicate:y,descendants:!0}],viewQueries:[{propertyName:"button",first:!0,predicate:["button"],descendants:!0,static:!0},{propertyName:"arrowButton",first:!0,predicate:["arrowButton"],descendants:!0,read:p.ElementRef,static:!0},{propertyName:"popupTemplate",first:!0,predicate:["popupTemplate"],descendants:!0,static:!0},{propertyName:"containerRef",first:!0,predicate:["container"],descendants:!0,read:p.ViewContainerRef,static:!0}],exportAs:["kendoSplitButton"],usesInheritance:!0,usesOnChanges:!0,ngImport:i,template:'\n        <ng-container kendoSplitButtonLocalizedMessages\n            i18n-splitButtonLabel="kendo.splitbutton.splitButtonLabel|The text for the SplitButton aria-label"\n            splitButtonLabel="{{ \'{buttonText} splitbutton\' }}">\n        </ng-container>\n        <button\n            kendoButton\n            #button\n            [type]="type"\n            [tabindex]="componentTabIndex"\n            [disabled]="disabled"\n            [size]="size"\n            [rounded]="rounded"\n            [fillMode]="fillMode"\n            [themeColor]="themeColor"\n            [icon]="icon"\n            [class.k-active]="active"\n            [class.k-icon-button]="!text && icon"\n            [iconClass]="iconClass"\n            [imageUrl]="imageUrl"\n            [ngClass]="buttonClass"\n            (focus)="onButtonFocus()"\n            (click)="onButtonClick()"\n            (blur)="onButtonBlur()"\n            (mousedown)="toggleButtonActiveState(true)"\n            (mouseup)="toggleButtonActiveState(false)"\n            [attr.aria-disabled]="disabled"\n            [attr.aria-expanded]="openState"\n            [attr.aria-haspopup]="true"\n            [attr.aria-owns]="listId"\n            [attr.aria-label]="ariaLabel"\n        >\n            <span *ngIf="text" class="k-button-text">\n                {{ text }}\n            </span><ng-content></ng-content>\n        </button>\n        <button\n            kendoButton\n            #arrowButton\n            type="button"\n            [class.k-active]="activeArrow"\n            [disabled]="disabled"\n            [icon]="arrowButtonIcon"\n            [size]="size"\n            [rounded]="rounded"\n            [fillMode]="fillMode"\n            [themeColor]="fillMode ? themeColor : null"\n            [tabindex]="-1"\n            [ngClass]="arrowButtonClass"\n            (click)="onArrowButtonClick()"\n            (mousedown)="toggleArrowButtonActiveState(true)"\n            (mouseup)="toggleArrowButtonActiveState(false)"\n        ></button>\n        <ng-template #popupTemplate>\n            <kendo-button-list\n                [id]="listId"\n                [data]="data"\n                [textField]="textField"\n                [itemTemplate]="itemTemplate"\n                (onItemClick)="onItemClick($event)"\n                (keydown)="keyDownHandler($event)"\n                (keypress)="keyPressHandler($event)"\n                (keyup)="keyUpHandler($event)"\n                [attr.dir]="dir"\n                [size]="size"\n            >\n            </kendo-button-list>\n        </ng-template>\n        <ng-container #container></ng-container>\n    ',isInline:!0,components:[{type:ae,selector:"kendo-button-list",inputs:["data","textField","itemTemplate","size"],outputs:["onItemClick","onItemBlur"]}],directives:[{type:D,selector:"[kendoSplitButtonLocalizedMessages]"},{type:u,selector:"button[kendoButton], span[kendoButton]",inputs:["toggleable","togglable","selected","tabIndex","icon","iconClass","imageUrl","disabled","size","rounded","fillMode","themeColor","shape","role","primary","look"],outputs:["selectedChange","click"],exportAs:["kendoButton"]},{type:a.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:a.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:ke,decorators:[{type:p.Component,args:[{exportAs:"kendoSplitButton",providers:[b,I,E,t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.splitbutton"}],selector:"kendo-splitbutton",template:'\n        <ng-container kendoSplitButtonLocalizedMessages\n            i18n-splitButtonLabel="kendo.splitbutton.splitButtonLabel|The text for the SplitButton aria-label"\n            splitButtonLabel="{{ \'{buttonText} splitbutton\' }}">\n        </ng-container>\n        <button\n            kendoButton\n            #button\n            [type]="type"\n            [tabindex]="componentTabIndex"\n            [disabled]="disabled"\n            [size]="size"\n            [rounded]="rounded"\n            [fillMode]="fillMode"\n            [themeColor]="themeColor"\n            [icon]="icon"\n            [class.k-active]="active"\n            [class.k-icon-button]="!text && icon"\n            [iconClass]="iconClass"\n            [imageUrl]="imageUrl"\n            [ngClass]="buttonClass"\n            (focus)="onButtonFocus()"\n            (click)="onButtonClick()"\n            (blur)="onButtonBlur()"\n            (mousedown)="toggleButtonActiveState(true)"\n            (mouseup)="toggleButtonActiveState(false)"\n            [attr.aria-disabled]="disabled"\n            [attr.aria-expanded]="openState"\n            [attr.aria-haspopup]="true"\n            [attr.aria-owns]="listId"\n            [attr.aria-label]="ariaLabel"\n        >\n            <span *ngIf="text" class="k-button-text">\n                {{ text }}\n            </span><ng-content></ng-content>\n        </button>\n        <button\n            kendoButton\n            #arrowButton\n            type="button"\n            [class.k-active]="activeArrow"\n            [disabled]="disabled"\n            [icon]="arrowButtonIcon"\n            [size]="size"\n            [rounded]="rounded"\n            [fillMode]="fillMode"\n            [themeColor]="fillMode ? themeColor : null"\n            [tabindex]="-1"\n            [ngClass]="arrowButtonClass"\n            (click)="onArrowButtonClick()"\n            (mousedown)="toggleArrowButtonActiveState(true)"\n            (mouseup)="toggleArrowButtonActiveState(false)"\n        ></button>\n        <ng-template #popupTemplate>\n            <kendo-button-list\n                [id]="listId"\n                [data]="data"\n                [textField]="textField"\n                [itemTemplate]="itemTemplate"\n                (onItemClick)="onItemClick($event)"\n                (keydown)="keyDownHandler($event)"\n                (keypress)="keyPressHandler($event)"\n                (keyup)="keyUpHandler($event)"\n                [attr.dir]="dir"\n                [size]="size"\n            >\n            </kendo-button-list>\n        </ng-template>\n        <ng-container #container></ng-container>\n    '}]}],ctorParameters:function(){return[{type:b},{type:I},{type:i.ElementRef},{type:i.NgZone},{type:U.PopupService},{type:i.ElementRef},{type:s.LocalizationService},{type:i.ChangeDetectorRef},{type:i.Renderer2}]},propDecorators:{text:[{type:p.Input}],icon:[{type:p.Input}],iconClass:[{type:p.Input}],type:[{type:p.Input}],imageUrl:[{type:p.Input}],size:[{type:p.Input}],rounded:[{type:p.Input}],fillMode:[{type:p.Input}],themeColor:[{type:p.Input}],disabled:[{type:p.Input}],popupSettings:[{type:p.Input}],tabIndex:[{type:p.Input}],textField:[{type:p.Input}],data:[{type:p.Input}],buttonClass:[{type:p.Input}],arrowButtonClass:[{type:p.Input}],arrowButtonIcon:[{type:p.Input}],buttonClick:[{type:p.Output}],itemClick:[{type:p.Output}],onFocus:[{type:p.Output,args:["focus"]}],onBlur:[{type:p.Output,args:["blur"]}],open:[{type:p.Output}],close:[{type:p.Output}],itemTemplate:[{type:p.ContentChild,args:[y,{static:!1}]}],button:[{type:p.ViewChild,args:["button",{static:!0}]}],arrowButton:[{type:p.ViewChild,args:["arrowButton",{static:!0,read:p.ElementRef}]}],popupTemplate:[{type:p.ViewChild,args:["popupTemplate",{static:!0}]}],containerRef:[{type:p.ViewChild,args:["container",{read:p.ViewContainerRef,static:!0}]}],isFocused:[{type:p.HostBinding,args:["class.k-focus"]}],widgetClasses:[{type:p.HostBinding,args:["class.k-split-button"]},{type:p.HostBinding,args:["class.k-button-group"]}],dir:[{type:p.HostBinding,args:["attr.dir"]}],keydown:[{type:p.HostListener,args:["keydown",["$event"]]}],keypress:[{type:p.HostListener,args:["keypress",["$event"]]}],keyup:[{type:p.HostListener,args:["keyup",["$event"]]}]}});ce(xe,Ie=S),Object.defineProperty(xe.prototype,"override",{get:function(){return!0},enumerable:!1,configurable:!0});var Ie,O=xe;function xe(e){var t=Ie.call(this)||this;return t.service=e,t}O.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:O,deps:[{token:s.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),O.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:O,selector:"kendo-splitbutton-messages",providers:[{provide:S,useExisting:p.forwardRef(function(){return O})}],usesInheritance:!0,ngImport:i,template:"",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:O,decorators:[{type:p.Component,args:[{providers:[{provide:S,useExisting:p.forwardRef(function(){return O})}],selector:"kendo-splitbutton-messages",template:""}]}],ctorParameters:function(){return[{type:s.LocalizationService}]}});var Se,E=function(){},S=(E.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:E,deps:[],target:i.ɵɵFactoryTarget.NgModule}),E.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:E,declarations:[ke,D,O],imports:[n.CommonModule,z.PopupModule,h,C],exports:[ke,C,D,O]}),E.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:E,imports:[[n.CommonModule,z.PopupModule,h,C],C]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:E,decorators:[{type:p.NgModule,args:[{declarations:[ke,D,O],exports:[ke,C,D,O],imports:[n.CommonModule,z.PopupModule,h,C]}]}]}),{provide:me,useValue:{useLeftRightArrows:!0}}),v=(ce(T,Se=v),Object.defineProperty(T.prototype,"popupSettings",{get:function(){return this._popupSettings},set:function(e){this._popupSettings=Object.assign({animate:!0,popupClass:""},e)},enumerable:!1,configurable:!0}),Object.defineProperty(T.prototype,"disabled",{get:function(){return this._disabled},set:function(e){e&&this.openState&&(this.openState=!1),this._disabled=e},enumerable:!1,configurable:!0}),Object.defineProperty(T.prototype,"data",{get:function(){return this._data},set:function(e){this._data=e||[]},enumerable:!1,configurable:!0}),Object.defineProperty(T.prototype,"fillMode",{get:function(){return this._fillMode},set:function(e){this._fillMode="clear"===e?"flat":e},enumerable:!1,configurable:!0}),Object.defineProperty(T.prototype,"openState",{get:function(){return this._open},set:function(e){var t;this.disabled||(t=new J,(e?this.open:this.close).emit(t),t.isDefaultPrevented()||this._toggle(e))},enumerable:!1,configurable:!0}),Object.defineProperty(T.prototype,"componentTabIndex",{get:function(){return this.disabled?-1:this.tabIndex},enumerable:!1,configurable:!0}),Object.defineProperty(T.prototype,"appendTo",{get:function(){var e=this.popupSettings.appendTo;if(e&&"root"!==e)return"component"===e?this.container:e},enumerable:!1,configurable:!0}),Object.defineProperty(T.prototype,"focused",{get:function(){return this._isFocused&&!this._disabled},enumerable:!1,configurable:!0}),Object.defineProperty(T.prototype,"widgetClasses",{get:function(){return!0},enumerable:!1,configurable:!0}),Object.defineProperty(T.prototype,"dir",{get:function(){return this.direction},enumerable:!1,configurable:!0}),Object.defineProperty(T.prototype,"active",{get:function(){return this._active},enumerable:!1,configurable:!0}),T.prototype.keydown=function(e){this.keyDownHandler(e),e.keyCode===c.Keys.Space&&(this._active=!0)},T.prototype.keypress=function(e){this.keyPressHandler(e)},T.prototype.keyup=function(e){this.keyUpHandler(e),this._active=!1},T.prototype.mousedown=function(e){this._disabled&&e.preventDefault(),this._active=!0},T.prototype.mouseup=function(e){this._disabled&&e.preventDefault(),this._active=!1},T.prototype.openPopup=function(){this.togglePopupVisibility()},T.prototype.onButtonBlur=function(){this.isOpen||this.blurWrapper()},Object.defineProperty(T.prototype,"anchorAlign",{get:function(){var e={horizontal:this.popupSettings.align||"left",vertical:"bottom"};return"rtl"!==this.direction||o(this.popupSettings.align)||(e.horizontal="right"),e},enumerable:!1,configurable:!0}),Object.defineProperty(T.prototype,"popupAlign",{get:function(){var e={horizontal:this.popupSettings.align||"left",vertical:"top"};return"rtl"!==this.direction||o(this.popupSettings.align)||(e.horizontal="right"),e},enumerable:!1,configurable:!0}),T.prototype.focus=function(){c.isDocumentAvailable()&&this.button.nativeElement.focus()},T.prototype.blur=function(){c.isDocumentAvailable()&&(this.button.nativeElement.blur(),this.blurWrapper())},T.prototype.ngOnChanges=function(e){var t;c.isChanged("popupSettings",e)&&o(this.popupRef)&&(t=this.popupRef.popup.instance,e=e.popupSettings.currentValue,t.popupClass=e.popupClass,t.animate=e.animate,t.popupAlign=this.popupAlign)},T.prototype.ngOnDestroy=function(){Se.prototype.ngOnDestroy.call(this),this.destroyPopup()},T.prototype.toggle=function(e){var t=this;this.disabled||L(function(){return t._toggle(void 0===e?!t._open:e)})},Object.defineProperty(T.prototype,"isOpen",{get:function(){return this.openState},enumerable:!1,configurable:!0}),T.prototype.handleFocus=function(){this._disabled||this._isFocused||(this._isFocused=!0,this.onFocus.emit())},T.prototype.wrapperContains=function(e){return this.wrapper===e||this.wrapper.contains(e)||this.popupRef&&this.popupRef.popupElement.contains(e)},T.prototype.subscribeNavigationEvents=function(){this.navigationSubscription=this.navigationService.navigate.subscribe(this.onArrowKeyNavigate.bind(this)),this.enterUpSubscription=this.navigationService.enterup.subscribe(this.onNavigationEnterUp.bind(this)),this.openSubscription=this.navigationService.open.subscribe(this.onNavigationOpen.bind(this)),this.closeSubscription=N.merge(this.navigationService.close,this.navigationService.esc).subscribe(this.onNavigationClose.bind(this))},T.prototype.onNavigationEnterUp=function(){var e;this._disabled||this.openState||(this._active=!1),this.openState&&(e=this.focusService.focused,o(e)&&-1!==e&&this.emitItemClickHandler(e)),this.togglePopupVisibility(),!this.openState&&c.isDocumentAvailable()&&this.button.nativeElement.focus()},T.prototype.onNavigationOpen=function(){this._disabled||this.openState||this.togglePopupVisibility()},T.prototype.onNavigationClose=function(){this.openState&&(this.togglePopupVisibility(),c.isDocumentAvailable()&&this.button.nativeElement.focus())},T.prototype.onArrowKeyNavigate=function(e){this.focusService.focus(e)},T.prototype._toggle=function(e){this._open!==e&&(this._open=e,this.destroyPopup(),this._open&&this.createPopup())},T.prototype.createPopup=function(){var e=this;this.popupRef=this.popupService.open({anchor:this.elRef,anchorAlign:this.anchorAlign,animate:this.popupSettings.animate,appendTo:this.appendTo,content:this.popupTemplate,popupAlign:this.popupAlign,popupClass:this.popupClasses}),this.popupRef.popupAnchorViewportLeave.subscribe(function(){return e.openState=!1}),this.popupRef.popupOpen.subscribe(this.focusFirstItem.bind(this))},T.prototype.destroyPopup=function(){this.popupRef&&(this.popupRef.close(),this.popupRef=null)},T);function T(e,t,n,i,o,s,r,a){e=Se.call(this,e,t,n,i,r,a)||this;return e.popupService=o,e.elRef=s,e.icon="",e.iconClass="",e.imageUrl="",e.size="medium",e.shape="rectangle",e.rounded="medium",e.themeColor="base",e.tabIndex=0,e.itemClick=new p.EventEmitter,e.open=new p.EventEmitter,e.close=new p.EventEmitter,e.onFocus=new p.EventEmitter,e.onBlur=new p.EventEmitter,e.listId=c.guid(),e._fillMode="solid",e._itemClick=e.itemClick,e._blur=e.onBlur,e}v.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:v,deps:[{token:b},{token:I},{token:i.ElementRef},{token:i.NgZone},{token:U.PopupService},{token:i.ElementRef},{token:s.LocalizationService},{token:i.ChangeDetectorRef}],target:i.ɵɵFactoryTarget.Component}),v.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:v,selector:"kendo-dropdownbutton",inputs:{icon:"icon",iconClass:"iconClass",imageUrl:"imageUrl",popupSettings:"popupSettings",textField:"textField",disabled:"disabled",data:"data",size:"size",shape:"shape",rounded:"rounded",fillMode:"fillMode",themeColor:"themeColor",buttonClass:"buttonClass",tabIndex:"tabIndex"},outputs:{itemClick:"itemClick",open:"open",close:"close",onFocus:"focus",onBlur:"blur"},host:{listeners:{keydown:"keydown($event)",keypress:"keypress($event)",keyup:"keyup($event)",mousedown:"mousedown($event)",mouseup:"mouseup($event)"},properties:{"class.k-focus":"this.focused","class.k-dropdown-button":"this.widgetClasses","attr.dir":"this.dir"}},providers:[b,I,S,t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.dropdownbutton"}],queries:[{propertyName:"itemTemplate",first:!0,predicate:y,descendants:!0}],viewQueries:[{propertyName:"button",first:!0,predicate:["button"],descendants:!0,static:!0},{propertyName:"buttonList",first:!0,predicate:["buttonList"],descendants:!0},{propertyName:"popupTemplate",first:!0,predicate:["popupTemplate"],descendants:!0,static:!0},{propertyName:"container",first:!0,predicate:["container"],descendants:!0,read:p.ViewContainerRef,static:!0}],exportAs:["kendoDropDownButton"],usesInheritance:!0,usesOnChanges:!0,ngImport:i,template:'\n        <button kendoButton #button\n            role="menu"\n            type="button"\n            [tabindex]="componentTabIndex"\n            [class.k-active]="active"\n            [disabled]="disabled"\n            [icon]="icon"\n            [iconClass]="iconClass"\n            [imageUrl]="imageUrl"\n            [ngClass]="buttonClass"\n            [size]="size"\n            [shape]="shape"\n            [rounded]="rounded"\n            [fillMode]="fillMode"\n            [themeColor]="fillMode ? themeColor : null"\n            (click)="openPopup()"\n            (focus)="handleFocus()"\n            (blur)="onButtonBlur()"\n            [attr.aria-disabled]="disabled"\n            [attr.aria-expanded]="openState"\n            [attr.aria-haspopup]="true"\n            [attr.aria-owns]="listId"\n        >\n            <ng-content></ng-content>\n        </button>\n        <ng-template #popupTemplate>\n            <kendo-button-list\n                #buttonList\n                [id]="listId"\n                [data]="data"\n                [textField]="textField"\n                [itemTemplate]="itemTemplate"\n                (onItemClick)="onItemClick($event)"\n                (keydown)="keyDownHandler($event)"\n                (keypress)="keyPressHandler($event)"\n                (keyup)="keyUpHandler($event)"\n                [attr.dir]="dir"\n                [size]="size"\n            >\n            </kendo-button-list>\n        </ng-template>\n        <ng-container #container></ng-container>\n    ',isInline:!0,components:[{type:ae,selector:"kendo-button-list",inputs:["data","textField","itemTemplate","size"],outputs:["onItemClick","onItemBlur"]}],directives:[{type:u,selector:"button[kendoButton], span[kendoButton]",inputs:["toggleable","togglable","selected","tabIndex","icon","iconClass","imageUrl","disabled","size","rounded","fillMode","themeColor","shape","role","primary","look"],outputs:["selectedChange","click"],exportAs:["kendoButton"]},{type:a.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:v,decorators:[{type:p.Component,args:[{exportAs:"kendoDropDownButton",providers:[b,I,S,t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.dropdownbutton"}],selector:"kendo-dropdownbutton",template:'\n        <button kendoButton #button\n            role="menu"\n            type="button"\n            [tabindex]="componentTabIndex"\n            [class.k-active]="active"\n            [disabled]="disabled"\n            [icon]="icon"\n            [iconClass]="iconClass"\n            [imageUrl]="imageUrl"\n            [ngClass]="buttonClass"\n            [size]="size"\n            [shape]="shape"\n            [rounded]="rounded"\n            [fillMode]="fillMode"\n            [themeColor]="fillMode ? themeColor : null"\n            (click)="openPopup()"\n            (focus)="handleFocus()"\n            (blur)="onButtonBlur()"\n            [attr.aria-disabled]="disabled"\n            [attr.aria-expanded]="openState"\n            [attr.aria-haspopup]="true"\n            [attr.aria-owns]="listId"\n        >\n            <ng-content></ng-content>\n        </button>\n        <ng-template #popupTemplate>\n            <kendo-button-list\n                #buttonList\n                [id]="listId"\n                [data]="data"\n                [textField]="textField"\n                [itemTemplate]="itemTemplate"\n                (onItemClick)="onItemClick($event)"\n                (keydown)="keyDownHandler($event)"\n                (keypress)="keyPressHandler($event)"\n                (keyup)="keyUpHandler($event)"\n                [attr.dir]="dir"\n                [size]="size"\n            >\n            </kendo-button-list>\n        </ng-template>\n        <ng-container #container></ng-container>\n    '}]}],ctorParameters:function(){return[{type:b},{type:I},{type:i.ElementRef},{type:i.NgZone},{type:U.PopupService},{type:i.ElementRef},{type:s.LocalizationService},{type:i.ChangeDetectorRef}]},propDecorators:{icon:[{type:p.Input}],iconClass:[{type:p.Input}],imageUrl:[{type:p.Input}],popupSettings:[{type:p.Input}],textField:[{type:p.Input}],disabled:[{type:p.Input}],data:[{type:p.Input}],size:[{type:p.Input}],shape:[{type:p.Input}],rounded:[{type:p.Input}],fillMode:[{type:p.Input}],themeColor:[{type:p.Input}],buttonClass:[{type:p.Input}],tabIndex:[{type:p.Input}],itemClick:[{type:p.Output}],open:[{type:p.Output}],close:[{type:p.Output}],onFocus:[{type:p.Output,args:["focus"]}],onBlur:[{type:p.Output,args:["blur"]}],focused:[{type:p.HostBinding,args:["class.k-focus"]}],widgetClasses:[{type:p.HostBinding,args:["class.k-dropdown-button"]}],dir:[{type:p.HostBinding,args:["attr.dir"]}],itemTemplate:[{type:p.ContentChild,args:[y,{static:!1}]}],button:[{type:p.ViewChild,args:["button",{static:!0}]}],buttonList:[{type:p.ViewChild,args:["buttonList",{static:!1}]}],popupTemplate:[{type:p.ViewChild,args:["popupTemplate",{static:!0}]}],container:[{type:p.ViewChild,args:["container",{read:p.ViewContainerRef,static:!0}]}],keydown:[{type:p.HostListener,args:["keydown",["$event"]]}],keypress:[{type:p.HostListener,args:["keypress",["$event"]]}],keyup:[{type:p.HostListener,args:["keyup",["$event"]]}],mousedown:[{type:p.HostListener,args:["mousedown",["$event"]]}],mouseup:[{type:p.HostListener,args:["mouseup",["$event"]]}]}});var S=function(){},De=(S.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:S,deps:[],target:i.ɵɵFactoryTarget.NgModule}),S.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:S,declarations:[v],imports:[n.CommonModule,z.PopupModule,C,h],exports:[v,C]}),S.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:S,imports:[[n.CommonModule,z.PopupModule,C,h],C]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:S,decorators:[{type:p.NgModule,args:[{declarations:[v],exports:[v,C],imports:[n.CommonModule,z.PopupModule,C,h]}]}]}),Object.defineProperty(P.prototype,"size",{get:function(){return this._size},set:function(e){this.handleClasses(e,"size"),this._size=e},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"rounded",{get:function(){return this._rounded},set:function(e){this.handleClasses(e,"rounded"),this._rounded=e},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"fillMode",{get:function(){return this._fillMode},set:function(e){this.handleClasses(e,"fillMode"),this._fillMode=e},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"themeColor",{get:function(){return this._themeColor},set:function(e){this.handleThemeColor(e),this._themeColor=e},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"ariaChecked",{get:function(){return this.selected},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"hasIconClass",{get:function(){return!!(this.icon||this.iconClass||this.avatarClass)},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"disabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"selectedClass",{get:function(){return this.selected},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"focusedClass",{get:function(){return this.focused},enumerable:!1,configurable:!0}),P.prototype.ngOnInit=function(){var t=this;this.dynamicRTLSubscription=this.localizationService.changes.subscribe(function(e){e=e.rtl;return t.direction=e?"rtl":"ltr"})},P.prototype.ngOnDestroy=function(){this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe(),this.detachDomEvents&&this.detachDomEvents()},P.prototype.ngAfterViewInit=function(){var t=this,e=this.element.nativeElement;["size","rounded","fillMode"].forEach(function(e){t.handleClasses(t[e],e)}),this.attachElementEventHandlers(e)},Object.defineProperty(P.prototype,"kendoIconClass",{get:function(){return this.verifyIconSettings([this.iconClass,this.avatarClass]),"k-i-"+this.icon},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"customIconClass",{get:function(){return this.verifyIconSettings([this.icon,this.avatarClass]),""+this.iconClass},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"chipAvatarClass",{get:function(){return this.verifyIconSettings([this.icon,this.iconClass]),""+this.avatarClass},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"removeIconClass",{get:function(){return this.removeIcon?""+this.removeIcon:"k-i-close-circle"},enumerable:!1,configurable:!0}),P.prototype.focus=function(){c.isDocumentAvailable()&&this.element.nativeElement.focus()},P.prototype.blur=function(){c.isDocumentAvailable()&&this.element.nativeElement.blur()},P.prototype.onRemoveClick=function(e){this.removable&&this.remove.emit({sender:this,originalEvent:e})},P.prototype.attachElementEventHandlers=function(i){var o=this;this.ngZone.runOutsideAngular(function(){var e=o.renderer.listen(i,"focus",function(){o.renderer.addClass(i,"k-focus")}),t=o.renderer.listen(i,"blur",function(){o.renderer.removeClass(i,"k-focus")}),n=o.renderer.listen(i,"click",function(e){W(e.target,".k-chip-remove-action")||o.ngZone.run(function(){o.contentClick.emit({sender:o,originalEvent:e})})});o.detachDomEvents=function(){e(),t(),n()}})},P.prototype.verifyIconSettings=function(e){if(p.isDevMode()&&0<e.filter(function(e){return null!=e}).length)throw this.renderer.removeClass(this.element.nativeElement,"k-chip-has-icon"),new Error("Invalid configuration: Having multiple icons is not supported. Only a single icon on a chip can be displayed.")},P.prototype.handleClasses=function(e,t){var n=this.element.nativeElement,i=q("chip",t,this[t],e);"fillMode"===t&&this.handleThemeColor(this.themeColor,this[t],e),i.toRemove&&this.renderer.removeClass(n,i.toRemove),i.toAdd&&this.renderer.addClass(n,i.toAdd)},P.prototype.handleThemeColor=function(e,t,n){var i=this.element.nativeElement,t=t||this.fillMode,o=n||this.fillMode,t=X("chip",t,o,this.themeColor,e);this.renderer.removeClass(i,t.toRemove),null!==o&&null!==n&&t.toAdd&&this.renderer.addClass(i,t.toAdd)},P);function P(e,t,n,i){this.element=e,this.renderer=t,this.ngZone=n,this.localizationService=i,this.selected=!1,this.removable=!1,this.disabled=!1,this.remove=new p.EventEmitter,this.contentClick=new p.EventEmitter,this.tabIndex=0,this.hostClass=!0,this._size="medium",this._rounded="medium",this._fillMode="solid",this._themeColor="base",this.focused=!1,M.validatePackage(K),this.direction=i.rtl?"rtl":"ltr"}De.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:De,deps:[{token:i.ElementRef},{token:i.Renderer2},{token:i.NgZone},{token:s.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),De.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:De,selector:"kendo-chip",inputs:{label:"label",icon:"icon",iconClass:"iconClass",avatarClass:"avatarClass",selected:"selected",removable:"removable",removeIcon:"removeIcon",disabled:"disabled",size:"size",rounded:"rounded",fillMode:"fillMode",themeColor:"themeColor"},outputs:{remove:"remove",contentClick:"contentClick"},host:{properties:{"attr.tabindex":"this.tabIndex","attr.aria-checked":"this.ariaChecked","class.k-chip":"this.hostClass","class.k-chip-has-icon":"this.hasIconClass","attr.aria-disabled":"this.disabledClass","class.k-disabled":"this.disabledClass","class.k-selected":"this.selectedClass","class.k-focus":"this.focusedClass","attr.dir":"this.direction"}},providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.chip"}],ngImport:i,template:'\n        <span\n            *ngIf="icon"\n            class="k-chip-icon k-icon"\n            [ngClass]="kendoIconClass"\n        >\n        </span>\n\n        <span\n            *ngIf="iconClass"\n            class="k-chip-icon"\n            [ngClass]="customIconClass"\n        >\n        </span>\n\n        <span\n            *ngIf="avatarClass"\n            class="k-chip-avatar k-avatar k-rounded-full"\n        >\n            <span class="k-avatar-image" [ngClass]="chipAvatarClass"></span>\n        </span>\n\n        <span class="k-chip-content">\n            <span class="k-chip-label" *ngIf="label">\n                {{ label }}\n            </span>\n            <ng-content *ngIf="!label"></ng-content>\n        </span>\n\n        <span class="k-chip-actions">\n            <span class="k-chip-action k-chip-remove-action"\n                *ngIf="removable"\n                (click)="onRemoveClick($event)"\n                >\n                <span\n                    class="k-icon"\n                    [ngClass]="removeIconClass"\n                >\n                </span>\n            </span>\n        </span>\n    ',isInline:!0,directives:[{type:a.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:a.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:De,decorators:[{type:p.Component,args:[{selector:"kendo-chip",template:'\n        <span\n            *ngIf="icon"\n            class="k-chip-icon k-icon"\n            [ngClass]="kendoIconClass"\n        >\n        </span>\n\n        <span\n            *ngIf="iconClass"\n            class="k-chip-icon"\n            [ngClass]="customIconClass"\n        >\n        </span>\n\n        <span\n            *ngIf="avatarClass"\n            class="k-chip-avatar k-avatar k-rounded-full"\n        >\n            <span class="k-avatar-image" [ngClass]="chipAvatarClass"></span>\n        </span>\n\n        <span class="k-chip-content">\n            <span class="k-chip-label" *ngIf="label">\n                {{ label }}\n            </span>\n            <ng-content *ngIf="!label"></ng-content>\n        </span>\n\n        <span class="k-chip-actions">\n            <span class="k-chip-action k-chip-remove-action"\n                *ngIf="removable"\n                (click)="onRemoveClick($event)"\n                >\n                <span\n                    class="k-icon"\n                    [ngClass]="removeIconClass"\n                >\n                </span>\n            </span>\n        </span>\n    ',providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.chip"}]}]}],ctorParameters:function(){return[{type:i.ElementRef},{type:i.Renderer2},{type:i.NgZone},{type:s.LocalizationService}]},propDecorators:{label:[{type:p.Input}],icon:[{type:p.Input}],iconClass:[{type:p.Input}],avatarClass:[{type:p.Input}],selected:[{type:p.Input}],removable:[{type:p.Input}],removeIcon:[{type:p.Input}],disabled:[{type:p.Input}],size:[{type:p.Input}],rounded:[{type:p.Input}],fillMode:[{type:p.Input}],themeColor:[{type:p.Input}],remove:[{type:p.Output}],contentClick:[{type:p.Output}],tabIndex:[{type:p.HostBinding,args:["attr.tabindex"]}],ariaChecked:[{type:p.HostBinding,args:["attr.aria-checked"]}],hostClass:[{type:p.HostBinding,args:["class.k-chip"]}],hasIconClass:[{type:p.HostBinding,args:["class.k-chip-has-icon"]}],disabledClass:[{type:p.HostBinding,args:["attr.aria-disabled"]},{type:p.HostBinding,args:["class.k-disabled"]}],selectedClass:[{type:p.HostBinding,args:["class.k-selected"]}],focusedClass:[{type:p.HostBinding,args:["class.k-focus"]}],direction:[{type:p.HostBinding,args:["attr.dir"]}]}});Object.defineProperty(B.prototype,"size",{get:function(){return this._size},set:function(e){this.handleClasses(e,"size"),this._size=e},enumerable:!1,configurable:!0}),Object.defineProperty(B.prototype,"single",{get:function(){return"single"===this.selection},enumerable:!1,configurable:!0}),Object.defineProperty(B.prototype,"multiple",{get:function(){return"multiple"===this.selection},enumerable:!1,configurable:!0}),B.prototype.onClick=function(e){var t=e.target,n=W(t,".k-chip-remove-action"),i=W(t,".k-chip"),t=this.chips.find(function(e){return i===e.element.nativeElement});n&&i&&this.remove.emit({sender:this,originalEvent:e,removedChip:t}),"none"!==this.selection&&i&&!n&&this.setSelection(t)},B.prototype.ngOnInit=function(){var t=this;this.dynamicRTLSubscription=this.localizationService.changes.subscribe(function(e){e=e.rtl;return t.direction=e?"rtl":"ltr"})},B.prototype.ngAfterViewInit=function(){var t=this;["size"].forEach(function(e){t.handleClasses(t[e],e)})},B.prototype.ngAfterContentInit=function(){var t=this;this.chips.forEach(function(e){t.renderer.setAttribute(e.element.nativeElement,"role","option")})},B.prototype.ngOnDestroy=function(){this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe()},B.prototype.selectedChips=function(){return this.chips.reduce(function(e,t,n){return t.selected?e.concat(n):e},[])},B.prototype.setSelection=function(e){"single"===this.selection&&this.clearSelection(e),e.selected=!e.selected,this.selectedChange.emit(this.selectedChips())},B.prototype.clearSelection=function(t){this.chips.forEach(function(e){t!==e&&(e.selected=!1)})},B.prototype.handleClasses=function(e,t){var n=this.element.nativeElement,t=q("chip-list",t,this[t],e);t.toRemove&&this.renderer.removeClass(n,t.toRemove),t.toAdd&&this.renderer.addClass(n,t.toAdd)};var Ee=B;function B(e,t,n){this.localizationService=e,this.renderer=t,this.element=n,this.hostClass=!0,this.selection="none",this.selectedChange=new p.EventEmitter,this.remove=new p.EventEmitter,this.role="listbox",this._size="medium",M.validatePackage(K),this.direction=e.rtl?"rtl":"ltr"}Ee.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Ee,deps:[{token:s.LocalizationService},{token:i.Renderer2},{token:i.ElementRef}],target:i.ɵɵFactoryTarget.Component}),Ee.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Ee,selector:"kendo-chiplist, kendo-chip-list",inputs:{selection:"selection",size:"size"},outputs:{selectedChange:"selectedChange",remove:"remove"},host:{listeners:{click:"onClick($event)"},properties:{"class.k-chip-list":"this.hostClass","attr.dir":"this.direction","class.k-selection-single":"this.single","class.k-selection-multiple":"this.multiple","attr.role":"this.role"}},providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.chiplist"}],queries:[{propertyName:"chips",predicate:De}],ngImport:i,template:"\n        <ng-content></ng-content>\n    ",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Ee,decorators:[{type:p.Component,args:[{selector:"kendo-chiplist, kendo-chip-list",template:"\n        <ng-content></ng-content>\n    ",providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.chiplist"}]}]}],ctorParameters:function(){return[{type:s.LocalizationService},{type:i.Renderer2},{type:i.ElementRef}]},propDecorators:{hostClass:[{type:p.HostBinding,args:["class.k-chip-list"]}],direction:[{type:p.HostBinding,args:["attr.dir"]}],selection:[{type:p.Input}],size:[{type:p.Input}],selectedChange:[{type:p.Output}],remove:[{type:p.Output}],chips:[{type:p.ContentChildren,args:[De]}],single:[{type:p.HostBinding,args:["class.k-selection-single"]}],multiple:[{type:p.HostBinding,args:["class.k-selection-multiple"]}],role:[{type:p.HostBinding,args:["attr.role"]}],onClick:[{type:p.HostListener,args:["click",["$event"]]}]}});var F=[De,Ee],A=de([],ue(F)),we=function(){};we.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:we,deps:[],target:i.ɵɵFactoryTarget.NgModule}),we.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:we,declarations:[De,Ee],imports:[n.CommonModule],exports:[De,Ee]}),we.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:we,imports:[[n.CommonModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:we,decorators:[{type:p.NgModule,args:[{declarations:[A],exports:[F],imports:[n.CommonModule]}]}]});var A=function(e){this.templateRef=e},F=(A.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:A,deps:[{token:i.TemplateRef,optional:!0}],target:i.ɵɵFactoryTarget.Directive}),A.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:A,selector:"[kendoDialItemTemplate]",ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:A,decorators:[{type:p.Directive,args:[{selector:"[kendoDialItemTemplate]"}]}],ctorParameters:function(){return[{type:i.TemplateRef,decorators:[{type:p.Optional}]}]}}),function(e){this.templateRef=e}),Oe=(F.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:F,deps:[{token:i.TemplateRef,optional:!0}],target:i.ɵɵFactoryTarget.Directive}),F.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:F,selector:"[kendoFloatingActionButtonTemplate]",ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:F,decorators:[{type:p.Directive,args:[{selector:"[kendoFloatingActionButtonTemplate]"}]}],ctorParameters:function(){return[{type:i.TemplateRef,decorators:[{type:p.Optional}]}]}}),Object.defineProperty(Te.prototype,"disabledClass",{get:function(){return this.item.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(Te.prototype,"title",{get:function(){var e=this.item.label;return e||this.itemTitle},enumerable:!1,configurable:!0}),Object.defineProperty(Te.prototype,"indexAttr",{get:function(){return this.index},enumerable:!1,configurable:!0}),Object.defineProperty(Te.prototype,"iconClasses",{get:function(){var e=[];return this.item.iconClass&&e.push(""+this.item.iconClass),this.item.icon&&e.push("k-fab-item-icon k-icon k-i-"+this.item.icon),e},enumerable:!1,configurable:!0}),Object.defineProperty(Te.prototype,"itemTitle",{get:function(){var e=this.item.icon,t=this.item.itemTitle;return e&&t?t:e},enumerable:!1,configurable:!0}),Te.prototype.ngAfterViewInit=function(){var e=this.element.nativeElement,t=this.localisationService.rtl,n=this.align.horizontal;this.renderer.addClass(e,this.getTextDirectionClass(t,n))},Te.prototype.getTextDirectionClass=function(e,t){return{rtl:{end:"k-text-left",start:"k-text-right"},ltr:{start:"k-text-left",end:"k-text-right"}}[e?"rtl":"ltr"]["end"===t?"end":"start"]},Te);function Te(e,t,n){this.element=e,this.renderer=t,this.localisationService=n,this.hostClass=!0,this.role="menuitem"}Oe.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Oe,deps:[{token:i.ElementRef},{token:i.Renderer2},{token:s.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),Oe.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Oe,selector:"[kendoDialItem]",inputs:{cssClass:"cssClass",cssStyle:"cssStyle",isFocused:"isFocused",index:"index",item:"item",dialItemTemplate:"dialItemTemplate",align:"align"},host:{properties:{"class.k-fab-item":"this.hostClass","attr.role":"this.role","attr.aria-disabled":"this.disabledClass","class.k-disabled":"this.disabledClass","attr.title":"this.title","attr.aria-label":"this.title","attr.data-fab-item-index":"this.indexAttr"}},ngImport:i,template:'\n        <ng-template *ngIf="dialItemTemplate"\n            [ngTemplateOutlet]="dialItemTemplate"\n            [ngTemplateOutletContext]="{ $implicit: item, index: index, isFocused: isFocused }"\n        >\n        </ng-template>\n\n        <ng-container *ngIf="!dialItemTemplate">\n            <span *ngIf="item.label" class="k-fab-item-text">{{ item.label }}</span>\n            <span *ngIf="item.icon || item.iconClass" [ngClass]="iconClasses"></span>\n        </ng-container>\n    ',isInline:!0,directives:[{type:a.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:a.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]},{type:a.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Oe,decorators:[{type:p.Component,args:[{selector:"[kendoDialItem]",template:'\n        <ng-template *ngIf="dialItemTemplate"\n            [ngTemplateOutlet]="dialItemTemplate"\n            [ngTemplateOutletContext]="{ $implicit: item, index: index, isFocused: isFocused }"\n        >\n        </ng-template>\n\n        <ng-container *ngIf="!dialItemTemplate">\n            <span *ngIf="item.label" class="k-fab-item-text">{{ item.label }}</span>\n            <span *ngIf="item.icon || item.iconClass" [ngClass]="iconClasses"></span>\n        </ng-container>\n    '}]}],ctorParameters:function(){return[{type:i.ElementRef},{type:i.Renderer2},{type:s.LocalizationService}]},propDecorators:{hostClass:[{type:p.HostBinding,args:["class.k-fab-item"]}],role:[{type:p.HostBinding,args:["attr.role"]}],disabledClass:[{type:p.HostBinding,args:["attr.aria-disabled"]},{type:p.HostBinding,args:["class.k-disabled"]}],title:[{type:p.HostBinding,args:["attr.title"]},{type:p.HostBinding,args:["attr.aria-label"]}],indexAttr:[{type:p.HostBinding,args:["attr.data-fab-item-index"]}],cssClass:[{type:p.Input}],cssStyle:[{type:p.Input}],isFocused:[{type:p.Input}],index:[{type:p.Input}],item:[{type:p.Input}],dialItemTemplate:[{type:p.Input}],align:[{type:p.Input}]}});Object.defineProperty(Be.prototype,"bottomClass",{get:function(){return"top"===this.align.vertical||"middle"===this.align.vertical},enumerable:!1,configurable:!0}),Object.defineProperty(Be.prototype,"topClass",{get:function(){return"bottom"===this.align.vertical},enumerable:!1,configurable:!0}),Be.prototype.isFocused=function(e){return this.focusService.isFocused(e)},Be.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()};var Pe=Be;function Be(e,t){var n=this;this.focusService=e,this.cdr=t,this.hostClass=!0,this.subscriptions=new N.Subscription,this.subscriptions.add(this.focusService.onFocus.subscribe(function(){return n.cdr.detectChanges()}))}Pe.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Pe,deps:[{token:b},{token:i.ChangeDetectorRef}],target:i.ɵɵFactoryTarget.Component}),Pe.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Pe,selector:"[kendoDialList]",inputs:{dialItems:"dialItems",dialItemTemplate:"dialItemTemplate",align:"align"},host:{properties:{"class.k-fab-items":"this.hostClass","class.k-fab-items-bottom":"this.bottomClass","class.k-fab-items-top":"this.topClass"}},ngImport:i,template:'\n        <ng-container *ngFor=\'let item of dialItems; let idx = index\'>\n            <li\n                kendoButtonFocusable\n                kendoDialItem\n                [item]="dialItems[idx]"\n                [index]="idx"\n                [dialItemTemplate]="dialItemTemplate"\n                [isFocused]="isFocused(idx)"\n                [ngClass]=\'item.cssClass\'\n                [ngStyle]=\'item.cssStyle\'\n                [align]="align"\n            >\n            </li>\n        </ng-container>\n    ',isInline:!0,components:[{type:Oe,selector:"[kendoDialItem]",inputs:["cssClass","cssStyle","isFocused","index","item","dialItemTemplate","align"]}],directives:[{type:a.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:ie,selector:"[kendoButtonFocusable]",inputs:["index"]},{type:a.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:a.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Pe,decorators:[{type:p.Component,args:[{selector:"[kendoDialList]",template:'\n        <ng-container *ngFor=\'let item of dialItems; let idx = index\'>\n            <li\n                kendoButtonFocusable\n                kendoDialItem\n                [item]="dialItems[idx]"\n                [index]="idx"\n                [dialItemTemplate]="dialItemTemplate"\n                [isFocused]="isFocused(idx)"\n                [ngClass]=\'item.cssClass\'\n                [ngStyle]=\'item.cssStyle\'\n                [align]="align"\n            >\n            </li>\n        </ng-container>\n    '}]}],ctorParameters:function(){return[{type:b},{type:i.ChangeDetectorRef}]},propDecorators:{hostClass:[{type:p.HostBinding,args:["class.k-fab-items"]}],bottomClass:[{type:p.HostBinding,args:["class.k-fab-items-bottom"]}],topClass:[{type:p.HostBinding,args:["class.k-fab-items-top"]}],dialItems:[{type:p.Input}],dialItemTemplate:[{type:p.Input}],align:[{type:p.Input}]}});var _={provide:me,useValue:{useLeftRightArrows:!1}},Fe={small:"k-fab-sm",medium:"k-fab-md",large:"k-fab-lg"},Ae={rectangle:"k-fab-rectangle",square:"k-fab-square"},_e={small:"k-rounded-sm",medium:"k-rounded-md",large:"k-rounded-lg",full:"k-rounded-full"},Re="k-fab-solid",Me="16px",Ne=(Object.defineProperty(R.prototype,"fixedClass",{get:function(){return"fixed"===this.positionMode},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"absoluteClass",{get:function(){return"absolute"===this.positionMode},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"themeColor",{get:function(){return this._themeColor},set:function(e){this.handleClasses(e,"themeColor"),this._themeColor=e},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"size",{get:function(){return this._size},set:function(e){this.handleClasses(e,"size"),this._size=e},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"rounded",{get:function(){return this._rounded},set:function(e){this.handleClasses(e,"rounded"),this._rounded=e},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"shape",{get:function(){return this._shape},set:function(e){this.handleClasses(e,"shape"),this._shape=e},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"disabled",{get:function(){return this._disabled},set:function(e){this._disabled=e},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"align",{get:function(){return this._align},set:function(e){this._align=Object.assign(this._align,e)},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"offset",{get:function(){return this._offset},set:function(e){this._offset=Object.assign(this._offset,e),this.offsetStyles()},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"componentTabIndex",{get:function(){return this.disabled?-1:this.tabIndex},enumerable:!1,configurable:!0}),R.prototype.ngAfterViewInit=function(){var t=this;["shape","size","rounded","themeColor"].forEach(function(e){return t.handleClasses(t[e],e)}),this.renderer.addClass(this.element.nativeElement,this.alignClass()),this.offsetStyles(),this.initialSetup=!1},R.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},Object.defineProperty(R.prototype,"isOpen",{get:function(){return o(this.popupRef)},enumerable:!1,configurable:!0}),R.prototype.focus=function(){c.isDocumentAvailable()&&this.button.nativeElement.focus()},R.prototype.blur=function(){c.isDocumentAvailable()&&this.button.nativeElement.blur()},R.prototype.toggleDial=function(e){var t=this;!this.disabled&&this.hasDialItems&&(e=o(e)?e:!this.isOpen,this.disabled||e===this.isOpen||(e?setTimeout(function(){return t.openDial()}):this.closeDial()))},Object.defineProperty(R.prototype,"role",{get:function(){return this.dialItems&&this.dialItems.length?"menubutton":"button"},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"ariaExpanded",{get:function(){return o(this.isOpen)},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"ariaHasPopup",{get:function(){return o(this.isOpen)},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"iconClasses",{get:function(){var e=[];return this.iconClass&&e.push(""+this.iconClass),this.icon&&e.push("k-fab-icon k-icon k-i-"+this.icon),e},enumerable:!1,configurable:!0}),R.prototype.clickHandler=function(){var t=this;!this.disabled&&this.hasDialItems&&this.ngZone.run(function(){var e=!t.isOpen;t.toggleDialWithEvents(e)})},R.prototype.keyDownHandler=function(e){this.keyHandler(e)},R.prototype.keyHandler=function(e,t){var n,i;this.disabled||(i=this.focusService.focused||0,n=e.keyCode,(i=this.navigationService.process({altKey:e.altKey,current:i,keyCode:n,keyEvent:t,max:this.dialItems?this.dialItems.length-1:0,min:0,flipNavigation:"bottom"===this.align.vertical}))!==k.Undefined&&i!==k.Tab&&e.preventDefault())},R.prototype.onItemClick=function(e){var e=W(e.target,".k-fab-item");e&&(e=e.getAttribute("data-fab-item-index"),this.emitItemClick(e))},R.prototype.focusHandler=function(){this.disabled||this.onFocus.emit()},R.prototype.blurHandler=function(){this.onBlur.emit(),this.toggleDialWithEvents(!1)},R.prototype.handleClasses=function(e,t){var n,i;o(this.button)&&(this[t]!==e||this.initialSetup)&&(n=this.button.nativeElement,i={themeColor:Re+"-"+this.themeColor,size:Fe[this.size],shape:Ae[this.shape],rounded:_e[this.rounded]},e={themeColor:e?Re+"-"+e:null,size:Fe[e],shape:Ae[e],rounded:_e[e]},this.renderer.removeClass(n,i[t]),e[t]&&this.renderer.addClass(n,e[t]))},R.prototype.onEnterPressed=function(){var e=this.focusService.focused;this.emitItemClick(e)},R.prototype.emitItemClick=function(e){var t=this.dialItems[e];t&&!t.disabled&&(this.dialItemClick.emit({item:t,index:e}),this.toggleDialWithEvents(!1))},R.prototype.subscribeNavigationEvents=function(){this.subscriptions.add(this.navigationService.navigate.subscribe(this.onArrowKeyNavigate.bind(this))),this.subscriptions.add(this.navigationService.enter.subscribe(this.onNavigationEnterPress.bind(this))),this.subscriptions.add(N.merge(this.navigationService.close,this.navigationService.esc).subscribe(this.onNavigationClose.bind(this)))},R.prototype.onArrowKeyNavigate=function(e){this.focusService.focus(e)},R.prototype.onNavigationEnterPress=function(){var n=this;this.ngZone.run(function(){if(n.isOpen){var e=n.focusService.focused,t=n.dialItems[e];if(t&&t.disabled)return;if(o(e)&&-1!==e)return void n.onEnterPressed()}!n.isOpen&&c.isDocumentAvailable()&&(n.toggleDialWithEvents(!0),n.button.nativeElement.focus())})},R.prototype.onNavigationClose=function(){var e=this;this.isOpen&&this.ngZone.run(function(){e.toggleDialWithEvents(!1),c.isDocumentAvailable()&&e.button.nativeElement.focus()})},R.prototype.alignClass=function(){return"k-pos-"+this.align.vertical+"-"+this.align.horizontal},R.prototype.toggleDialWithEvents=function(e){var t;e!==this.isOpen&&(t=new J,(e?this.open:this.close).emit(t),t.isDefaultPrevented()||(e?this.openDial():this.closeDial()))},R.prototype.openPopup=function(){var e,t,n,i,o,s,r,a=this;this.isOpen||(e=this.icon&&!this.text,t=this.rtl,n=this.align,this.popupRef=this.popupService.open({anchor:this.element.nativeElement,animate:!1,content:this.popupTemplate,anchorAlign:(s={horizontal:(o=t)?"right":"left",vertical:"bottom"},"end"===(i=n).horizontal&&(s.horizontal=o?"left":"right"),"bottom"===i.vertical&&(s.vertical="top"),"bottom"===i.vertical&&"end"===i.horizontal&&(s.horizontal=o?"left":"right",s.vertical="top"),s),popupAlign:(o={horizontal:(i=t)?"right":"left",vertical:"top"},"end"===(s=n).horizontal&&(o.horizontal=i?"left":"right"),"bottom"===s.vertical&&(o.vertical="bottom"),"bottom"===s.vertical&&"end"===s.horizontal&&(o.horizontal=i?"left":"right",o.vertical="bottom"),o),popupClass:"k-fab-popup k-popup-transparent"}),r=this.popupRef.popupElement,this.renderer.setStyle(r,"box-shadow","none"),e&&this.subscriptions.add(this.popupRef.popupOpen.subscribe(function(){return a.positionPopup()})),this.ngZone.runOutsideAngular(function(){a.popupMouseDownListener=a.renderer.listen(r,"mousedown",function(e){e.preventDefault()})}),this.popupRef.popupAnchorViewportLeave.subscribe(function(){return a.toggleDialWithEvents(!1)}))},R.prototype.closePopup=function(){this.isOpen&&(this.popupMouseDownListener&&this.popupMouseDownListener(),this.popupRef.close(),this.popupRef=null)},R.prototype.openDial=function(){this.openPopup(),this.focusService.focus(0),this.dialItemAnimation&&this.isValidAnimation()&&this.playAnimation(!0)},R.prototype.closeDial=function(){var e=this;this.dialItemAnimation&&this.isValidAnimation()?(this.playAnimation(!1),this.animationEnd.pipe(V.take(1)).subscribe(function(){return e.closePopup()})):this.closePopup()},R.prototype.isValidAnimation=function(){var e=this.dialItemAnimation;return"boolean"==typeof e||0!==e.duration},R.prototype.positionPopup=function(){var e,t,n,i;this.dialItemTemplate||(t=this.element.nativeElement.getBoundingClientRect().width,(n=(e=this.popupRef.popupElement).querySelector(".k-fab-item-icon"))&&(t=t/2-n.getBoundingClientRect().width/2,n=e.getBoundingClientRect().left,i="end"===this.align.horizontal,e.style.left=this.rtl?(i?t+n:n-t)+"px":(i?n-t:t+n)+"px"))},R.prototype.offsetStyles=function(){var e=this.element.nativeElement;this.renderer.setStyle(e,this.horizontalPosition,this.horizontalOffset),this.renderer.setStyle(e,this.verticalPosition,this.verticalOffset)},Object.defineProperty(R.prototype,"hasDialItems",{get:function(){return o(this.dialItems)&&0!==this.dialItems.length},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"verticalPosition",{get:function(){return{top:"top",middle:"top",bottom:"bottom"}[this.align.vertical]},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"verticalOffset",{get:function(){return"middle"===this.align.vertical?this.offset.y===Me?"50%":"calc(50% + "+this.offset.y+")":this.offset.y},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"horizontalPosition",{get:function(){var e=this.align.horizontal;return{end:this.rtl?"left":"right",center:"left",start:this.rtl?"right":"left"}[e]},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"horizontalOffset",{get:function(){return"center"===this.align.horizontal?this.offset.x===Me?"50%":"calc(50% + "+this.offset.x+")":this.offset.x},enumerable:!1,configurable:!0}),R.prototype.playerFor=function(e,t){return this.builder.build(t).create(e)},R.prototype.playAnimation=function(e){var t,n,i=this,o=this.durationSettings(),o={duration:o.duration,gap:o.gap,align:this.align},o=e?(t="bottom"===(e=o).align.vertical,n=o.duration,e=o.gap,r.sequence([r.query(".k-fab-item",[r.style({opacity:0,transform:"translateY("+(t?"8px":"-8px")+")"}),r.stagger(e,[r.animate(n+"ms ease-in",r.style({opacity:"*",transform:"translateY(0)"}))])],{optional:!0})])):(e="bottom"===(t=o).align.vertical,n=o.duration,t=o.gap,r.sequence([r.query(".k-fab-item",[r.style({opacity:"*",transform:"translateY(0)"}),r.stagger(-t,[r.animate(n+"ms ease-in",r.style({opacity:0,transform:"translateY("+(e?"8px":"-8px")+")"}))])],{optional:!0})])),s=this.playerFor(this.popupRef.popupElement,o);s.play(),s.onDone(function(){s&&(i.animationEnd.emit(),s.destroy(),s=null)})},R.prototype.durationSettings=function(){return{duration:this.animationDuration(),gap:this.animationGap()}},R.prototype.animationGap=function(){var e=this.dialItemAnimation;return"boolean"!=typeof e&&o(e.gap)?e.gap:90},R.prototype.animationDuration=function(){var e=this.dialItemAnimation;return"boolean"!=typeof e&&o(e.duration)?e.duration:180},R);function R(e,t,n,i,o,s,r,a){var l=this;this.renderer=e,this.element=t,this.focusService=n,this.navigationService=i,this.ngZone=o,this.popupService=s,this.builder=r,this.localizationService=a,this.positionMode="fixed",this.dialItemAnimation=!0,this.tabIndex=0,this.dialItems=[],this.onBlur=new p.EventEmitter,this.onFocus=new p.EventEmitter,this.dialItemClick=new p.EventEmitter,this.open=new p.EventEmitter,this.close=new p.EventEmitter,this.id="k-"+c.guid(),this._themeColor="primary",this._size="medium",this._shape="rectangle",this._disabled=!1,this._align={horizontal:"end",vertical:"bottom"},this._offset={x:Me,y:Me},this._rounded="full",this.subscriptions=new N.Subscription,this.rtl=!1,this.animationEnd=new p.EventEmitter,this.initialSetup=!0,M.validatePackage(K),this.subscribeNavigationEvents(),this.subscriptions.add(this.localizationService.changes.subscribe(function(e){e=e.rtl;l.rtl=e,l.direction=l.rtl?"rtl":"ltr"}))}Ne.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Ne,deps:[{token:i.Renderer2},{token:i.ElementRef},{token:b},{token:I},{token:i.NgZone},{token:U.PopupService},{token:$.AnimationBuilder},{token:s.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),Ne.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Ne,selector:"kendo-floatingactionbutton",inputs:{themeColor:"themeColor",size:"size",rounded:"rounded",shape:"shape",disabled:"disabled",align:"align",offset:"offset",positionMode:"positionMode",icon:"icon",iconClass:"iconClass",buttonClass:"buttonClass",dialClass:"dialClass",text:"text",dialItemAnimation:"dialItemAnimation",tabIndex:"tabIndex",dialItems:"dialItems"},outputs:{onBlur:"blur",onFocus:"focus",dialItemClick:"dialItemClick",open:"open",close:"close"},host:{properties:{"class.k-pos-fixed":"this.fixedClass","class.k-pos-absolute":"this.absoluteClass","attr.dir":"this.direction"}},providers:[b,I,_,t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.floatingactionbutton"}],queries:[{propertyName:"dialItemTemplate",first:!0,predicate:A,descendants:!0},{propertyName:"fabTemplate",first:!0,predicate:F,descendants:!0}],viewQueries:[{propertyName:"button",first:!0,predicate:["button"],descendants:!0,static:!0},{propertyName:"popupTemplate",first:!0,predicate:["popupTemplate"],descendants:!0,static:!0}],ngImport:i,template:'\n        <button\n            #button\n            [attr.id]="id"\n            [attr.role]="role"\n            [tabIndex]="componentTabIndex"\n            type="button"\n            class="k-fab k-fab-solid"\n            [class.k-disabled]="disabled"\n            [ngClass]="buttonClass"\n            [disabled]="disabled"\n            [attr.aria-disabled]="disabled"\n            [attr.aria-expanded]="ariaExpanded"\n            [attr.aria-haspopup]="ariaHasPopup"\n            (focus)="focusHandler()"\n            (blur)="blurHandler()"\n            [kendoEventsOutsideAngular]="{\n                keydown: keyDownHandler,\n                click: clickHandler\n            }"\n            [scope]="this"\n        >\n            <ng-template *ngIf="fabTemplate"\n                [ngTemplateOutlet]="fabTemplate?.templateRef"\n            >\n            </ng-template>\n\n            <ng-container *ngIf="!fabTemplate">\n                <span *ngIf="icon || iconClass" [ngClass]="iconClasses"></span>\n                <span *ngIf="text" class="k-fab-text">{{ text }}</span>\n            </ng-container>\n        </button>\n\n        <ng-template #popupTemplate>\n            <ul\n                kendoDialList\n                [ngClass]="dialClass"\n                [dialItems]="dialItems"\n                [dialItemTemplate]=\'dialItemTemplate?.templateRef\'\n                [align]="align"\n                [attr.aria-labelledby]="id"\n                (click)="onItemClick($event)"\n            >\n            </ul>\n        </ng-template>\n    ',isInline:!0,components:[{type:Pe,selector:"[kendoDialList]",inputs:["dialItems","dialItemTemplate","align"]}],directives:[{type:a.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:H.EventsOutsideAngularDirective,selector:"[kendoEventsOutsideAngular]",inputs:["kendoEventsOutsideAngular","scope"]},{type:a.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:a.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Ne,decorators:[{type:p.Component,args:[{selector:"kendo-floatingactionbutton",providers:[b,I,_,t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.floatingactionbutton"}],template:'\n        <button\n            #button\n            [attr.id]="id"\n            [attr.role]="role"\n            [tabIndex]="componentTabIndex"\n            type="button"\n            class="k-fab k-fab-solid"\n            [class.k-disabled]="disabled"\n            [ngClass]="buttonClass"\n            [disabled]="disabled"\n            [attr.aria-disabled]="disabled"\n            [attr.aria-expanded]="ariaExpanded"\n            [attr.aria-haspopup]="ariaHasPopup"\n            (focus)="focusHandler()"\n            (blur)="blurHandler()"\n            [kendoEventsOutsideAngular]="{\n                keydown: keyDownHandler,\n                click: clickHandler\n            }"\n            [scope]="this"\n        >\n            <ng-template *ngIf="fabTemplate"\n                [ngTemplateOutlet]="fabTemplate?.templateRef"\n            >\n            </ng-template>\n\n            <ng-container *ngIf="!fabTemplate">\n                <span *ngIf="icon || iconClass" [ngClass]="iconClasses"></span>\n                <span *ngIf="text" class="k-fab-text">{{ text }}</span>\n            </ng-container>\n        </button>\n\n        <ng-template #popupTemplate>\n            <ul\n                kendoDialList\n                [ngClass]="dialClass"\n                [dialItems]="dialItems"\n                [dialItemTemplate]=\'dialItemTemplate?.templateRef\'\n                [align]="align"\n                [attr.aria-labelledby]="id"\n                (click)="onItemClick($event)"\n            >\n            </ul>\n        </ng-template>\n    '}]}],ctorParameters:function(){return[{type:i.Renderer2},{type:i.ElementRef},{type:b},{type:I},{type:i.NgZone},{type:U.PopupService},{type:$.AnimationBuilder},{type:s.LocalizationService}]},propDecorators:{fixedClass:[{type:p.HostBinding,args:["class.k-pos-fixed"]}],absoluteClass:[{type:p.HostBinding,args:["class.k-pos-absolute"]}],direction:[{type:p.HostBinding,args:["attr.dir"]}],button:[{type:p.ViewChild,args:["button",{static:!0}]}],popupTemplate:[{type:p.ViewChild,args:["popupTemplate",{static:!0}]}],dialItemTemplate:[{type:p.ContentChild,args:[A,{static:!1}]}],fabTemplate:[{type:p.ContentChild,args:[F,{static:!1}]}],themeColor:[{type:p.Input}],size:[{type:p.Input}],rounded:[{type:p.Input}],shape:[{type:p.Input}],disabled:[{type:p.Input}],align:[{type:p.Input}],offset:[{type:p.Input}],positionMode:[{type:p.Input}],icon:[{type:p.Input}],iconClass:[{type:p.Input}],buttonClass:[{type:p.Input}],dialClass:[{type:p.Input}],text:[{type:p.Input}],dialItemAnimation:[{type:p.Input}],tabIndex:[{type:p.Input}],dialItems:[{type:p.Input}],onBlur:[{type:p.Output,args:["blur"]}],onFocus:[{type:p.Output,args:["focus"]}],dialItemClick:[{type:p.Output,args:["dialItemClick"]}],open:[{type:p.Output}],close:[{type:p.Output}]}});H=[Ne,A,F],a=de(de([],ue(H)),[Pe,Oe]),_=function(){},_.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:_,deps:[],target:i.ɵɵFactoryTarget.NgModule}),_.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:_,declarations:[Ne,A,F,Pe,Oe],imports:[n.CommonModule,z.PopupModule,C,c.EventsModule],exports:[Ne,A,F]}),_.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:_,imports:[[n.CommonModule,z.PopupModule,C,c.EventsModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:_,decorators:[{type:p.NgModule,args:[{declarations:[a],exports:[H],imports:[n.CommonModule,z.PopupModule,C,c.EventsModule]}]}]}),t=function(){};t.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:t,deps:[],target:i.ɵɵFactoryTarget.NgModule}),t.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:t,exports:[f,h,E,S,we,_]}),t.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:t,imports:[f,h,E,S,we,_]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:t,decorators:[{type:p.NgModule,args:[{exports:[f,h,E,S,we,_]}]}]}),e.Button=u,e.ButtonDirective=u,e.ButtonGroup=g,e.ButtonGroupComponent=g,e.ButtonGroupModule=f,e.ButtonItemTemplateDirective=y,e.ButtonModule=h,e.ButtonsModule=t,e.ChipComponent=De,e.ChipListComponent=Ee,e.ChipModule=we,e.DialItemTemplateDirective=A,e.DropDownButton=v,e.DropDownButtonComponent=v,e.DropDownButtonModule=S,e.FloatingActionButtonComponent=Ne,e.FloatingActionButtonModule=_,e.FloatingActionButtonTemplateDirective=F,e.FocusableDirective=ie,e.ListComponent=ae,e.ListModule=C,e.LocalizedSplitButtonMessagesDirective=D,e.SplitButton=ke,e.SplitButtonComponent=ke,e.SplitButtonCustomMessagesComponent=O,e.SplitButtonModule=E,e.TemplateContextDirective=se,Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@progress/kendo-angular-common"),require("@progress/kendo-angular-l10n"),require("@progress/kendo-licensing"),require("@progress/kendo-common"),require("rxjs"),require("@angular/common"),require("@progress/kendo-angular-popup"),require("rxjs/operators"),require("@angular/animations")):"function"==typeof define&&define.amd?define("KendoAngularButtons",["exports","@angular/core","@progress/kendo-angular-common","@progress/kendo-angular-l10n","@progress/kendo-licensing","@progress/kendo-common","rxjs","@angular/common","@progress/kendo-angular-popup","rxjs/operators","@angular/animations"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoAngularButtons={},e.ng.core,e.KendoAngularCommon,e.KendoAngularL10N,e.KendoLicensing,e.KendoCommon,e.rxjs,e.ng.common,e.KendoAngularPopup,e.rxjs.operators,e.ng.animations)}(this,function(e,p,c,t,M,N,z,n,V,j,r){"use strict";function L(n){if(n&&n.__esModule)return n;var i=Object.create(null);return n&&Object.keys(n).forEach(function(e){var t;"default"!==e&&(t=Object.getOwnPropertyDescriptor(n,e),Object.defineProperty(i,e,t.get?t:{enumerable:!0,get:function(){return n[e]}}))}),i.default=n,Object.freeze(i)}function o(e){return null!=e}function H(e){W.then(e)}var i=L(p),U=L(c),s=L(t),a=L(n),$=L(V),K=L(r),Z={name:"@progress/kendo-angular-buttons",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1648803260,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"},W=Promise.resolve(null);function q(e,t){if(e.closest)return e.closest(t);for(var n=Element.prototype.matches?function(e,t){return e.matches(t)}:function(e,t){return e.msMatchesSelector(t)},i=e;i&&9!==i.nodeType;){if(n(i,t))return i;i=i.parentNode}}function X(e,t,n,i){switch(t){case"size":return{toRemove:"k-"+e+"-"+Y[n],toAdd:i?"k-"+e+"-"+Y[i]:null};case"rounded":return{toRemove:"k-rounded-"+Q[n],toAdd:i?"k-rounded-"+Q[i]:null};case"fillMode":return{toRemove:"k-"+e+"-"+n,toAdd:i?"k-"+e+"-"+i:null}}}function G(e,t,n,i,o){return{toRemove:"k-"+e+"-"+t+"-"+i,toAdd:o?"k-"+e+"-"+n+"-"+o:null}}var Y={small:"sm",medium:"md",large:"lg"},Q={small:"sm",medium:"md",large:"lg",full:"full"},l=(J.prototype.click=function(e){this.buttonClicked.next(e)},J);function J(){this.buttonClicked=new z.Subject,this.buttonClicked$=this.buttonClicked.asObservable()}l.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:l,deps:[],target:i.ɵɵFactoryTarget.Injectable}),l.ɵprov=i.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:l}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:l,decorators:[{type:p.Injectable}]});Object.defineProperty(d.prototype,"togglable",{get:function(){return this.toggleable},set:function(e){this.toggleable=e},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"selected",{get:function(){return this._selected||!1},set:function(e){this._selected=e},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"tabIndex",{get:function(){return this.element.tabIndex},set:function(e){this.element.tabIndex=e},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"icon",{set:function(e){var t=this;e?this.iconSetter(e,function(){t.isIcon=!0,t.addIcon("k-button-icon k-icon k-i-"+e)}):(this.isIcon=!1,this.updateIconNode())},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"iconClass",{set:function(e){var t=this;e?this.iconSetter(e,function(){t.isIconClass=!0,t.addIcon("k-button-icon "+e)}):(this.isIconClass=!1,this.updateIconNode())},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"imageUrl",{set:function(e){e?this.iconSetter(e,this.addImgIcon.bind(this)):this.removeImageNode()},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"disabled",{get:function(){return this.isDisabled},set:function(e){var t,n;e&&c.isDocumentAvailable()&&(t=navigator.userAgent,n=N.detectDesktopBrowser(t),t=N.detectMobileOS(t),n&&n.mozilla||t&&"firefox"===t.browser)&&this.blur(),this.isDisabled=e,this.renderer.setProperty(this.element,"disabled",e)},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"size",{get:function(){return this._size},set:function(e){this.handleClasses(e,"size"),this._size=e},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"rounded",{get:function(){return this._rounded},set:function(e){this.handleClasses(e,"rounded"),this._rounded=e},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"fillMode",{get:function(){return this._fillMode},set:function(e){this.handleClasses(e,"fillMode"),this._fillMode=e},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"themeColor",{get:function(){return this._themeColor},set:function(e){this.handleThemeColor(e),this._themeColor=e},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"shape",{get:function(){return this._shape},set:function(e){this._shape=e},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"isFocused",{get:function(){return this._focused},set:function(e){this.toggleClass("k-focus",e),this._focused=e},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"classButton",{get:function(){return!0},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"isToggleable",{get:function(){return this.toggleable},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"roleSetter",{get:function(){return this.role},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"classDisabled",{get:function(){return this.isDisabled},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"classActive",{get:function(){return this.selected},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"getDirection",{get:function(){return this.direction},enumerable:!1,configurable:!0}),d.prototype.onFocus=function(){this.isFocused=!0},d.prototype.onBlur=function(){this.isFocused=!1},Object.defineProperty(d.prototype,"primary",{set:function(e){this.themeColor=e?"primary":"base"},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"look",{set:function(e){this.fillMode="default"===e?"solid":e},enumerable:!1,configurable:!0}),d.prototype.ngOnInit=function(){var n=this,i="SPAN"===this.element.tagName;this.addTextSpan(),!this.element.hasAttribute("role")&&this.togglable&&this.toggleAriaPressed(this.toggleable),this.role&&this.setAttribute("role",this.role),this.ngZone.runOutsideAngular(function(){n.domEvents.push(n.renderer.listen(n.element,"click",n._onButtonClick.bind(n))),n.domEvents.push(n.renderer.listen(n.element,"keydown",function(e){var t=e.keyCode===c.Keys.Space||e.keyCode===c.Keys.Enter;i&&t&&(n.click.emit(e),n._onButtonClick())}))})},d.prototype.ngOnChanges=function(e){(c.isChanged("togglable",e)||c.isChanged("toggleable",e))&&this.toggleAriaPressed(this.toggleable)},d.prototype.ngAfterViewInit=function(){var t=this;["size","rounded","fillMode"].forEach(function(e){t.handleClasses(t[e],e)})},d.prototype.ngAfterViewChecked=function(){this.setIconTextClasses()},d.prototype.ngOnDestroy=function(){this.imageNode=null,this.iconNode=null,this.iconSpanNode=null,this.renderer=null,this.localizationChangeSubscription.unsubscribe(),clearTimeout(this.deferTimeout),this.domEvents.forEach(function(e){return e()})},d.prototype.focus=function(){c.isDocumentAvailable()&&(this.element.focus(),this.isFocused=!0)},d.prototype.blur=function(){c.isDocumentAvailable()&&(this.element.blur(),this.isFocused=!1)},d.prototype.setAttribute=function(e,t){this.renderer.setAttribute(this.element,e,t)},d.prototype.removeAttribute=function(e){this.renderer.removeAttribute(this.element,e)},d.prototype.setSelected=function(e){var t=this,n=this.selected!==e;this.selected=e,this.setAttribute("aria-pressed",this.selected.toString()),this.toggleClass("k-selected",this.selected),n&&c.hasObservers(this.selectedChange)&&this.ngZone.run(function(){t.selectedChange.emit(e)})},d.prototype.toggleAriaPressed=function(e){c.isDocumentAvailable()&&(e?this.setAttribute("aria-pressed",this.selected.toString()):this.removeAttribute("aria-pressed"))},d.prototype.hasText=function(){return c.isDocumentAvailable()&&0<this.element.textContent.trim().length},d.prototype.addImgIcon=function(e){var t=this.renderer;this.iconSpanNode||(this.iconSpanNode=t.createElement("span"),t.setProperty(this.iconSpanNode,"className","k-button-icon k-icon")),this.imageNode?t.setProperty(this.imageNode,"src",e):c.isDocumentAvailable()&&(this.imageNode=t.createElement("img"),t.setProperty(this.imageNode,"src",e),t.setProperty(this.imageNode,"className","k-image"),t.setAttribute(this.imageNode,"role","presentation")),this.iconSpanNode.appendChild(this.imageNode),this.prependChild(this.iconSpanNode)},d.prototype.addIcon=function(e){var t=this.renderer;this.iconNode?t.setProperty(this.iconNode,"className",e):c.isDocumentAvailable()&&(this.iconNode=t.createElement("span"),t.setProperty(this.iconNode,"className",e),t.setAttribute(this.iconNode,"role","presentation"),this.prependChild(this.iconNode))},d.prototype.addTextSpan=function(){var t,n=this;c.isDocumentAvailable()&&this.hasText()&&(t=this.renderer.createElement("span"),this.renderer.addClass(t,"k-button-text"),Array.from(this.element.childNodes).forEach(function(e){return n.renderer.appendChild(t,e)}),this.renderer.appendChild(this.element,t))},d.prototype.prependChild=function(e){var t=this;this.defer(function(){t.renderer&&e!==t.element.firstChild&&t.renderer.insertBefore(t.element,e,t.element.firstChild)})},d.prototype.defer=function(e){var t=this;this.ngZone.runOutsideAngular(function(){t.deferTimeout=setTimeout(e,0)})},d.prototype.iconSetter=function(e,t){e&&t(e),this.setIconTextClasses()},d.prototype.removeImageNode=function(){this.imageNode&&this.renderer.parentNode(this.imageNode)&&(this.renderer.removeChild(this.element,this.imageNode),this.renderer.removeChild(this.element,this.iconSpanNode),this.imageNode=null,this.iconSpanNode=null)},d.prototype.removeIconNode=function(){this.iconNode&&this.renderer.parentNode(this.iconNode)&&(this.renderer.removeChild(this.element,this.iconNode),this.iconNode=null),this.iconSpanNode&&(this.renderer.removeChild(this.element,this.iconSpanNode),this.iconSpanNode=null)},d.prototype.updateIconNode=function(){this.isIcon||this.isIconClass||this.removeIconNode()},d.prototype.setIconTextClasses=function(){var e=this.isIcon||this.isIconClass||this.imageNode;this.toggleClass("k-icon-button",e&&!this.hasText())},d.prototype.toggleClass=function(e,t){t?this.renderer.addClass(this.element,e):this.renderer.removeClass(this.element,e)},d.prototype._onButtonClick=function(){var e=this;!this.disabled&&this.service&&this.ngZone.run(function(){e.service.click(e)}),this.togglable&&!this.service&&this.setSelected(!this.selected)},d.prototype.handleClasses=function(e,t){var n=this.element,i=X("button",t,this[t],e);"fillMode"===t&&this.handleThemeColor(this.themeColor,this[t],e),i.toRemove&&this.renderer.removeClass(n,i.toRemove),i.toAdd&&this.renderer.addClass(n,i.toAdd)},d.prototype.handleThemeColor=function(e,t,n){var i=this.element,t=t||this.fillMode,o=n||this.fillMode,t=G("button",t,o,this.themeColor,e);this.renderer.removeClass(i,t.toRemove),null!==o&&null!==n&&t.toAdd&&this.renderer.addClass(i,t.toAdd)};var u=d;function d(e,t,n,i,o){var s=this;this.service=n,this.ngZone=o,this.toggleable=!1,this.role="button",this.selectedChange=new p.EventEmitter,this.click=new p.EventEmitter,this.isDisabled=!1,this.isIcon=!1,this.isIconClass=!1,this._size="medium",this._rounded="medium",this._shape="rectangle",this._fillMode="solid",this._themeColor="base",this._focused=!1,this.domEvents=[],M.validatePackage(Z),this.direction=i.rtl?"rtl":"ltr",this.localizationChangeSubscription=i.changes.subscribe(function(e){e=e.rtl;return s.direction=e?"rtl":"ltr"}),this.element=e.nativeElement,this.renderer=t}u.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:u,deps:[{token:i.ElementRef},{token:i.Renderer2},{token:l,optional:!0},{token:s.LocalizationService},{token:i.NgZone}],target:i.ɵɵFactoryTarget.Directive}),u.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:u,selector:"button[kendoButton], span[kendoButton]",inputs:{toggleable:"toggleable",togglable:"togglable",selected:"selected",tabIndex:"tabIndex",icon:"icon",iconClass:"iconClass",imageUrl:"imageUrl",disabled:"disabled",size:"size",rounded:"rounded",fillMode:"fillMode",themeColor:"themeColor",shape:"shape",role:"role",primary:"primary",look:"look"},outputs:{selectedChange:"selectedChange",click:"click"},host:{listeners:{focus:"onFocus()",blur:"onBlur()"},properties:{"class.k-button":"this.classButton","class.k-toggle-button":"this.isToggleable","attr.role":"this.roleSetter","attr.aria-disabled":"this.classDisabled","class.k-disabled":"this.classDisabled","class.k-selected":"this.classActive","attr.dir":"this.getDirection"}},providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.button"}],exportAs:["kendoButton"],usesOnChanges:!0,ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:u,decorators:[{type:p.Directive,args:[{exportAs:"kendoButton",providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.button"}],selector:"button[kendoButton], span[kendoButton]"}]}],ctorParameters:function(){return[{type:i.ElementRef},{type:i.Renderer2},{type:l,decorators:[{type:p.Optional}]},{type:s.LocalizationService},{type:i.NgZone}]},propDecorators:{toggleable:[{type:p.Input}],togglable:[{type:p.Input}],selected:[{type:p.Input}],tabIndex:[{type:p.Input}],icon:[{type:p.Input}],iconClass:[{type:p.Input}],imageUrl:[{type:p.Input}],disabled:[{type:p.Input}],size:[{type:p.Input}],rounded:[{type:p.Input}],fillMode:[{type:p.Input}],themeColor:[{type:p.Input}],shape:[{type:p.Input}],role:[{type:p.Input}],selectedChange:[{type:p.Output}],click:[{type:p.Output}],classButton:[{type:p.HostBinding,args:["class.k-button"]}],isToggleable:[{type:p.HostBinding,args:["class.k-toggle-button"]}],roleSetter:[{type:p.HostBinding,args:["attr.role"]}],classDisabled:[{type:p.HostBinding,args:["attr.aria-disabled"]},{type:p.HostBinding,args:["class.k-disabled"]}],classActive:[{type:p.HostBinding,args:["class.k-selected"]}],getDirection:[{type:p.HostBinding,args:["attr.dir"]}],onFocus:[{type:p.HostListener,args:["focus"]}],onBlur:[{type:p.HostListener,args:["blur"]}],primary:[{type:p.Input}],look:[{type:p.Input}]}});te.prototype.preventDefault=function(){this.prevented=!0},te.prototype.isDefaultPrevented=function(){return this.prevented};var ee=te;function te(){this.prevented=!1}var ne="tabindex",g=(Object.defineProperty(m.prototype,"tabIndex",{get:function(){return this._tabIndex},set:function(e){this._tabIndex=e,this.currentTabIndex=e},enumerable:!1,configurable:!0}),Object.defineProperty(m.prototype,"wrapperClass",{get:function(){return!0},enumerable:!1,configurable:!0}),Object.defineProperty(m.prototype,"disabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(m.prototype,"stretchedClass",{get:function(){return!!this.width},enumerable:!1,configurable:!0}),Object.defineProperty(m.prototype,"getRole",{get:function(){return this.isSelectionSingle()?"radiogroup":"group"},enumerable:!1,configurable:!0}),Object.defineProperty(m.prototype,"dir",{get:function(){return this.direction},enumerable:!1,configurable:!0}),Object.defineProperty(m.prototype,"ariaDisabled",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(m.prototype,"wrapperWidth",{get:function(){return this.width},enumerable:!1,configurable:!0}),Object.defineProperty(m.prototype,"wrapperTabIndex",{get:function(){return this.disabled?void 0:this.currentTabIndex},enumerable:!1,configurable:!0}),m.prototype.keydown=function(e){this.disabled||this.navigateFocus(e)},m.prototype.onFocus=function(){this.currentTabIndex=-1;var e=this.buttons.toArray().findIndex(function(e){return-1!==e.element.tabIndex}),n=-1===e?0:e;this.focus(this.buttons.filter(function(e,t){return t===n}))},m.prototype.focusout=function(e){e.relatedTarget&&e.relatedTarget.parentNode!==this.element.nativeElement&&(this.defocus(this.buttons.toArray()),this.currentTabIndex=this.tabIndex)},m.prototype.ngOnInit=function(){var n=this;this.subscription=this.service.buttonClicked$.subscribe(function(t){var e;n.isSelectionSingle()?(e=!0,n.deactivate(n.buttons.filter(function(e){return e!==t}))):(n.defocus(n.buttons.toArray()),e=!t.selected),t.togglable&&t.setSelected(e),t.setAttribute(ne,"0")})},m.prototype.ngOnChanges=function(e){var t=this;c.isChanged("disabled",e)&&this.buttons.forEach(function(e){o(t.disabled)&&(e.disabled=t.disabled)})},m.prototype.ngAfterContentInit=function(){this.buttons.forEach(function(e){e.selected?e.setAttribute(ne,"0"):e.setAttribute(ne,"-1")})},m.prototype.ngAfterViewChecked=function(){this.buttons.length&&(this.buttons.first.renderer.addClass(this.buttons.first.element,"k-group-start"),this.buttons.last.renderer.addClass(this.buttons.last.element,"k-group-end"))},m.prototype.ngOnDestroy=function(){this.subscription.unsubscribe(),this.localizationChangeSubscription.unsubscribe()},m.prototype.ngAfterContentChecked=function(){this.verifySettings()},m.prototype.navigateFocus=function(e){var n=this.buttons.toArray().findIndex(function(e){return-1!==e.element.tabIndex}),t=this.buttons.length-1,i=new ee;e.keyCode===c.Keys.ArrowRight&&n<t&&(this.navigate.emit(i),i.isDefaultPrevented()||(this.defocus(this.buttons.toArray()),this.focus(this.buttons.filter(function(e,t){return t===n+1})))),e.keyCode===c.Keys.ArrowLeft&&0<n&&(this.navigate.emit(i),i.isDefaultPrevented()||(this.defocus(this.buttons.toArray()),this.focus(this.buttons.filter(function(e,t){return t===n-1}))))},m.prototype.deactivate=function(e){e.forEach(function(e){e.setSelected(!1),e.setAttribute(ne,"-1")})},m.prototype.activate=function(e){e.forEach(function(e){e.setSelected(!0),e.setAttribute(ne,"0"),e.focus()})},m.prototype.defocus=function(e){e.forEach(function(e){e.setAttribute(ne,"-1")})},m.prototype.focus=function(e){e.forEach(function(e){e.setAttribute(ne,"0"),e.focus()})},m.prototype.verifySettings=function(){if(p.isDevMode()&&this.isSelectionSingle()&&1<this.buttons.filter(function(e){return e.selected}).length)throw new Error("Having multiple selected buttons with single selection mode is not supported")},m.prototype.isSelectionSingle=function(){return"single"===this.selection},m);function m(e,t,n){var i=this;this.service=e,this.element=n,this.selection="multiple",this.navigate=new p.EventEmitter,this._tabIndex=0,this.currentTabIndex=0,M.validatePackage(Z),this.localizationChangeSubscription=t.changes.subscribe(function(e){e=e.rtl;return i.direction=e?"rtl":"ltr"})}g.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:g,deps:[{token:l},{token:s.LocalizationService},{token:i.ElementRef}],target:i.ɵɵFactoryTarget.Component}),g.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:g,selector:"kendo-buttongroup",inputs:{disabled:"disabled",selection:"selection",width:"width",tabIndex:"tabIndex"},outputs:{navigate:"navigate"},host:{listeners:{keydown:"keydown($event)",focus:"onFocus()",focusout:"focusout($event)"},properties:{"class.k-button-group":"this.wrapperClass","class.k-disabled":"this.disabledClass","class.k-button-group-stretched":"this.stretchedClass","attr.role":"this.getRole","attr.dir":"this.dir","attr.aria-disabled":"this.ariaDisabled","style.width":"this.wrapperWidth","attr.tabindex":"this.wrapperTabIndex"}},providers:[l,t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.buttongroup"}],queries:[{propertyName:"buttons",predicate:u}],exportAs:["kendoButtonGroup"],usesOnChanges:!0,ngImport:i,template:'\n        <ng-content select="[kendoButton]"></ng-content>\n    ',isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:g,decorators:[{type:p.Component,args:[{exportAs:"kendoButtonGroup",providers:[l,t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.buttongroup"}],selector:"kendo-buttongroup",template:'\n        <ng-content select="[kendoButton]"></ng-content>\n    '}]}],ctorParameters:function(){return[{type:l},{type:s.LocalizationService},{type:i.ElementRef}]},propDecorators:{disabled:[{type:p.Input,args:["disabled"]}],selection:[{type:p.Input,args:["selection"]}],width:[{type:p.Input,args:["width"]}],tabIndex:[{type:p.Input}],navigate:[{type:p.Output}],buttons:[{type:p.ContentChildren,args:[u]}],wrapperClass:[{type:p.HostBinding,args:["class.k-button-group"]}],disabledClass:[{type:p.HostBinding,args:["class.k-disabled"]}],stretchedClass:[{type:p.HostBinding,args:["class.k-button-group-stretched"]}],getRole:[{type:p.HostBinding,args:["attr.role"]}],dir:[{type:p.HostBinding,args:["attr.dir"]}],ariaDisabled:[{type:p.HostBinding,args:["attr.aria-disabled"]}],wrapperWidth:[{type:p.HostBinding,args:["style.width"]}],wrapperTabIndex:[{type:p.HostBinding,args:["attr.tabindex"]}],keydown:[{type:p.HostListener,args:["keydown",["$event"]]}],onFocus:[{type:p.HostListener,args:["focus"]}],focusout:[{type:p.HostListener,args:["focusout",["$event"]]}]}});var h=function(){},f=(h.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:h,deps:[],target:i.ɵɵFactoryTarget.NgModule}),h.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:h,declarations:[u],exports:[u]}),h.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:h}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:h,decorators:[{type:p.NgModule,args:[{declarations:[u],exports:[u]}]}]}),function(){}),b=(f.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:f,deps:[],target:i.ɵɵFactoryTarget.NgModule}),f.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:f,declarations:[g],imports:[n.CommonModule,h],exports:[g]}),f.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:f,imports:[[n.CommonModule,h]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:f,decorators:[{type:p.NgModule,args:[{declarations:[g],exports:[g],imports:[n.CommonModule,h]}]}]}),ie.prototype.isFocused=function(e){return e===this.focused},ie.prototype.focus=function(e){this.isFocused(e)||(this.focused=e,this.onFocus.emit(e))},ie.prototype.resetFocus=function(){this.focused=-1},Object.defineProperty(ie.prototype,"focused",{get:function(){return this.focusedIndex},set:function(e){this.focusedIndex=e,this.onFocus.emit(e)},enumerable:!1,configurable:!0}),ie);function ie(){this.onFocus=new p.EventEmitter}b.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:b,deps:[],target:i.ɵɵFactoryTarget.Injectable}),b.ɵprov=i.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:b}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:b,decorators:[{type:p.Injectable}]});se.prototype.ngOnInit=function(){this.index===this.focusService.focused?this.renderer.addClass(this.element,"k-focus"):this.renderer.removeClass(this.element,"k-focus")},se.prototype.ngOnDestroy=function(){this.unsubscribeEvents()},se.prototype.subscribeEvents=function(){var t=this;c.isDocumentAvailable()&&(this.focusSubscription=this.focusService.onFocus.subscribe(function(e){t.index===e?(t.renderer.addClass(t.element,"k-focus"),t.element.focus()):t.renderer.removeClass(t.element,"k-focus")}))},se.prototype.unsubscribeEvents=function(){c.isDocumentAvailable()&&this.focusSubscription&&this.focusSubscription.unsubscribe()};var oe=se;function se(e,t,n){this.focusService=e,this.renderer=n,this.element=t.nativeElement,this.subscribeEvents()}oe.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:oe,deps:[{token:b},{token:i.ElementRef},{token:i.Renderer2}],target:i.ɵɵFactoryTarget.Directive}),oe.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:oe,selector:"[kendoButtonFocusable]",inputs:{index:"index"},ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:oe,decorators:[{type:p.Directive,args:[{selector:"[kendoButtonFocusable]"}]}],ctorParameters:function(){return[{type:b},{type:i.ElementRef},{type:i.Renderer2}]},propDecorators:{index:[{type:p.Input}]}});Object.defineProperty(ae.prototype,"templateContext",{set:function(e){this.insertedViewRef&&(this.viewContainerRef.remove(this.viewContainerRef.indexOf(this.insertedViewRef)),this.insertedViewRef=void 0),e.templateRef&&(this.insertedViewRef=this.viewContainerRef.createEmbeddedView(e.templateRef,e))},enumerable:!1,configurable:!0});var re=ae;function ae(e){this.viewContainerRef=e}re.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:re,deps:[{token:i.ViewContainerRef}],target:i.ɵɵFactoryTarget.Directive}),re.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:re,selector:"[templateContext]",inputs:{templateContext:"templateContext"},ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:re,decorators:[{type:p.Directive,args:[{selector:"[templateContext]"}]}],ctorParameters:function(){return[{type:i.ViewContainerRef}]},propDecorators:{templateContext:[{type:p.Input}]}});Object.defineProperty(pe.prototype,"size",{set:function(e){this.sizeClass=e?"k-menu-group-"+Y[e]:""},enumerable:!1,configurable:!0}),pe.prototype.getText=function(e){if(e)return this.textField?e[this.textField]:e.text||e},pe.prototype.getIconClasses=function(e){var t={};return t[(e.icon?"k-icon k-i-"+e.icon:void 0)||e.iconClass]=!0,t},pe.prototype.onClick=function(e){this.onItemClick.emit(e)},pe.prototype.onBlur=function(){this.onItemBlur.emit()};var le=pe;function pe(){this.onItemClick=new p.EventEmitter,this.onItemBlur=new p.EventEmitter,this.sizeClass="",M.validatePackage(Z)}le.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:le,deps:[],target:i.ɵɵFactoryTarget.Component}),le.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:le,selector:"kendo-button-list",inputs:{data:"data",textField:"textField",itemTemplate:"itemTemplate",size:"size"},outputs:{onItemClick:"onItemClick",onItemBlur:"onItemBlur"},ngImport:i,template:'\n        <ul class="k-group k-menu-group k-reset" [ngClass]="sizeClass" unselectable="on" role="menu">\n            <li role="menuitem" unselectable="on"\n                kendoButtonFocusable\n                *ngFor="let dataItem of data; let index = index;"\n                [index]="index"\n                tabindex="-1"\n                class="k-item k-menu-item"\n                (click)="onClick(index)"\n                (blur)="onBlur()"\n                [attr.aria-disabled]="dataItem.disabled ? true : false">\n                <ng-template [ngIf]="itemTemplate?.templateRef">\n                    <span class="k-link k-menu-link" [class.k-disabled]="dataItem.disabled">\n                        <ng-template [templateContext]="{templateRef: itemTemplate?.templateRef, $implicit: dataItem}"></ng-template>\n                    </span>\n                </ng-template>\n                <ng-template [ngIf]="!itemTemplate?.templateRef">\n                    <span class="k-link k-menu-link" [class.k-disabled]="dataItem.disabled">\n                        <span\n                            *ngIf="dataItem.icon || dataItem.iconClass"\n                            [ngClass]="getIconClasses(dataItem)"\n                        ></span>\n                        <img\n                            *ngIf="dataItem.imageUrl"\n                            class="k-image"\n                            [src]="dataItem.imageUrl"\n                            alt=""\n                        >\n                        <span *ngIf="getText(dataItem)" class="k-menu-link-text">\n                        {{ getText(dataItem) }}\n                        </span>\n                    </span>\n                </ng-template>\n            </li>\n        </ul>\n      ',isInline:!0,directives:[{type:a.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:a.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:oe,selector:"[kendoButtonFocusable]",inputs:["index"]},{type:a.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:re,selector:"[templateContext]",inputs:["templateContext"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:le,decorators:[{type:p.Component,args:[{selector:"kendo-button-list",template:'\n        <ul class="k-group k-menu-group k-reset" [ngClass]="sizeClass" unselectable="on" role="menu">\n            <li role="menuitem" unselectable="on"\n                kendoButtonFocusable\n                *ngFor="let dataItem of data; let index = index;"\n                [index]="index"\n                tabindex="-1"\n                class="k-item k-menu-item"\n                (click)="onClick(index)"\n                (blur)="onBlur()"\n                [attr.aria-disabled]="dataItem.disabled ? true : false">\n                <ng-template [ngIf]="itemTemplate?.templateRef">\n                    <span class="k-link k-menu-link" [class.k-disabled]="dataItem.disabled">\n                        <ng-template [templateContext]="{templateRef: itemTemplate?.templateRef, $implicit: dataItem}"></ng-template>\n                    </span>\n                </ng-template>\n                <ng-template [ngIf]="!itemTemplate?.templateRef">\n                    <span class="k-link k-menu-link" [class.k-disabled]="dataItem.disabled">\n                        <span\n                            *ngIf="dataItem.icon || dataItem.iconClass"\n                            [ngClass]="getIconClasses(dataItem)"\n                        ></span>\n                        <img\n                            *ngIf="dataItem.imageUrl"\n                            class="k-image"\n                            [src]="dataItem.imageUrl"\n                            alt=""\n                        >\n                        <span *ngIf="getText(dataItem)" class="k-menu-link-text">\n                        {{ getText(dataItem) }}\n                        </span>\n                    </span>\n                </ng-template>\n            </li>\n        </ul>\n      '}]}],ctorParameters:function(){return[]},propDecorators:{data:[{type:p.Input}],textField:[{type:p.Input}],itemTemplate:[{type:p.Input}],onItemClick:[{type:p.Output}],onItemBlur:[{type:p.Output}],size:[{type:p.Input}]}});var y=function(e){this.templateRef=e},v=(y.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:y,deps:[{token:i.TemplateRef}],target:i.ɵɵFactoryTarget.Directive}),y.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:y,selector:"[kendoDropDownButtonItemTemplate],[kendoSplitButtonItemTemplate]",ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:y,decorators:[{type:p.Directive,args:[{selector:"[kendoDropDownButtonItemTemplate],[kendoSplitButtonItemTemplate]"}]}],ctorParameters:function(){return[{type:i.TemplateRef}]}}),[le,oe,y,re]),C=function(){},ce=(C.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:C,deps:[],target:i.ɵɵFactoryTarget.NgModule}),C.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:C,declarations:[le,oe,y,re],imports:[n.CommonModule],exports:[le,oe,y,re]}),C.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:C,imports:[[n.CommonModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:C,decorators:[{type:p.NgModule,args:[{declarations:[v],exports:[v],imports:[n.CommonModule]}]}]}),function(e,t){return(ce=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])})(e,t)});function ue(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}ce(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}Object.create;function de(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var i,o,s=n.call(e),r=[];try{for(;(void 0===t||0<t--)&&!(i=s.next()).done;)r.push(i.value)}catch(e){o={error:e}}finally{try{i&&!i.done&&(n=s.return)&&n.call(s)}finally{if(o)throw o.error}}return r}function ge(e,t,n){if(n||2===arguments.length)for(var i,o=0,s=t.length;o<s;o++)!i&&o in t||((i=i||Array.prototype.slice.call(t,0,o))[o]=t[o]);return e.concat(i||Array.prototype.slice.call(t))}var me,k;Object.create;(v=me=me||{})[v.keydown=0]="keydown",v[v.keypress=1]="keypress",v[v.keyup=2]="keyup",(v=k=k||{})[v.Undefined=0]="Undefined",v[v.Open=1]="Open",v[v.Close=2]="Close",v[v.Enter=3]="Enter",v[v.EnterPress=4]="EnterPress",v[v.EnterUp=5]="EnterUp",v[v.Tab=6]="Tab",v[v.Esc=7]="Esc",v[v.Navigate=8]="Navigate";var he=new p.InjectionToken("navigation.config"),I=(fe.prototype.process=function(e){var t,n,i,o,s=e.keyCode,r=e.keyEvent,a=k.Undefined;return r===me.keypress?this.isEnter(s)&&(a=k.EnterPress):r===me.keyup?this.isEnter(s)&&(a=k.EnterUp):e.altKey&&s===c.Keys.ArrowDown?a=k.Open:e.altKey&&s===c.Keys.ArrowUp?a=k.Close:this.isEnter(s)?a=k.Enter:s===c.Keys.Escape?a=k.Esc:s===c.Keys.Tab?a=k.Tab:s===c.Keys.ArrowUp||this.useLeftRightArrows&&s===c.Keys.ArrowLeft?(n=e.flipNavigation?1:-1,i=e.flipNavigation?e.min:e.max,o=e.flipNavigation?e.max:e.min,t=this.next({current:e.current,start:i,end:o,step:n}),a=k.Navigate):s===c.Keys.ArrowDown||this.useLeftRightArrows&&s===c.Keys.ArrowRight?(n=e.flipNavigation?-1:1,i=e.flipNavigation?e.max:e.min,o=e.flipNavigation?e.min:e.max,t=this.next({current:e.current,start:i,end:o,step:n}),a=k.Navigate):s===c.Keys.Home?(t=e.min,a=k.Navigate):s===c.Keys.End&&(t=e.max,a=k.Navigate),a!==k.Undefined&&this[k[a].toLowerCase()].emit(t),a},fe.prototype.isEnter=function(e){return e===c.Keys.Enter||e===c.Keys.Space},fe.prototype.next=function(e){return o(e.current)?e.current!==e.end?e.current+e.step:e.end:e.start},fe);function fe(e){this.navigate=new p.EventEmitter,this.open=new p.EventEmitter,this.close=new p.EventEmitter,this.enter=new p.EventEmitter,this.enterpress=new p.EventEmitter,this.enterup=new p.EventEmitter,this.tab=new p.EventEmitter,this.esc=new p.EventEmitter,this.useLeftRightArrows=e.useLeftRightArrows}I.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:I,deps:[{token:he}],target:i.ɵɵFactoryTarget.Injectable}),I.ɵprov=i.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:I}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:I,decorators:[{type:p.Injectable}],ctorParameters:function(){return[{type:void 0,decorators:[{type:p.Inject,args:[he]}]}]}});Object.defineProperty(x.prototype,"popupClasses",{get:function(){var e=["k-menu-popup"];return this._popupSettings.popupClass&&e.push(this._popupSettings.popupClass),e.join(" ")},enumerable:!1,configurable:!0}),Object.defineProperty(x.prototype,"openState",{get:function(){return this._open},set:function(e){this._open=e},enumerable:!1,configurable:!0}),x.prototype.togglePopupVisibility=function(){this._disabled||(this.openState=!this.openState,this.openState||this.focusService.focus(-1))},x.prototype.onItemClick=function(e){var t=this;this.emitItemClickHandler(e),setTimeout(function(){return t.focusWrapper()},1)},x.prototype.ngOnDestroy=function(){this.openState=!1,this.unsubscribeEvents(),clearTimeout(this.focusFirstTimeout),clearTimeout(this.blurTimeout),this.localizationChangeSubscription&&this.localizationChangeSubscription.unsubscribe()},x.prototype.subscribeEvents=function(){c.isDocumentAvailable()&&(this.subscribeListItemFocusEvent(),this.subscribeComponentBlurredEvent(),this.subscribeNavigationEvents())},x.prototype.subscribeListItemFocusEvent=function(){var e=this;this.focusSubscription=this.focusService.onFocus.subscribe(function(){e._isFocused=!0})},x.prototype.subscribeComponentBlurredEvent=function(){var t=this;this._zone.runOutsideAngular(function(){t.tabSubscription=t.navigationService.tab.pipe(j.filter(function(){return t._isFocused})).subscribe(t.handleTab.bind(t)),t.componentBlurredSubscription=z.fromEvent(document,"click").pipe(j.filter(function(e){return!t.wrapperContains(e.target)}),j.filter(function(){return t._isFocused})).subscribe(function(){return t._zone.run(function(){return t.blurWrapper()})})})},x.prototype.subscribeNavigationEvents=function(){var e=this;this.navigationSubscription=this.navigationService.navigate.subscribe(this.focusService.focus.bind(this.focusService)),this.enterUpSubscription=this.navigationService.enterup.subscribe(function(){e.enterHandler(),e.focusWrapper()}),this.openSubscription=this.navigationService.open.subscribe(function(){e._open?e.focusWrapper():(e.togglePopupVisibility(),e.focusFirstItem())}),this.closeSubscription=z.merge(this.navigationService.close,this.navigationService.esc).subscribe(function(){return e.focusWrapper()})},x.prototype.enterHandler=function(){},x.prototype.unsubscribeEvents=function(){c.isDocumentAvailable()&&(this.unsubscribe(this.componentBlurredSubscription),this.unsubscribe(this.focusSubscription),this.unsubscribe(this.navigationSubscription),this.unsubscribe(this.enterPressSubscription),this.unsubscribe(this.enterUpSubscription),this.unsubscribe(this.openSubscription),this.unsubscribe(this.closeSubscription),this.unsubscribe(this.tabSubscription))},x.prototype.unsubscribe=function(e){e&&e.unsubscribe()},x.prototype.keyDownHandler=function(e){this.keyHandler(e)},x.prototype.keyPressHandler=function(e){this.keyHandler(e,me.keypress)},x.prototype.keyUpHandler=function(e){this.keyHandler(e,me.keyup)},x.prototype.keyHandler=function(e,t){var n,i;this._disabled||(i=this.focusService.focused||0,(i=this.navigationService.process({altKey:(n=e).altKey,current:i,keyCode:n.keyCode,keyEvent:t,max:this._data?this._data.length-1:0,min:0}))!==k.Undefined&&i!==k.Tab&&(i!==k.Enter||i===k.Enter&&this._open)&&(e.keyCode===c.Keys.Space&&i===k.EnterUp?this._open=!1:n.preventDefault()))},x.prototype.emitItemClickHandler=function(e){e=this._data[e];this._itemClick&&this._itemClick.emit(e),e&&e.click&&!e.disabled&&e.click(e)},x.prototype.focusFirstItem=function(){var e=this;this._data&&o(this._data[0])&&(this.focusFirstTimeout=setTimeout(function(){return e.focusService.focus(0)},1))},x.prototype.focusWrapper=function(){this._open&&(this.togglePopupVisibility(),this.focusButton())},x.prototype.wrapperContains=function(e){return this.wrapper===e||this.wrapper.contains(e)},x.prototype.blurWrapper=function(e){void 0===e&&(e=!0),this._open&&this.togglePopupVisibility(),this._isFocused=!1,e&&(this._blur.emit(),this.cdr.markForCheck())},x.prototype.focusButton=function(){this.button&&this.button.nativeElement.focus()},x.prototype.handleTab=function(){this.focusButton(),this.blurWrapper(!1)};v=x;function x(e,t,n,i,o,s){var r=this;this.focusService=e,this.navigationService=t,this.wrapperRef=n,this._zone=i,this.cdr=s,this._open=!1,this._disabled=!1,this._active=!1,this._popupSettings={animate:!0,popupClass:""},this.listId=c.guid(),this._isFocused=!1,M.validatePackage(Z),this.focusService=e,this.navigationService=t,this.wrapper=n.nativeElement,this.localizationChangeSubscription=o.changes.subscribe(function(e){e=e.rtl;return r.direction=e?"rtl":"ltr"}),this.subscribeEvents()}v.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:v,deps:[{token:b},{token:I},{token:i.ElementRef},{token:i.NgZone},{token:s.LocalizationService},{token:i.ChangeDetectorRef}],target:i.ɵɵFactoryTarget.Component}),v.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:v,selector:"ng-component",ngImport:i,template:"",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:v,decorators:[{type:p.Component,args:[{template:""}]}],ctorParameters:function(){return[{type:b},{type:I},{type:i.ElementRef},{type:i.NgZone},{type:s.LocalizationService},{type:i.ChangeDetectorRef}]}});ue(ye,be=t.ComponentMessages);var be,S=ye;function ye(){return null!==be&&be.apply(this,arguments)||this}S.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:S,deps:null,target:i.ɵɵFactoryTarget.Directive}),S.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:S,selector:"kendo-splitbutton-messages-base",inputs:{splitButtonLabel:"splitButtonLabel"},usesInheritance:!0,ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:S,decorators:[{type:p.Directive,args:[{selector:"kendo-splitbutton-messages-base"}]}],propDecorators:{splitButtonLabel:[{type:p.Input}]}});ue(Ce,ve=S);var ve,D=Ce;function Ce(e){var t=ve.call(this)||this;return t.service=e,t}D.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:D,deps:[{token:s.LocalizationService}],target:i.ɵɵFactoryTarget.Directive}),D.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:D,selector:"[kendoSplitButtonLocalizedMessages]",providers:[{provide:S,useExisting:p.forwardRef(function(){return D})}],usesInheritance:!0,ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:D,decorators:[{type:p.Directive,args:[{providers:[{provide:S,useExisting:p.forwardRef(function(){return D})}],selector:"[kendoSplitButtonLocalizedMessages]"}]}],ctorParameters:function(){return[{type:s.LocalizationService}]}});var ke,E={provide:he,useValue:{useLeftRightArrows:!0}},Ie=(ue(w,ke=v),Object.defineProperty(w.prototype,"rounded",{get:function(){return this._rounded},set:function(e){this.handleClasses(e,"rounded"),this._rounded=e},enumerable:!1,configurable:!0}),Object.defineProperty(w.prototype,"fillMode",{get:function(){return this._fillMode},set:function(e){this._fillMode="clear"===e?"flat":e},enumerable:!1,configurable:!0}),Object.defineProperty(w.prototype,"disabled",{get:function(){return this._disabled},set:function(e){this.isOpen&&this.toggle(!1),this._disabled=e},enumerable:!1,configurable:!0}),Object.defineProperty(w.prototype,"popupSettings",{get:function(){return this._popupSettings},set:function(e){this._popupSettings=Object.assign({animate:!0,popupClass:""},e)},enumerable:!1,configurable:!0}),Object.defineProperty(w.prototype,"data",{get:function(){return this._data||(this.data=[]),this._data},set:function(e){this._data=e||[]},enumerable:!1,configurable:!0}),Object.defineProperty(w.prototype,"openState",{get:function(){return this._open},set:function(e){var t;this.disabled||(t=new ee,(e?this.open:this.close).emit(t),t.isDefaultPrevented()||this._toggle(e))},enumerable:!1,configurable:!0}),Object.defineProperty(w.prototype,"active",{get:function(){return this._active},enumerable:!1,configurable:!0}),Object.defineProperty(w.prototype,"componentTabIndex",{get:function(){return this.disabled?-1:this.tabIndex},enumerable:!1,configurable:!0}),Object.defineProperty(w.prototype,"isFocused",{get:function(){return this._isFocused&&!this._disabled},set:function(e){this._isFocused=e},enumerable:!1,configurable:!0}),Object.defineProperty(w.prototype,"widgetClasses",{get:function(){return!0},enumerable:!1,configurable:!0}),Object.defineProperty(w.prototype,"dir",{get:function(){return this.direction},enumerable:!1,configurable:!0}),Object.defineProperty(w.prototype,"ariaLabel",{get:function(){var e,t,n=this.localization.get("splitButtonLabel")||"";return e="buttonText",t=this.buttonText,n.replace(new RegExp("{\\s*"+e+"\\s*}","g"),t)},enumerable:!1,configurable:!0}),w.prototype.onButtonFocus=function(){this.isFocused||(this._isFocused=!0,this.onFocus.emit())},w.prototype.onArrowButtonClick=function(){this.lockFocus=!0,this.togglePopupVisibility()},w.prototype.toggleButtonActiveState=function(e){this._active=e},w.prototype.toggleArrowButtonActiveState=function(e){this.activeArrow=e},w.prototype.onButtonClick=function(){this.lockFocus=!0,this.buttonClick.emit()},w.prototype.onButtonBlur=function(){this.isOpen||this.lockFocus||this.blurWrapper(),this.lockFocus=!1},w.prototype.keydown=function(e){this.keyDownHandler(e),e.keyCode===c.Keys.Space&&(this._active=!0)},w.prototype.keypress=function(e){this.keyPressHandler(e)},w.prototype.keyup=function(e){this._active=!1,e.keyCode!==c.Keys.Space&&this.keyUpHandler(e)},w.prototype.ngAfterViewInit=function(){this.updateButtonText(),this.handleClasses(this.rounded,"rounded")},w.prototype.ngOnChanges=function(e){var t;e.hasOwnProperty("text")&&this.updateButtonText(),c.isChanged("popupSettings",e)&&o(this.popupRef)&&(t=this.popupRef.popup.instance,e=e.popupSettings.currentValue,t.popupClass=e.popupClass,t.animate=e.animate,t.popupAlign=this.popupAlign)},w.prototype.togglePopupVisibility=function(){ke.prototype.togglePopupVisibility.call(this),c.isDocumentAvailable()&&this.lockFocus&&this.button.nativeElement.focus()},w.prototype.wrapperContains=function(e){return this.wrapper===e||this.wrapper.contains(e)||this.popupRef&&this.popupRef.popupElement.contains(e)},Object.defineProperty(w.prototype,"anchorAlign",{get:function(){var e={horizontal:this.popupSettings.align||"left",vertical:"bottom"};return"rtl"!==this.direction||o(this.popupSettings.align)||(e.horizontal="right"),e},enumerable:!1,configurable:!0}),Object.defineProperty(w.prototype,"popupAlign",{get:function(){var e={horizontal:this.popupSettings.align||"left",vertical:"top"};return"rtl"!==this.direction||o(this.popupSettings.align)||(e.horizontal="right"),e},enumerable:!1,configurable:!0}),w.prototype.focus=function(){c.isDocumentAvailable()&&this.button.nativeElement.focus()},w.prototype.blur=function(){c.isDocumentAvailable()&&(this.button.nativeElement.blur(),this.blurWrapper())},w.prototype.ngOnDestroy=function(){ke.prototype.ngOnDestroy.call(this),this.destroyPopup()},w.prototype.toggle=function(e){var t=this;this.disabled||H(function(){return t._toggle(void 0===e?!t._open:e)})},Object.defineProperty(w.prototype,"isOpen",{get:function(){return this.openState},enumerable:!1,configurable:!0}),w.prototype.enterHandler=function(){var e;this.disabled||(this.openState?(e=this.focusService.focused,o(e)&&-1!==e&&this.emitItemClickHandler(e)):this.buttonClick.emit())},w.prototype.updateButtonText=function(){var e,t=this;c.isDocumentAvailable()&&(e=this.wrapper.innerText.split("\n").join("").trim(),setTimeout(function(){return t.buttonText=e},0))},Object.defineProperty(w.prototype,"appendTo",{get:function(){var e=this.popupSettings.appendTo;if(e&&"root"!==e)return"component"===e?this.containerRef:e},enumerable:!1,configurable:!0}),w.prototype._toggle=function(e){this._open=e,this.destroyPopup(),this._open&&this.createPopup()},w.prototype.createPopup=function(){var e=this;this.popupRef=this.popupService.open({anchor:this.elRef,anchorAlign:this.anchorAlign,animate:this.popupSettings.animate,appendTo:this.appendTo,content:this.popupTemplate,popupAlign:this.popupAlign,popupClass:this.popupClasses}),this.popupRef.popupAnchorViewportLeave.subscribe(function(){return e.openState=!1}),this.popupRef.popupOpen.subscribe(this.focusFirstItem.bind(this))},w.prototype.destroyPopup=function(){this.popupRef&&(this.popupRef.close(),this.popupRef=null)},w.prototype.handleClasses=function(e,t){var n=this.wrapperRef.nativeElement,t=X("button",t,this[t],e);t.toRemove&&this.renderer.removeClass(n,t.toRemove),t.toAdd&&this.renderer.addClass(n,t.toAdd)},w);function w(e,t,n,i,o,s,r,a,l){e=ke.call(this,e,t,n,i,r,a)||this;return e.popupService=o,e.elRef=s,e.localization=r,e.renderer=l,e.text="",e.icon="",e.iconClass="",e.type="button",e.imageUrl="",e.size="medium",e.themeColor="base",e.tabIndex=0,e.arrowButtonIcon="arrow-s",e.buttonClick=new p.EventEmitter,e.itemClick=new p.EventEmitter,e.onFocus=new p.EventEmitter,e.onBlur=new p.EventEmitter,e.open=new p.EventEmitter,e.close=new p.EventEmitter,e.activeArrow=!1,e.listId=c.guid(),e.buttonText="",e.lockFocus=!1,e._rounded="medium",e._fillMode="solid",e._itemClick=e.itemClick,e._blur=e.onBlur,e}Ie.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Ie,deps:[{token:b},{token:I},{token:i.ElementRef},{token:i.NgZone},{token:$.PopupService},{token:i.ElementRef},{token:s.LocalizationService},{token:i.ChangeDetectorRef},{token:i.Renderer2}],target:i.ɵɵFactoryTarget.Component}),Ie.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Ie,selector:"kendo-splitbutton",inputs:{text:"text",icon:"icon",iconClass:"iconClass",type:"type",imageUrl:"imageUrl",size:"size",rounded:"rounded",fillMode:"fillMode",themeColor:"themeColor",disabled:"disabled",popupSettings:"popupSettings",tabIndex:"tabIndex",textField:"textField",data:"data",buttonClass:"buttonClass",arrowButtonClass:"arrowButtonClass",arrowButtonIcon:"arrowButtonIcon"},outputs:{buttonClick:"buttonClick",itemClick:"itemClick",onFocus:"focus",onBlur:"blur",open:"open",close:"close"},host:{listeners:{keydown:"keydown($event)",keypress:"keypress($event)",keyup:"keyup($event)"},properties:{"class.k-focus":"this.isFocused","class.k-split-button":"this.widgetClasses","class.k-button-group":"this.widgetClasses","attr.dir":"this.dir"}},providers:[b,I,E,t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.splitbutton"}],queries:[{propertyName:"itemTemplate",first:!0,predicate:y,descendants:!0}],viewQueries:[{propertyName:"button",first:!0,predicate:["button"],descendants:!0,static:!0},{propertyName:"arrowButton",first:!0,predicate:["arrowButton"],descendants:!0,read:p.ElementRef,static:!0},{propertyName:"popupTemplate",first:!0,predicate:["popupTemplate"],descendants:!0,static:!0},{propertyName:"containerRef",first:!0,predicate:["container"],descendants:!0,read:p.ViewContainerRef,static:!0}],exportAs:["kendoSplitButton"],usesInheritance:!0,usesOnChanges:!0,ngImport:i,template:'\n        <ng-container kendoSplitButtonLocalizedMessages\n            i18n-splitButtonLabel="kendo.splitbutton.splitButtonLabel|The text for the SplitButton aria-label"\n            splitButtonLabel="{{ \'{buttonText} splitbutton\' }}">\n        </ng-container>\n        <button\n            kendoButton\n            #button\n            [type]="type"\n            [tabindex]="componentTabIndex"\n            [disabled]="disabled"\n            [size]="size"\n            [rounded]="rounded"\n            [fillMode]="fillMode"\n            [themeColor]="themeColor"\n            [icon]="icon"\n            [class.k-active]="active"\n            [class.k-icon-button]="!text && icon"\n            [iconClass]="iconClass"\n            [imageUrl]="imageUrl"\n            [ngClass]="buttonClass"\n            (focus)="onButtonFocus()"\n            (click)="onButtonClick()"\n            (blur)="onButtonBlur()"\n            (mousedown)="toggleButtonActiveState(true)"\n            (mouseup)="toggleButtonActiveState(false)"\n            [attr.aria-disabled]="disabled"\n            [attr.aria-expanded]="openState"\n            [attr.aria-haspopup]="true"\n            [attr.aria-owns]="listId"\n            [attr.aria-label]="ariaLabel"\n        >\n            <span *ngIf="text" class="k-button-text">\n                {{ text }}\n            </span><ng-content></ng-content>\n        </button>\n        <button kendoButton #arrowButton type="button"\n            class="k-split-button-arrow"\n            [class.k-active]="activeArrow"\n            [ngClass]="arrowButtonClass"\n            [disabled]="disabled"\n            [icon]="arrowButtonIcon"\n            [size]="size"\n            [rounded]="rounded"\n            [fillMode]="fillMode"\n            [themeColor]="fillMode ? themeColor : null"\n            [tabindex]="-1"\n            (click)="onArrowButtonClick()"\n            (mousedown)="toggleArrowButtonActiveState(true)"\n            (mouseup)="toggleArrowButtonActiveState(false)"\n        ></button>\n        <ng-template #popupTemplate>\n            <kendo-button-list\n                [id]="listId"\n                [data]="data"\n                [textField]="textField"\n                [itemTemplate]="itemTemplate"\n                (onItemClick)="onItemClick($event)"\n                (keydown)="keyDownHandler($event)"\n                (keypress)="keyPressHandler($event)"\n                (keyup)="keyUpHandler($event)"\n                [attr.dir]="dir"\n                [size]="size"\n            >\n            </kendo-button-list>\n        </ng-template>\n        <ng-container #container></ng-container>\n    ',isInline:!0,components:[{type:le,selector:"kendo-button-list",inputs:["data","textField","itemTemplate","size"],outputs:["onItemClick","onItemBlur"]}],directives:[{type:D,selector:"[kendoSplitButtonLocalizedMessages]"},{type:u,selector:"button[kendoButton], span[kendoButton]",inputs:["toggleable","togglable","selected","tabIndex","icon","iconClass","imageUrl","disabled","size","rounded","fillMode","themeColor","shape","role","primary","look"],outputs:["selectedChange","click"],exportAs:["kendoButton"]},{type:a.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:a.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Ie,decorators:[{type:p.Component,args:[{exportAs:"kendoSplitButton",providers:[b,I,E,t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.splitbutton"}],selector:"kendo-splitbutton",template:'\n        <ng-container kendoSplitButtonLocalizedMessages\n            i18n-splitButtonLabel="kendo.splitbutton.splitButtonLabel|The text for the SplitButton aria-label"\n            splitButtonLabel="{{ \'{buttonText} splitbutton\' }}">\n        </ng-container>\n        <button\n            kendoButton\n            #button\n            [type]="type"\n            [tabindex]="componentTabIndex"\n            [disabled]="disabled"\n            [size]="size"\n            [rounded]="rounded"\n            [fillMode]="fillMode"\n            [themeColor]="themeColor"\n            [icon]="icon"\n            [class.k-active]="active"\n            [class.k-icon-button]="!text && icon"\n            [iconClass]="iconClass"\n            [imageUrl]="imageUrl"\n            [ngClass]="buttonClass"\n            (focus)="onButtonFocus()"\n            (click)="onButtonClick()"\n            (blur)="onButtonBlur()"\n            (mousedown)="toggleButtonActiveState(true)"\n            (mouseup)="toggleButtonActiveState(false)"\n            [attr.aria-disabled]="disabled"\n            [attr.aria-expanded]="openState"\n            [attr.aria-haspopup]="true"\n            [attr.aria-owns]="listId"\n            [attr.aria-label]="ariaLabel"\n        >\n            <span *ngIf="text" class="k-button-text">\n                {{ text }}\n            </span><ng-content></ng-content>\n        </button>\n        <button kendoButton #arrowButton type="button"\n            class="k-split-button-arrow"\n            [class.k-active]="activeArrow"\n            [ngClass]="arrowButtonClass"\n            [disabled]="disabled"\n            [icon]="arrowButtonIcon"\n            [size]="size"\n            [rounded]="rounded"\n            [fillMode]="fillMode"\n            [themeColor]="fillMode ? themeColor : null"\n            [tabindex]="-1"\n            (click)="onArrowButtonClick()"\n            (mousedown)="toggleArrowButtonActiveState(true)"\n            (mouseup)="toggleArrowButtonActiveState(false)"\n        ></button>\n        <ng-template #popupTemplate>\n            <kendo-button-list\n                [id]="listId"\n                [data]="data"\n                [textField]="textField"\n                [itemTemplate]="itemTemplate"\n                (onItemClick)="onItemClick($event)"\n                (keydown)="keyDownHandler($event)"\n                (keypress)="keyPressHandler($event)"\n                (keyup)="keyUpHandler($event)"\n                [attr.dir]="dir"\n                [size]="size"\n            >\n            </kendo-button-list>\n        </ng-template>\n        <ng-container #container></ng-container>\n    '}]}],ctorParameters:function(){return[{type:b},{type:I},{type:i.ElementRef},{type:i.NgZone},{type:$.PopupService},{type:i.ElementRef},{type:s.LocalizationService},{type:i.ChangeDetectorRef},{type:i.Renderer2}]},propDecorators:{text:[{type:p.Input}],icon:[{type:p.Input}],iconClass:[{type:p.Input}],type:[{type:p.Input}],imageUrl:[{type:p.Input}],size:[{type:p.Input}],rounded:[{type:p.Input}],fillMode:[{type:p.Input}],themeColor:[{type:p.Input}],disabled:[{type:p.Input}],popupSettings:[{type:p.Input}],tabIndex:[{type:p.Input}],textField:[{type:p.Input}],data:[{type:p.Input}],buttonClass:[{type:p.Input}],arrowButtonClass:[{type:p.Input}],arrowButtonIcon:[{type:p.Input}],buttonClick:[{type:p.Output}],itemClick:[{type:p.Output}],onFocus:[{type:p.Output,args:["focus"]}],onBlur:[{type:p.Output,args:["blur"]}],open:[{type:p.Output}],close:[{type:p.Output}],itemTemplate:[{type:p.ContentChild,args:[y,{static:!1}]}],button:[{type:p.ViewChild,args:["button",{static:!0}]}],arrowButton:[{type:p.ViewChild,args:["arrowButton",{static:!0,read:p.ElementRef}]}],popupTemplate:[{type:p.ViewChild,args:["popupTemplate",{static:!0}]}],containerRef:[{type:p.ViewChild,args:["container",{read:p.ViewContainerRef,static:!0}]}],isFocused:[{type:p.HostBinding,args:["class.k-focus"]}],widgetClasses:[{type:p.HostBinding,args:["class.k-split-button"]},{type:p.HostBinding,args:["class.k-button-group"]}],dir:[{type:p.HostBinding,args:["attr.dir"]}],keydown:[{type:p.HostListener,args:["keydown",["$event"]]}],keypress:[{type:p.HostListener,args:["keypress",["$event"]]}],keyup:[{type:p.HostListener,args:["keyup",["$event"]]}]}});ue(Se,xe=S),Object.defineProperty(Se.prototype,"override",{get:function(){return!0},enumerable:!1,configurable:!0});var xe,O=Se;function Se(e){var t=xe.call(this)||this;return t.service=e,t}O.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:O,deps:[{token:s.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),O.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:O,selector:"kendo-splitbutton-messages",providers:[{provide:S,useExisting:p.forwardRef(function(){return O})}],usesInheritance:!0,ngImport:i,template:"",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:O,decorators:[{type:p.Component,args:[{providers:[{provide:S,useExisting:p.forwardRef(function(){return O})}],selector:"kendo-splitbutton-messages",template:""}]}],ctorParameters:function(){return[{type:s.LocalizationService}]}});var De,E=function(){},S=(E.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:E,deps:[],target:i.ɵɵFactoryTarget.NgModule}),E.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:E,declarations:[Ie,D,O],imports:[n.CommonModule,V.PopupModule,h,C],exports:[Ie,C,D,O]}),E.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:E,imports:[[n.CommonModule,V.PopupModule,h,C],C]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:E,decorators:[{type:p.NgModule,args:[{declarations:[Ie,D,O],exports:[Ie,C,D,O],imports:[n.CommonModule,V.PopupModule,h,C]}]}]}),{provide:he,useValue:{useLeftRightArrows:!0}}),v=(ue(T,De=v),Object.defineProperty(T.prototype,"popupSettings",{get:function(){return this._popupSettings},set:function(e){this._popupSettings=Object.assign({animate:!0,popupClass:""},e)},enumerable:!1,configurable:!0}),Object.defineProperty(T.prototype,"disabled",{get:function(){return this._disabled},set:function(e){e&&this.openState&&(this.openState=!1),this._disabled=e},enumerable:!1,configurable:!0}),Object.defineProperty(T.prototype,"data",{get:function(){return this._data},set:function(e){this._data=e||[]},enumerable:!1,configurable:!0}),Object.defineProperty(T.prototype,"fillMode",{get:function(){return this._fillMode},set:function(e){this._fillMode="clear"===e?"flat":e},enumerable:!1,configurable:!0}),Object.defineProperty(T.prototype,"openState",{get:function(){return this._open},set:function(e){var t;this.disabled||(t=new ee,(e?this.open:this.close).emit(t),t.isDefaultPrevented()||this._toggle(e))},enumerable:!1,configurable:!0}),Object.defineProperty(T.prototype,"componentTabIndex",{get:function(){return this.disabled?-1:this.tabIndex},enumerable:!1,configurable:!0}),Object.defineProperty(T.prototype,"appendTo",{get:function(){var e=this.popupSettings.appendTo;if(e&&"root"!==e)return"component"===e?this.container:e},enumerable:!1,configurable:!0}),Object.defineProperty(T.prototype,"focused",{get:function(){return this._isFocused&&!this._disabled},enumerable:!1,configurable:!0}),Object.defineProperty(T.prototype,"widgetClasses",{get:function(){return!0},enumerable:!1,configurable:!0}),Object.defineProperty(T.prototype,"dir",{get:function(){return this.direction},enumerable:!1,configurable:!0}),Object.defineProperty(T.prototype,"active",{get:function(){return this._active},enumerable:!1,configurable:!0}),T.prototype.keydown=function(e){this.keyDownHandler(e),e.keyCode===c.Keys.Space&&(this._active=!0)},T.prototype.keypress=function(e){this.keyPressHandler(e)},T.prototype.keyup=function(e){this.keyUpHandler(e),this._active=!1},T.prototype.mousedown=function(e){this._disabled&&e.preventDefault(),this._active=!0},T.prototype.mouseup=function(e){this._disabled&&e.preventDefault(),this._active=!1},T.prototype.openPopup=function(){this.togglePopupVisibility()},T.prototype.onButtonBlur=function(){this.isOpen||this.blurWrapper()},Object.defineProperty(T.prototype,"anchorAlign",{get:function(){var e={horizontal:this.popupSettings.align||"left",vertical:"bottom"};return"rtl"!==this.direction||o(this.popupSettings.align)||(e.horizontal="right"),e},enumerable:!1,configurable:!0}),Object.defineProperty(T.prototype,"popupAlign",{get:function(){var e={horizontal:this.popupSettings.align||"left",vertical:"top"};return"rtl"!==this.direction||o(this.popupSettings.align)||(e.horizontal="right"),e},enumerable:!1,configurable:!0}),T.prototype.focus=function(){c.isDocumentAvailable()&&this.button.nativeElement.focus()},T.prototype.blur=function(){c.isDocumentAvailable()&&(this.button.nativeElement.blur(),this.blurWrapper())},T.prototype.ngOnChanges=function(e){var t;c.isChanged("popupSettings",e)&&o(this.popupRef)&&(t=this.popupRef.popup.instance,e=e.popupSettings.currentValue,t.popupClass=e.popupClass,t.animate=e.animate,t.popupAlign=this.popupAlign)},T.prototype.ngOnDestroy=function(){De.prototype.ngOnDestroy.call(this),this.destroyPopup()},T.prototype.toggle=function(e){var t=this;this.disabled||H(function(){return t._toggle(void 0===e?!t._open:e)})},Object.defineProperty(T.prototype,"isOpen",{get:function(){return this.openState},enumerable:!1,configurable:!0}),T.prototype.handleFocus=function(){this._disabled||this._isFocused||(this._isFocused=!0,this.onFocus.emit())},T.prototype.wrapperContains=function(e){return this.wrapper===e||this.wrapper.contains(e)||this.popupRef&&this.popupRef.popupElement.contains(e)},T.prototype.subscribeNavigationEvents=function(){this.navigationSubscription=this.navigationService.navigate.subscribe(this.onArrowKeyNavigate.bind(this)),this.enterUpSubscription=this.navigationService.enterup.subscribe(this.onNavigationEnterUp.bind(this)),this.openSubscription=this.navigationService.open.subscribe(this.onNavigationOpen.bind(this)),this.closeSubscription=z.merge(this.navigationService.close,this.navigationService.esc).subscribe(this.onNavigationClose.bind(this))},T.prototype.onNavigationEnterUp=function(){var e;this._disabled||this.openState||(this._active=!1),this.openState&&(e=this.focusService.focused,o(e)&&-1!==e&&this.emitItemClickHandler(e)),this.togglePopupVisibility(),!this.openState&&c.isDocumentAvailable()&&this.button.nativeElement.focus()},T.prototype.onNavigationOpen=function(){this._disabled||this.openState||this.togglePopupVisibility()},T.prototype.onNavigationClose=function(){this.openState&&(this.togglePopupVisibility(),c.isDocumentAvailable()&&this.button.nativeElement.focus())},T.prototype.onArrowKeyNavigate=function(e){this.focusService.focus(e)},T.prototype._toggle=function(e){this._open!==e&&(this._open=e,this.destroyPopup(),this._open&&this.createPopup())},T.prototype.createPopup=function(){var e=this;this.popupRef=this.popupService.open({anchor:this.elRef,anchorAlign:this.anchorAlign,animate:this.popupSettings.animate,appendTo:this.appendTo,content:this.popupTemplate,popupAlign:this.popupAlign,popupClass:this.popupClasses}),this.popupRef.popupAnchorViewportLeave.subscribe(function(){return e.openState=!1}),this.popupRef.popupOpen.subscribe(this.focusFirstItem.bind(this))},T.prototype.destroyPopup=function(){this.popupRef&&(this.popupRef.close(),this.popupRef=null)},T);function T(e,t,n,i,o,s,r,a){e=De.call(this,e,t,n,i,r,a)||this;return e.popupService=o,e.elRef=s,e.icon="",e.iconClass="",e.imageUrl="",e.size="medium",e.shape="rectangle",e.rounded="medium",e.themeColor="base",e.tabIndex=0,e.itemClick=new p.EventEmitter,e.open=new p.EventEmitter,e.close=new p.EventEmitter,e.onFocus=new p.EventEmitter,e.onBlur=new p.EventEmitter,e.listId=c.guid(),e._fillMode="solid",e._itemClick=e.itemClick,e._blur=e.onBlur,e}v.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:v,deps:[{token:b},{token:I},{token:i.ElementRef},{token:i.NgZone},{token:$.PopupService},{token:i.ElementRef},{token:s.LocalizationService},{token:i.ChangeDetectorRef}],target:i.ɵɵFactoryTarget.Component}),v.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:v,selector:"kendo-dropdownbutton",inputs:{icon:"icon",iconClass:"iconClass",imageUrl:"imageUrl",popupSettings:"popupSettings",textField:"textField",disabled:"disabled",data:"data",size:"size",shape:"shape",rounded:"rounded",fillMode:"fillMode",themeColor:"themeColor",buttonClass:"buttonClass",tabIndex:"tabIndex"},outputs:{itemClick:"itemClick",open:"open",close:"close",onFocus:"focus",onBlur:"blur"},host:{listeners:{keydown:"keydown($event)",keypress:"keypress($event)",keyup:"keyup($event)",mousedown:"mousedown($event)",mouseup:"mouseup($event)"},properties:{"class.k-focus":"this.focused","class.k-dropdown-button":"this.widgetClasses","attr.dir":"this.dir"}},providers:[b,I,S,t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.dropdownbutton"}],queries:[{propertyName:"itemTemplate",first:!0,predicate:y,descendants:!0}],viewQueries:[{propertyName:"button",first:!0,predicate:["button"],descendants:!0,static:!0},{propertyName:"buttonList",first:!0,predicate:["buttonList"],descendants:!0},{propertyName:"popupTemplate",first:!0,predicate:["popupTemplate"],descendants:!0,static:!0},{propertyName:"container",first:!0,predicate:["container"],descendants:!0,read:p.ViewContainerRef,static:!0}],exportAs:["kendoDropDownButton"],usesInheritance:!0,usesOnChanges:!0,ngImport:i,template:'\n        <button kendoButton #button\n            role="menu"\n            type="button"\n            [tabindex]="componentTabIndex"\n            [class.k-active]="active"\n            [disabled]="disabled"\n            [icon]="icon"\n            [iconClass]="iconClass"\n            [imageUrl]="imageUrl"\n            [ngClass]="buttonClass"\n            [size]="size"\n            [rounded]="rounded"\n            [fillMode]="fillMode"\n            [themeColor]="fillMode ? themeColor : null"\n            (click)="openPopup()"\n            (focus)="handleFocus()"\n            (blur)="onButtonBlur()"\n            [attr.aria-disabled]="disabled"\n            [attr.aria-expanded]="openState"\n            [attr.aria-haspopup]="true"\n            [attr.aria-owns]="listId"\n        >\n            <ng-content></ng-content>\n        </button>\n        <ng-template #popupTemplate>\n            <kendo-button-list\n                #buttonList\n                [id]="listId"\n                [data]="data"\n                [textField]="textField"\n                [itemTemplate]="itemTemplate"\n                (onItemClick)="onItemClick($event)"\n                (keydown)="keyDownHandler($event)"\n                (keypress)="keyPressHandler($event)"\n                (keyup)="keyUpHandler($event)"\n                [attr.dir]="dir"\n                [size]="size"\n            >\n            </kendo-button-list>\n        </ng-template>\n        <ng-container #container></ng-container>\n    ',isInline:!0,components:[{type:le,selector:"kendo-button-list",inputs:["data","textField","itemTemplate","size"],outputs:["onItemClick","onItemBlur"]}],directives:[{type:u,selector:"button[kendoButton], span[kendoButton]",inputs:["toggleable","togglable","selected","tabIndex","icon","iconClass","imageUrl","disabled","size","rounded","fillMode","themeColor","shape","role","primary","look"],outputs:["selectedChange","click"],exportAs:["kendoButton"]},{type:a.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:v,decorators:[{type:p.Component,args:[{exportAs:"kendoDropDownButton",providers:[b,I,S,t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.dropdownbutton"}],selector:"kendo-dropdownbutton",template:'\n        <button kendoButton #button\n            role="menu"\n            type="button"\n            [tabindex]="componentTabIndex"\n            [class.k-active]="active"\n            [disabled]="disabled"\n            [icon]="icon"\n            [iconClass]="iconClass"\n            [imageUrl]="imageUrl"\n            [ngClass]="buttonClass"\n            [size]="size"\n            [rounded]="rounded"\n            [fillMode]="fillMode"\n            [themeColor]="fillMode ? themeColor : null"\n            (click)="openPopup()"\n            (focus)="handleFocus()"\n            (blur)="onButtonBlur()"\n            [attr.aria-disabled]="disabled"\n            [attr.aria-expanded]="openState"\n            [attr.aria-haspopup]="true"\n            [attr.aria-owns]="listId"\n        >\n            <ng-content></ng-content>\n        </button>\n        <ng-template #popupTemplate>\n            <kendo-button-list\n                #buttonList\n                [id]="listId"\n                [data]="data"\n                [textField]="textField"\n                [itemTemplate]="itemTemplate"\n                (onItemClick)="onItemClick($event)"\n                (keydown)="keyDownHandler($event)"\n                (keypress)="keyPressHandler($event)"\n                (keyup)="keyUpHandler($event)"\n                [attr.dir]="dir"\n                [size]="size"\n            >\n            </kendo-button-list>\n        </ng-template>\n        <ng-container #container></ng-container>\n    '}]}],ctorParameters:function(){return[{type:b},{type:I},{type:i.ElementRef},{type:i.NgZone},{type:$.PopupService},{type:i.ElementRef},{type:s.LocalizationService},{type:i.ChangeDetectorRef}]},propDecorators:{icon:[{type:p.Input}],iconClass:[{type:p.Input}],imageUrl:[{type:p.Input}],popupSettings:[{type:p.Input}],textField:[{type:p.Input}],disabled:[{type:p.Input}],data:[{type:p.Input}],size:[{type:p.Input}],shape:[{type:p.Input}],rounded:[{type:p.Input}],fillMode:[{type:p.Input}],themeColor:[{type:p.Input}],buttonClass:[{type:p.Input}],tabIndex:[{type:p.Input}],itemClick:[{type:p.Output}],open:[{type:p.Output}],close:[{type:p.Output}],onFocus:[{type:p.Output,args:["focus"]}],onBlur:[{type:p.Output,args:["blur"]}],focused:[{type:p.HostBinding,args:["class.k-focus"]}],widgetClasses:[{type:p.HostBinding,args:["class.k-dropdown-button"]}],dir:[{type:p.HostBinding,args:["attr.dir"]}],itemTemplate:[{type:p.ContentChild,args:[y,{static:!1}]}],button:[{type:p.ViewChild,args:["button",{static:!0}]}],buttonList:[{type:p.ViewChild,args:["buttonList",{static:!1}]}],popupTemplate:[{type:p.ViewChild,args:["popupTemplate",{static:!0}]}],container:[{type:p.ViewChild,args:["container",{read:p.ViewContainerRef,static:!0}]}],keydown:[{type:p.HostListener,args:["keydown",["$event"]]}],keypress:[{type:p.HostListener,args:["keypress",["$event"]]}],keyup:[{type:p.HostListener,args:["keyup",["$event"]]}],mousedown:[{type:p.HostListener,args:["mousedown",["$event"]]}],mouseup:[{type:p.HostListener,args:["mouseup",["$event"]]}]}});var S=function(){},Ee=(S.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:S,deps:[],target:i.ɵɵFactoryTarget.NgModule}),S.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:S,declarations:[v],imports:[n.CommonModule,V.PopupModule,C,h],exports:[v,C]}),S.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:S,imports:[[n.CommonModule,V.PopupModule,C,h],C]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:S,decorators:[{type:p.NgModule,args:[{declarations:[v],exports:[v,C],imports:[n.CommonModule,V.PopupModule,C,h]}]}]}),Object.defineProperty(P.prototype,"size",{get:function(){return this._size},set:function(e){this.handleClasses(e,"size"),this._size=e},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"rounded",{get:function(){return this._rounded},set:function(e){this.handleClasses(e,"rounded"),this._rounded=e},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"fillMode",{get:function(){return this._fillMode},set:function(e){this.handleClasses(e,"fillMode"),this._fillMode=e},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"themeColor",{get:function(){return this._themeColor},set:function(e){this.handleThemeColor(e),this._themeColor=e},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"ariaChecked",{get:function(){return this.selected},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"hasIconClass",{get:function(){return!!(this.icon||this.iconClass||this.avatarClass)},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"disabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"selectedClass",{get:function(){return this.selected},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"focusedClass",{get:function(){return this.focused},enumerable:!1,configurable:!0}),P.prototype.ngOnInit=function(){var t=this;this.dynamicRTLSubscription=this.localizationService.changes.subscribe(function(e){e=e.rtl;return t.direction=e?"rtl":"ltr"})},P.prototype.ngOnDestroy=function(){this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe(),this.detachDomEvents&&this.detachDomEvents()},P.prototype.ngAfterViewInit=function(){var t=this,e=this.element.nativeElement;["size","rounded","fillMode"].forEach(function(e){t.handleClasses(t[e],e)}),this.attachElementEventHandlers(e)},Object.defineProperty(P.prototype,"kendoIconClass",{get:function(){return this.verifyIconSettings([this.iconClass,this.avatarClass]),"k-i-"+this.icon},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"customIconClass",{get:function(){return this.verifyIconSettings([this.icon,this.avatarClass]),""+this.iconClass},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"chipAvatarClass",{get:function(){return this.verifyIconSettings([this.icon,this.iconClass]),""+this.avatarClass},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"removeIconClass",{get:function(){return this.removeIcon?""+this.removeIcon:"k-i-close-circle"},enumerable:!1,configurable:!0}),P.prototype.focus=function(){c.isDocumentAvailable()&&this.element.nativeElement.focus()},P.prototype.blur=function(){c.isDocumentAvailable()&&this.element.nativeElement.blur()},P.prototype.onRemoveClick=function(e){this.removable&&this.remove.emit({sender:this,originalEvent:e})},P.prototype.attachElementEventHandlers=function(i){var o=this;this.ngZone.runOutsideAngular(function(){var e=o.renderer.listen(i,"focus",function(){o.renderer.addClass(i,"k-focus")}),t=o.renderer.listen(i,"blur",function(){o.renderer.removeClass(i,"k-focus")}),n=o.renderer.listen(i,"click",function(e){q(e.target,".k-chip-remove-action")||o.ngZone.run(function(){o.contentClick.emit({sender:o,originalEvent:e})})});o.detachDomEvents=function(){e(),t(),n()}})},P.prototype.verifyIconSettings=function(e){if(p.isDevMode()&&0<e.filter(function(e){return null!=e}).length)throw this.renderer.removeClass(this.element.nativeElement,"k-chip-has-icon"),new Error("Invalid configuration: Having multiple icons is not supported. Only a single icon on a chip can be displayed.")},P.prototype.handleClasses=function(e,t){var n=this.element.nativeElement,i=X("chip",t,this[t],e);"fillMode"===t&&this.handleThemeColor(this.themeColor,this[t],e),i.toRemove&&this.renderer.removeClass(n,i.toRemove),i.toAdd&&this.renderer.addClass(n,i.toAdd)},P.prototype.handleThemeColor=function(e,t,n){var i=this.element.nativeElement,t=t||this.fillMode,o=n||this.fillMode,t=G("chip",t,o,this.themeColor,e);this.renderer.removeClass(i,t.toRemove),null!==o&&null!==n&&t.toAdd&&this.renderer.addClass(i,t.toAdd)},P);function P(e,t,n,i){this.element=e,this.renderer=t,this.ngZone=n,this.localizationService=i,this.selected=!1,this.removable=!1,this.disabled=!1,this.remove=new p.EventEmitter,this.contentClick=new p.EventEmitter,this.tabIndex=0,this.hostClass=!0,this._size="medium",this._rounded="medium",this._fillMode="solid",this._themeColor="base",this.focused=!1,M.validatePackage(Z),this.direction=i.rtl?"rtl":"ltr"}Ee.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Ee,deps:[{token:i.ElementRef},{token:i.Renderer2},{token:i.NgZone},{token:s.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),Ee.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Ee,selector:"kendo-chip",inputs:{label:"label",icon:"icon",iconClass:"iconClass",avatarClass:"avatarClass",selected:"selected",removable:"removable",removeIcon:"removeIcon",disabled:"disabled",size:"size",rounded:"rounded",fillMode:"fillMode",themeColor:"themeColor"},outputs:{remove:"remove",contentClick:"contentClick"},host:{properties:{"attr.tabindex":"this.tabIndex","attr.aria-checked":"this.ariaChecked","class.k-chip":"this.hostClass","class.k-chip-has-icon":"this.hasIconClass","attr.aria-disabled":"this.disabledClass","class.k-disabled":"this.disabledClass","class.k-selected":"this.selectedClass","class.k-focus":"this.focusedClass","attr.dir":"this.direction"}},providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.chip"}],ngImport:i,template:'\n        <span\n            *ngIf="icon"\n            class="k-chip-icon k-icon"\n            [ngClass]="kendoIconClass"\n        >\n        </span>\n\n        <span\n            *ngIf="iconClass"\n            class="k-chip-icon"\n            [ngClass]="customIconClass"\n        >\n        </span>\n\n        <span\n            *ngIf="avatarClass"\n            class="k-chip-avatar k-avatar k-rounded-full"\n        >\n            <span class="k-avatar-image" [ngClass]="chipAvatarClass"></span>\n        </span>\n\n        <span class="k-chip-content">\n            <span class="k-chip-label" *ngIf="label">\n                {{ label }}\n            </span>\n            <ng-content *ngIf="!label"></ng-content>\n        </span>\n\n        <span class="k-chip-actions">\n            <span class="k-chip-action k-chip-remove-action"\n                *ngIf="removable"\n                (click)="onRemoveClick($event)"\n                >\n                <span\n                    class="k-icon"\n                    [ngClass]="removeIconClass"\n                >\n                </span>\n            </span>\n        </span>\n    ',isInline:!0,directives:[{type:a.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:a.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Ee,decorators:[{type:p.Component,args:[{selector:"kendo-chip",template:'\n        <span\n            *ngIf="icon"\n            class="k-chip-icon k-icon"\n            [ngClass]="kendoIconClass"\n        >\n        </span>\n\n        <span\n            *ngIf="iconClass"\n            class="k-chip-icon"\n            [ngClass]="customIconClass"\n        >\n        </span>\n\n        <span\n            *ngIf="avatarClass"\n            class="k-chip-avatar k-avatar k-rounded-full"\n        >\n            <span class="k-avatar-image" [ngClass]="chipAvatarClass"></span>\n        </span>\n\n        <span class="k-chip-content">\n            <span class="k-chip-label" *ngIf="label">\n                {{ label }}\n            </span>\n            <ng-content *ngIf="!label"></ng-content>\n        </span>\n\n        <span class="k-chip-actions">\n            <span class="k-chip-action k-chip-remove-action"\n                *ngIf="removable"\n                (click)="onRemoveClick($event)"\n                >\n                <span\n                    class="k-icon"\n                    [ngClass]="removeIconClass"\n                >\n                </span>\n            </span>\n        </span>\n    ',providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.chip"}]}]}],ctorParameters:function(){return[{type:i.ElementRef},{type:i.Renderer2},{type:i.NgZone},{type:s.LocalizationService}]},propDecorators:{label:[{type:p.Input}],icon:[{type:p.Input}],iconClass:[{type:p.Input}],avatarClass:[{type:p.Input}],selected:[{type:p.Input}],removable:[{type:p.Input}],removeIcon:[{type:p.Input}],disabled:[{type:p.Input}],size:[{type:p.Input}],rounded:[{type:p.Input}],fillMode:[{type:p.Input}],themeColor:[{type:p.Input}],remove:[{type:p.Output}],contentClick:[{type:p.Output}],tabIndex:[{type:p.HostBinding,args:["attr.tabindex"]}],ariaChecked:[{type:p.HostBinding,args:["attr.aria-checked"]}],hostClass:[{type:p.HostBinding,args:["class.k-chip"]}],hasIconClass:[{type:p.HostBinding,args:["class.k-chip-has-icon"]}],disabledClass:[{type:p.HostBinding,args:["attr.aria-disabled"]},{type:p.HostBinding,args:["class.k-disabled"]}],selectedClass:[{type:p.HostBinding,args:["class.k-selected"]}],focusedClass:[{type:p.HostBinding,args:["class.k-focus"]}],direction:[{type:p.HostBinding,args:["attr.dir"]}]}});Object.defineProperty(B.prototype,"size",{get:function(){return this._size},set:function(e){this.handleClasses(e,"size"),this._size=e},enumerable:!1,configurable:!0}),Object.defineProperty(B.prototype,"single",{get:function(){return"single"===this.selection},enumerable:!1,configurable:!0}),Object.defineProperty(B.prototype,"multiple",{get:function(){return"multiple"===this.selection},enumerable:!1,configurable:!0}),B.prototype.onClick=function(e){var t=e.target,n=q(t,".k-chip-remove-action"),i=q(t,".k-chip"),t=this.chips.find(function(e){return i===e.element.nativeElement});n&&i&&this.remove.emit({sender:this,originalEvent:e,removedChip:t}),"none"!==this.selection&&i&&!n&&this.setSelection(t)},B.prototype.ngOnInit=function(){var t=this;this.dynamicRTLSubscription=this.localizationService.changes.subscribe(function(e){e=e.rtl;return t.direction=e?"rtl":"ltr"})},B.prototype.ngAfterViewInit=function(){var t=this;["size"].forEach(function(e){t.handleClasses(t[e],e)})},B.prototype.ngAfterContentInit=function(){var t=this;this.chips.forEach(function(e){t.renderer.setAttribute(e.element.nativeElement,"role","option")})},B.prototype.ngOnDestroy=function(){this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe()},B.prototype.selectedChips=function(){return this.chips.reduce(function(e,t,n){return t.selected?e.concat(n):e},[])},B.prototype.setSelection=function(e){"single"===this.selection&&this.clearSelection(e),e.selected=!e.selected,this.selectedChange.emit(this.selectedChips())},B.prototype.clearSelection=function(t){this.chips.forEach(function(e){t!==e&&(e.selected=!1)})},B.prototype.handleClasses=function(e,t){var n=this.element.nativeElement,t=X("chip-list",t,this[t],e);t.toRemove&&this.renderer.removeClass(n,t.toRemove),t.toAdd&&this.renderer.addClass(n,t.toAdd)};var we=B;function B(e,t,n){this.localizationService=e,this.renderer=t,this.element=n,this.hostClass=!0,this.selection="none",this.selectedChange=new p.EventEmitter,this.remove=new p.EventEmitter,this.role="listbox",this._size="medium",M.validatePackage(Z),this.direction=e.rtl?"rtl":"ltr"}we.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:we,deps:[{token:s.LocalizationService},{token:i.Renderer2},{token:i.ElementRef}],target:i.ɵɵFactoryTarget.Component}),we.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:we,selector:"kendo-chiplist, kendo-chip-list",inputs:{selection:"selection",size:"size"},outputs:{selectedChange:"selectedChange",remove:"remove"},host:{listeners:{click:"onClick($event)"},properties:{"class.k-chip-list":"this.hostClass","attr.dir":"this.direction","class.k-selection-single":"this.single","class.k-selection-multiple":"this.multiple","attr.role":"this.role"}},providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.chiplist"}],queries:[{propertyName:"chips",predicate:Ee}],ngImport:i,template:"\n        <ng-content></ng-content>\n    ",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:we,decorators:[{type:p.Component,args:[{selector:"kendo-chiplist, kendo-chip-list",template:"\n        <ng-content></ng-content>\n    ",providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.chiplist"}]}]}],ctorParameters:function(){return[{type:s.LocalizationService},{type:i.Renderer2},{type:i.ElementRef}]},propDecorators:{hostClass:[{type:p.HostBinding,args:["class.k-chip-list"]}],direction:[{type:p.HostBinding,args:["attr.dir"]}],selection:[{type:p.Input}],size:[{type:p.Input}],selectedChange:[{type:p.Output}],remove:[{type:p.Output}],chips:[{type:p.ContentChildren,args:[Ee]}],single:[{type:p.HostBinding,args:["class.k-selection-single"]}],multiple:[{type:p.HostBinding,args:["class.k-selection-multiple"]}],role:[{type:p.HostBinding,args:["attr.role"]}],onClick:[{type:p.HostListener,args:["click",["$event"]]}]}});var F=[Ee,we],A=ge([],de(F)),Oe=function(){};Oe.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Oe,deps:[],target:i.ɵɵFactoryTarget.NgModule}),Oe.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Oe,declarations:[Ee,we],imports:[n.CommonModule],exports:[Ee,we]}),Oe.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Oe,imports:[[n.CommonModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Oe,decorators:[{type:p.NgModule,args:[{declarations:[A],exports:[F],imports:[n.CommonModule]}]}]});var A=function(e){this.templateRef=e},F=(A.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:A,deps:[{token:i.TemplateRef,optional:!0}],target:i.ɵɵFactoryTarget.Directive}),A.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:A,selector:"[kendoDialItemTemplate]",ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:A,decorators:[{type:p.Directive,args:[{selector:"[kendoDialItemTemplate]"}]}],ctorParameters:function(){return[{type:i.TemplateRef,decorators:[{type:p.Optional}]}]}}),function(e){this.templateRef=e}),Te=(F.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:F,deps:[{token:i.TemplateRef,optional:!0}],target:i.ɵɵFactoryTarget.Directive}),F.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:F,selector:"[kendoFloatingActionButtonTemplate]",ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:F,decorators:[{type:p.Directive,args:[{selector:"[kendoFloatingActionButtonTemplate]"}]}],ctorParameters:function(){return[{type:i.TemplateRef,decorators:[{type:p.Optional}]}]}}),Object.defineProperty(Pe.prototype,"disabledClass",{get:function(){return this.item.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(Pe.prototype,"title",{get:function(){var e=this.item.label;return e||this.itemTitle},enumerable:!1,configurable:!0}),Object.defineProperty(Pe.prototype,"indexAttr",{get:function(){return this.index},enumerable:!1,configurable:!0}),Object.defineProperty(Pe.prototype,"iconClasses",{get:function(){var e=[];return this.item.iconClass&&e.push(""+this.item.iconClass),this.item.icon&&e.push("k-fab-item-icon k-icon k-i-"+this.item.icon),e},enumerable:!1,configurable:!0}),Object.defineProperty(Pe.prototype,"itemTitle",{get:function(){var e=this.item.icon,t=this.item.itemTitle;return e&&t?t:e},enumerable:!1,configurable:!0}),Pe.prototype.ngAfterViewInit=function(){var e=this.element.nativeElement,t=this.localisationService.rtl,n=this.align.horizontal;this.renderer.addClass(e,this.getTextDirectionClass(t,n))},Pe.prototype.getTextDirectionClass=function(e,t){return{rtl:{end:"k-text-left",start:"k-text-right"},ltr:{start:"k-text-left",end:"k-text-right"}}[e?"rtl":"ltr"]["end"===t?"end":"start"]},Pe);function Pe(e,t,n){this.element=e,this.renderer=t,this.localisationService=n,this.hostClass=!0,this.role="menuitem"}Te.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Te,deps:[{token:i.ElementRef},{token:i.Renderer2},{token:s.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),Te.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Te,selector:"[kendoDialItem]",inputs:{cssClass:"cssClass",cssStyle:"cssStyle",isFocused:"isFocused",index:"index",item:"item",dialItemTemplate:"dialItemTemplate",align:"align"},host:{properties:{"class.k-fab-item":"this.hostClass","attr.role":"this.role","attr.aria-disabled":"this.disabledClass","class.k-disabled":"this.disabledClass","attr.title":"this.title","attr.aria-label":"this.title","attr.data-fab-item-index":"this.indexAttr"}},ngImport:i,template:'\n        <ng-template *ngIf="dialItemTemplate"\n            [ngTemplateOutlet]="dialItemTemplate"\n            [ngTemplateOutletContext]="{ $implicit: item, index: index, isFocused: isFocused }"\n        >\n        </ng-template>\n\n        <ng-container *ngIf="!dialItemTemplate">\n            <span *ngIf="item.label" class="k-fab-item-text">{{ item.label }}</span>\n            <span *ngIf="item.icon || item.iconClass" [ngClass]="iconClasses"></span>\n        </ng-container>\n    ',isInline:!0,directives:[{type:a.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:a.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]},{type:a.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Te,decorators:[{type:p.Component,args:[{selector:"[kendoDialItem]",template:'\n        <ng-template *ngIf="dialItemTemplate"\n            [ngTemplateOutlet]="dialItemTemplate"\n            [ngTemplateOutletContext]="{ $implicit: item, index: index, isFocused: isFocused }"\n        >\n        </ng-template>\n\n        <ng-container *ngIf="!dialItemTemplate">\n            <span *ngIf="item.label" class="k-fab-item-text">{{ item.label }}</span>\n            <span *ngIf="item.icon || item.iconClass" [ngClass]="iconClasses"></span>\n        </ng-container>\n    '}]}],ctorParameters:function(){return[{type:i.ElementRef},{type:i.Renderer2},{type:s.LocalizationService}]},propDecorators:{hostClass:[{type:p.HostBinding,args:["class.k-fab-item"]}],role:[{type:p.HostBinding,args:["attr.role"]}],disabledClass:[{type:p.HostBinding,args:["attr.aria-disabled"]},{type:p.HostBinding,args:["class.k-disabled"]}],title:[{type:p.HostBinding,args:["attr.title"]},{type:p.HostBinding,args:["attr.aria-label"]}],indexAttr:[{type:p.HostBinding,args:["attr.data-fab-item-index"]}],cssClass:[{type:p.Input}],cssStyle:[{type:p.Input}],isFocused:[{type:p.Input}],index:[{type:p.Input}],item:[{type:p.Input}],dialItemTemplate:[{type:p.Input}],align:[{type:p.Input}]}});Object.defineProperty(Fe.prototype,"bottomClass",{get:function(){return"top"===this.align.vertical||"middle"===this.align.vertical},enumerable:!1,configurable:!0}),Object.defineProperty(Fe.prototype,"topClass",{get:function(){return"bottom"===this.align.vertical},enumerable:!1,configurable:!0}),Fe.prototype.isFocused=function(e){return this.focusService.isFocused(e)},Fe.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()};var Be=Fe;function Fe(e,t){var n=this;this.focusService=e,this.cdr=t,this.hostClass=!0,this.subscriptions=new z.Subscription,this.subscriptions.add(this.focusService.onFocus.subscribe(function(){return n.cdr.detectChanges()}))}Be.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Be,deps:[{token:b},{token:i.ChangeDetectorRef}],target:i.ɵɵFactoryTarget.Component}),Be.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Be,selector:"[kendoDialList]",inputs:{dialItems:"dialItems",dialItemTemplate:"dialItemTemplate",align:"align"},host:{properties:{"class.k-fab-items":"this.hostClass","class.k-fab-items-bottom":"this.bottomClass","class.k-fab-items-top":"this.topClass"}},ngImport:i,template:'\n        <ng-container *ngFor=\'let item of dialItems; let idx = index\'>\n            <li\n                kendoButtonFocusable\n                kendoDialItem\n                [item]="dialItems[idx]"\n                [index]="idx"\n                [dialItemTemplate]="dialItemTemplate"\n                [isFocused]="isFocused(idx)"\n                [ngClass]=\'item.cssClass\'\n                [ngStyle]=\'item.cssStyle\'\n                [align]="align"\n            >\n            </li>\n        </ng-container>\n    ',isInline:!0,components:[{type:Te,selector:"[kendoDialItem]",inputs:["cssClass","cssStyle","isFocused","index","item","dialItemTemplate","align"]}],directives:[{type:a.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:oe,selector:"[kendoButtonFocusable]",inputs:["index"]},{type:a.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:a.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Be,decorators:[{type:p.Component,args:[{selector:"[kendoDialList]",template:'\n        <ng-container *ngFor=\'let item of dialItems; let idx = index\'>\n            <li\n                kendoButtonFocusable\n                kendoDialItem\n                [item]="dialItems[idx]"\n                [index]="idx"\n                [dialItemTemplate]="dialItemTemplate"\n                [isFocused]="isFocused(idx)"\n                [ngClass]=\'item.cssClass\'\n                [ngStyle]=\'item.cssStyle\'\n                [align]="align"\n            >\n            </li>\n        </ng-container>\n    '}]}],ctorParameters:function(){return[{type:b},{type:i.ChangeDetectorRef}]},propDecorators:{hostClass:[{type:p.HostBinding,args:["class.k-fab-items"]}],bottomClass:[{type:p.HostBinding,args:["class.k-fab-items-bottom"]}],topClass:[{type:p.HostBinding,args:["class.k-fab-items-top"]}],dialItems:[{type:p.Input}],dialItemTemplate:[{type:p.Input}],align:[{type:p.Input}]}});var _={provide:he,useValue:{useLeftRightArrows:!1}},Ae={small:"k-fab-sm",medium:"k-fab-md",large:"k-fab-lg"},_e={small:"k-rounded-sm",medium:"k-rounded-md",large:"k-rounded-lg",full:"k-rounded-full"},Re="k-fab-solid",Me="16px",Ne=(Object.defineProperty(R.prototype,"fixedClass",{get:function(){return"fixed"===this.positionMode},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"absoluteClass",{get:function(){return"absolute"===this.positionMode},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"themeColor",{get:function(){return this._themeColor},set:function(e){this.handleClasses(e,"themeColor"),this._themeColor=e},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"size",{get:function(){return this._size},set:function(e){this.handleClasses(e,"size"),this._size=e},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"rounded",{get:function(){return this._rounded},set:function(e){this.handleClasses(e,"rounded"),this._rounded=e},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"shape",{get:function(){return this._shape},set:function(e){this._shape=e},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"disabled",{get:function(){return this._disabled},set:function(e){this._disabled=e},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"align",{get:function(){return this._align},set:function(e){this._align=Object.assign(this._align,e)},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"offset",{get:function(){return this._offset},set:function(e){this._offset=Object.assign(this._offset,e),this.offsetStyles()},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"componentTabIndex",{get:function(){return this.disabled?-1:this.tabIndex},enumerable:!1,configurable:!0}),R.prototype.ngAfterViewInit=function(){var t=this;["size","rounded","themeColor"].forEach(function(e){return t.handleClasses(t[e],e)}),this.renderer.addClass(this.element.nativeElement,this.alignClass()),this.offsetStyles(),this.initialSetup=!1},R.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},Object.defineProperty(R.prototype,"isOpen",{get:function(){return o(this.popupRef)},enumerable:!1,configurable:!0}),R.prototype.focus=function(){c.isDocumentAvailable()&&this.button.nativeElement.focus()},R.prototype.blur=function(){c.isDocumentAvailable()&&this.button.nativeElement.blur()},R.prototype.toggleDial=function(e){var t=this;!this.disabled&&this.hasDialItems&&(e=o(e)?e:!this.isOpen,this.disabled||e===this.isOpen||(e?setTimeout(function(){return t.openDial()}):this.closeDial()))},Object.defineProperty(R.prototype,"role",{get:function(){return this.dialItems&&this.dialItems.length?"menubutton":"button"},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"ariaExpanded",{get:function(){return o(this.isOpen)},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"ariaHasPopup",{get:function(){return o(this.isOpen)},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"iconClasses",{get:function(){var e=[];return this.iconClass&&e.push(""+this.iconClass),this.icon&&e.push("k-fab-icon k-icon k-i-"+this.icon),e},enumerable:!1,configurable:!0}),R.prototype.clickHandler=function(){var t=this;!this.disabled&&this.hasDialItems&&this.ngZone.run(function(){var e=!t.isOpen;t.toggleDialWithEvents(e)})},R.prototype.keyDownHandler=function(e){this.keyHandler(e)},R.prototype.keyHandler=function(e,t){var n,i;this.disabled||(i=this.focusService.focused||0,n=e.keyCode,(i=this.navigationService.process({altKey:e.altKey,current:i,keyCode:n,keyEvent:t,max:this.dialItems?this.dialItems.length-1:0,min:0,flipNavigation:"bottom"===this.align.vertical}))!==k.Undefined&&i!==k.Tab&&e.preventDefault())},R.prototype.onItemClick=function(e){var e=q(e.target,".k-fab-item");e&&(e=e.getAttribute("data-fab-item-index"),this.emitItemClick(e))},R.prototype.focusHandler=function(){this.disabled||this.onFocus.emit()},R.prototype.blurHandler=function(){this.onBlur.emit(),this.toggleDialWithEvents(!1)},R.prototype.handleClasses=function(e,t){var n,i;o(this.button)&&(this[t]!==e||this.initialSetup)&&(n=this.button.nativeElement,i={themeColor:Re+"-"+this.themeColor,size:Ae[this.size],rounded:_e[this.rounded]},e={themeColor:e?Re+"-"+e:null,size:Ae[e],rounded:_e[e]},this.renderer.removeClass(n,i[t]),e[t]&&this.renderer.addClass(n,e[t]))},R.prototype.onEnterPressed=function(){var e=this.focusService.focused;this.emitItemClick(e)},R.prototype.emitItemClick=function(e){var t=this.dialItems[e];t&&!t.disabled&&(this.dialItemClick.emit({item:t,index:e}),this.toggleDialWithEvents(!1))},R.prototype.subscribeNavigationEvents=function(){this.subscriptions.add(this.navigationService.navigate.subscribe(this.onArrowKeyNavigate.bind(this))),this.subscriptions.add(this.navigationService.enter.subscribe(this.onNavigationEnterPress.bind(this))),this.subscriptions.add(z.merge(this.navigationService.close,this.navigationService.esc).subscribe(this.onNavigationClose.bind(this)))},R.prototype.onArrowKeyNavigate=function(e){this.focusService.focus(e)},R.prototype.onNavigationEnterPress=function(){var n=this;this.ngZone.run(function(){if(n.isOpen){var e=n.focusService.focused,t=n.dialItems[e];if(t&&t.disabled)return;if(o(e)&&-1!==e)return void n.onEnterPressed()}!n.isOpen&&c.isDocumentAvailable()&&(n.toggleDialWithEvents(!0),n.button.nativeElement.focus())})},R.prototype.onNavigationClose=function(){var e=this;this.isOpen&&this.ngZone.run(function(){e.toggleDialWithEvents(!1),c.isDocumentAvailable()&&e.button.nativeElement.focus()})},R.prototype.alignClass=function(){return"k-pos-"+this.align.vertical+"-"+this.align.horizontal},R.prototype.toggleDialWithEvents=function(e){var t;e!==this.isOpen&&(t=new ee,(e?this.open:this.close).emit(t),t.isDefaultPrevented()||(e?this.openDial():this.closeDial()))},R.prototype.openPopup=function(){var e,t,n,i,o,s,r,a=this;this.isOpen||(e=this.icon&&!this.text,t=this.rtl,n=this.align,this.popupRef=this.popupService.open({anchor:this.element.nativeElement,animate:!1,content:this.popupTemplate,anchorAlign:(s={horizontal:(o=t)?"right":"left",vertical:"bottom"},"end"===(i=n).horizontal&&(s.horizontal=o?"left":"right"),"bottom"===i.vertical&&(s.vertical="top"),"bottom"===i.vertical&&"end"===i.horizontal&&(s.horizontal=o?"left":"right",s.vertical="top"),s),popupAlign:(o={horizontal:(i=t)?"right":"left",vertical:"top"},"end"===(s=n).horizontal&&(o.horizontal=i?"left":"right"),"bottom"===s.vertical&&(o.vertical="bottom"),"bottom"===s.vertical&&"end"===s.horizontal&&(o.horizontal=i?"left":"right",o.vertical="bottom"),o),popupClass:"k-fab-popup k-popup-transparent"}),r=this.popupRef.popupElement,this.renderer.setStyle(r,"box-shadow","none"),e&&this.subscriptions.add(this.popupRef.popupOpen.subscribe(function(){return a.positionPopup()})),this.ngZone.runOutsideAngular(function(){a.popupMouseDownListener=a.renderer.listen(r,"mousedown",function(e){e.preventDefault()})}),this.popupRef.popupAnchorViewportLeave.subscribe(function(){return a.toggleDialWithEvents(!1)}))},R.prototype.closePopup=function(){this.isOpen&&(this.popupMouseDownListener&&this.popupMouseDownListener(),this.popupRef.close(),this.popupRef=null)},R.prototype.openDial=function(){this.openPopup(),this.focusService.focus(0),this.dialItemAnimation&&this.isValidAnimation()&&this.playAnimation(!0)},R.prototype.closeDial=function(){var e=this;this.dialItemAnimation&&this.isValidAnimation()?(this.playAnimation(!1),this.animationEnd.pipe(j.take(1)).subscribe(function(){return e.closePopup()})):this.closePopup()},R.prototype.isValidAnimation=function(){var e=this.dialItemAnimation;return"boolean"==typeof e||0!==e.duration},R.prototype.positionPopup=function(){var e,t,n,i;this.dialItemTemplate||(t=this.element.nativeElement.getBoundingClientRect().width,(n=(e=this.popupRef.popupElement).querySelector(".k-fab-item-icon"))&&(t=t/2-n.getBoundingClientRect().width/2,n=e.getBoundingClientRect().left,i="end"===this.align.horizontal,e.style.left=this.rtl?(i?t+n:n-t)+"px":(i?n-t:t+n)+"px"))},R.prototype.offsetStyles=function(){var e=this.element.nativeElement;this.renderer.setStyle(e,this.horizontalPosition,this.horizontalOffset),this.renderer.setStyle(e,this.verticalPosition,this.verticalOffset)},Object.defineProperty(R.prototype,"hasDialItems",{get:function(){return o(this.dialItems)&&0!==this.dialItems.length},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"verticalPosition",{get:function(){return{top:"top",middle:"top",bottom:"bottom"}[this.align.vertical]},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"verticalOffset",{get:function(){return"middle"===this.align.vertical?this.offset.y===Me?"50%":"calc(50% + "+this.offset.y+")":this.offset.y},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"horizontalPosition",{get:function(){var e=this.align.horizontal;return{end:this.rtl?"left":"right",center:"left",start:this.rtl?"right":"left"}[e]},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"horizontalOffset",{get:function(){return"center"===this.align.horizontal?this.offset.x===Me?"50%":"calc(50% + "+this.offset.x+")":this.offset.x},enumerable:!1,configurable:!0}),R.prototype.playerFor=function(e,t){return this.builder.build(t).create(e)},R.prototype.playAnimation=function(e){var t,n,i=this,o=this.durationSettings(),o={duration:o.duration,gap:o.gap,align:this.align},o=e?(t="bottom"===(e=o).align.vertical,n=o.duration,e=o.gap,r.sequence([r.query(".k-fab-item",[r.style({opacity:0,transform:"translateY("+(t?"8px":"-8px")+")"}),r.stagger(e,[r.animate(n+"ms ease-in",r.style({opacity:"*",transform:"translateY(0)"}))])],{optional:!0})])):(e="bottom"===(t=o).align.vertical,n=o.duration,t=o.gap,r.sequence([r.query(".k-fab-item",[r.style({opacity:"*",transform:"translateY(0)"}),r.stagger(-t,[r.animate(n+"ms ease-in",r.style({opacity:0,transform:"translateY("+(e?"8px":"-8px")+")"}))])],{optional:!0})])),s=this.playerFor(this.popupRef.popupElement,o);s.play(),s.onDone(function(){s&&(i.animationEnd.emit(),s.destroy(),s=null)})},R.prototype.durationSettings=function(){return{duration:this.animationDuration(),gap:this.animationGap()}},R.prototype.animationGap=function(){var e=this.dialItemAnimation;return"boolean"!=typeof e&&o(e.gap)?e.gap:90},R.prototype.animationDuration=function(){var e=this.dialItemAnimation;return"boolean"!=typeof e&&o(e.duration)?e.duration:180},R);function R(e,t,n,i,o,s,r,a){var l=this;this.renderer=e,this.element=t,this.focusService=n,this.navigationService=i,this.ngZone=o,this.popupService=s,this.builder=r,this.localizationService=a,this.positionMode="fixed",this.dialItemAnimation=!0,this.tabIndex=0,this.dialItems=[],this.onBlur=new p.EventEmitter,this.onFocus=new p.EventEmitter,this.dialItemClick=new p.EventEmitter,this.open=new p.EventEmitter,this.close=new p.EventEmitter,this.id="k-"+c.guid(),this._themeColor="primary",this._size="medium",this._shape="rectangle",this._disabled=!1,this._align={horizontal:"end",vertical:"bottom"},this._offset={x:Me,y:Me},this._rounded="full",this.subscriptions=new z.Subscription,this.rtl=!1,this.animationEnd=new p.EventEmitter,this.initialSetup=!0,M.validatePackage(Z),this.subscribeNavigationEvents(),this.subscriptions.add(this.localizationService.changes.subscribe(function(e){e=e.rtl;l.rtl=e,l.direction=l.rtl?"rtl":"ltr"}))}Ne.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Ne,deps:[{token:i.Renderer2},{token:i.ElementRef},{token:b},{token:I},{token:i.NgZone},{token:$.PopupService},{token:K.AnimationBuilder},{token:s.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),Ne.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Ne,selector:"kendo-floatingactionbutton",inputs:{themeColor:"themeColor",size:"size",rounded:"rounded",shape:"shape",disabled:"disabled",align:"align",offset:"offset",positionMode:"positionMode",icon:"icon",iconClass:"iconClass",buttonClass:"buttonClass",dialClass:"dialClass",text:"text",dialItemAnimation:"dialItemAnimation",tabIndex:"tabIndex",dialItems:"dialItems"},outputs:{onBlur:"blur",onFocus:"focus",dialItemClick:"dialItemClick",open:"open",close:"close"},host:{properties:{"class.k-pos-fixed":"this.fixedClass","class.k-pos-absolute":"this.absoluteClass","attr.dir":"this.direction"}},providers:[b,I,_,t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.floatingactionbutton"}],queries:[{propertyName:"dialItemTemplate",first:!0,predicate:A,descendants:!0},{propertyName:"fabTemplate",first:!0,predicate:F,descendants:!0}],viewQueries:[{propertyName:"button",first:!0,predicate:["button"],descendants:!0,static:!0},{propertyName:"popupTemplate",first:!0,predicate:["popupTemplate"],descendants:!0,static:!0}],ngImport:i,template:'\n        <button\n            #button\n            [attr.id]="id"\n            [attr.role]="role"\n            [tabIndex]="componentTabIndex"\n            type="button"\n            class="k-fab k-fab-solid"\n            [class.k-disabled]="disabled"\n            [ngClass]="buttonClass"\n            [disabled]="disabled"\n            [attr.aria-disabled]="disabled"\n            [attr.aria-expanded]="ariaExpanded"\n            [attr.aria-haspopup]="ariaHasPopup"\n            (focus)="focusHandler()"\n            (blur)="blurHandler()"\n            [kendoEventsOutsideAngular]="{\n                keydown: keyDownHandler,\n                click: clickHandler\n            }"\n            [scope]="this"\n        >\n            <ng-template *ngIf="fabTemplate"\n                [ngTemplateOutlet]="fabTemplate?.templateRef"\n            >\n            </ng-template>\n\n            <ng-container *ngIf="!fabTemplate">\n                <span *ngIf="icon || iconClass" [ngClass]="iconClasses"></span>\n                <span *ngIf="text" class="k-fab-text">{{ text }}</span>\n            </ng-container>\n        </button>\n\n        <ng-template #popupTemplate>\n            <ul\n                kendoDialList\n                [ngClass]="dialClass"\n                [dialItems]="dialItems"\n                [dialItemTemplate]=\'dialItemTemplate?.templateRef\'\n                [align]="align"\n                [attr.aria-labelledby]="id"\n                (click)="onItemClick($event)"\n            >\n            </ul>\n        </ng-template>\n    ',isInline:!0,components:[{type:Be,selector:"[kendoDialList]",inputs:["dialItems","dialItemTemplate","align"]}],directives:[{type:a.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:U.EventsOutsideAngularDirective,selector:"[kendoEventsOutsideAngular]",inputs:["kendoEventsOutsideAngular","scope"]},{type:a.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:a.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Ne,decorators:[{type:p.Component,args:[{selector:"kendo-floatingactionbutton",providers:[b,I,_,t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.floatingactionbutton"}],template:'\n        <button\n            #button\n            [attr.id]="id"\n            [attr.role]="role"\n            [tabIndex]="componentTabIndex"\n            type="button"\n            class="k-fab k-fab-solid"\n            [class.k-disabled]="disabled"\n            [ngClass]="buttonClass"\n            [disabled]="disabled"\n            [attr.aria-disabled]="disabled"\n            [attr.aria-expanded]="ariaExpanded"\n            [attr.aria-haspopup]="ariaHasPopup"\n            (focus)="focusHandler()"\n            (blur)="blurHandler()"\n            [kendoEventsOutsideAngular]="{\n                keydown: keyDownHandler,\n                click: clickHandler\n            }"\n            [scope]="this"\n        >\n            <ng-template *ngIf="fabTemplate"\n                [ngTemplateOutlet]="fabTemplate?.templateRef"\n            >\n            </ng-template>\n\n            <ng-container *ngIf="!fabTemplate">\n                <span *ngIf="icon || iconClass" [ngClass]="iconClasses"></span>\n                <span *ngIf="text" class="k-fab-text">{{ text }}</span>\n            </ng-container>\n        </button>\n\n        <ng-template #popupTemplate>\n            <ul\n                kendoDialList\n                [ngClass]="dialClass"\n                [dialItems]="dialItems"\n                [dialItemTemplate]=\'dialItemTemplate?.templateRef\'\n                [align]="align"\n                [attr.aria-labelledby]="id"\n                (click)="onItemClick($event)"\n            >\n            </ul>\n        </ng-template>\n    '}]}],ctorParameters:function(){return[{type:i.Renderer2},{type:i.ElementRef},{type:b},{type:I},{type:i.NgZone},{type:$.PopupService},{type:K.AnimationBuilder},{type:s.LocalizationService}]},propDecorators:{fixedClass:[{type:p.HostBinding,args:["class.k-pos-fixed"]}],absoluteClass:[{type:p.HostBinding,args:["class.k-pos-absolute"]}],direction:[{type:p.HostBinding,args:["attr.dir"]}],button:[{type:p.ViewChild,args:["button",{static:!0}]}],popupTemplate:[{type:p.ViewChild,args:["popupTemplate",{static:!0}]}],dialItemTemplate:[{type:p.ContentChild,args:[A,{static:!1}]}],fabTemplate:[{type:p.ContentChild,args:[F,{static:!1}]}],themeColor:[{type:p.Input}],size:[{type:p.Input}],rounded:[{type:p.Input}],shape:[{type:p.Input}],disabled:[{type:p.Input}],align:[{type:p.Input}],offset:[{type:p.Input}],positionMode:[{type:p.Input}],icon:[{type:p.Input}],iconClass:[{type:p.Input}],buttonClass:[{type:p.Input}],dialClass:[{type:p.Input}],text:[{type:p.Input}],dialItemAnimation:[{type:p.Input}],tabIndex:[{type:p.Input}],dialItems:[{type:p.Input}],onBlur:[{type:p.Output,args:["blur"]}],onFocus:[{type:p.Output,args:["focus"]}],dialItemClick:[{type:p.Output,args:["dialItemClick"]}],open:[{type:p.Output}],close:[{type:p.Output}]}});U=[Ne,A,F],a=ge(ge([],de(U)),[Be,Te]),_=function(){},_.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:_,deps:[],target:i.ɵɵFactoryTarget.NgModule}),_.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:_,declarations:[Ne,A,F,Be,Te],imports:[n.CommonModule,V.PopupModule,C,c.EventsModule],exports:[Ne,A,F]}),_.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:_,imports:[[n.CommonModule,V.PopupModule,C,c.EventsModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:_,decorators:[{type:p.NgModule,args:[{declarations:[a],exports:[U],imports:[n.CommonModule,V.PopupModule,C,c.EventsModule]}]}]}),t=function(){};t.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:t,deps:[],target:i.ɵɵFactoryTarget.NgModule}),t.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:t,exports:[f,h,E,S,Oe,_]}),t.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:t,imports:[f,h,E,S,Oe,_]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:t,decorators:[{type:p.NgModule,args:[{exports:[f,h,E,S,Oe,_]}]}]}),e.Button=u,e.ButtonDirective=u,e.ButtonGroup=g,e.ButtonGroupComponent=g,e.ButtonGroupModule=f,e.ButtonItemTemplateDirective=y,e.ButtonModule=h,e.ButtonsModule=t,e.ChipComponent=Ee,e.ChipListComponent=we,e.ChipModule=Oe,e.DialItemTemplateDirective=A,e.DropDownButton=v,e.DropDownButtonComponent=v,e.DropDownButtonModule=S,e.FloatingActionButtonComponent=Ne,e.FloatingActionButtonModule=_,e.FloatingActionButtonTemplateDirective=F,e.FocusableDirective=oe,e.ListComponent=le,e.ListModule=C,e.LocalizedSplitButtonMessagesDirective=D,e.PreventableEvent=ee,e.SplitButton=Ie,e.SplitButtonComponent=Ie,e.SplitButtonCustomMessagesComponent=O,e.SplitButtonModule=E,e.TemplateContextDirective=re,Object.defineProperty(e,"__esModule",{value:!0})});

package/button/button.directive.d.ts

@@ -118,6 +118,8 @@ export declare class ButtonDirective implements OnDestroy, AfterViewInit {
     set themeColor(themeColor: ButtonThemeColor);
     get themeColor(): ButtonThemeColor;
     /**
+     * @hidden
+     *
      * The shape property specifies if the Button will form a rectangle or square.
      * ([see example]({% slug appearance_button %}#toc-shape)).
      *

package/common/models/shape.d.ts

@@ -3,6 +3,8 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 /**
+ * @hidden
+ *
  * Represents the possible shapes of the buttons.
  *
  */

package/dropdownbutton/dropdownbutton.component.d.ts

@@ -98,6 +98,8 @@ export declare class DropDownButtonComponent extends ListButton implements OnCha
      */
     size: ButtonSize;
     /**
+     * @hidden
+     *
      * The shape property specifies if the DropDownButton will be a square or rectangle.
      * ([see example]({% slug api_buttons_dropdownbuttoncomponent %}#toc-shape)).
      *

package/esm2015/button/button.directive.js

@@ -7,7 +7,7 @@ import { isDocumentAvailable, isChanged, hasObservers, Keys } from '@progress/ke
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from '../package-metadata';
-import { getStylingClasses, getThemeColorClasses } from '../util';
+import { getStylingClasses, getThemeColorClasses, isFirefox } from '../util';
 import * as i0 from "@angular/core";
 import * as i1 from "./button.service";
 import * as i2 from "@progress/kendo-angular-l10n";
@@ -111,7 +111,7 @@ export class ButtonDirective {
         if (iconClassName) {
             this.iconSetter(iconClassName, () => {
                 this.isIconClass = true;
-                const classes = 'k-button-icon k-icon ' + iconClassName;
+                const classes = 'k-button-icon ' + iconClassName;
                 this.addIcon(classes);
             });
         }
@@ -136,6 +136,10 @@ export class ButtonDirective {
      * If set to `true`, it disables the Button.
      */
     set disabled(disabled) {
+        //Required, because in FF focused buttons are not blurred on disabled
+        if (disabled && isDocumentAvailable() && isFirefox(navigator.userAgent)) {
+            this.blur();
+        }
         this.isDisabled = disabled;
         this.renderer.setProperty(this.element, 'disabled', disabled);
     }
@@ -222,6 +226,8 @@ export class ButtonDirective {
         return this._themeColor;
     }
     /**
+     * @hidden
+     *
      * The shape property specifies if the Button will form a rectangle or square.
      * ([see example]({% slug appearance_button %}#toc-shape)).
      *
@@ -230,7 +236,6 @@ export class ButtonDirective {
      * * `'rectangle'` (default)
      */
     set shape(shape) {
-        this.handleClasses(shape, 'shape');
         this._shape = shape;
     }
     get shape() {
@@ -318,7 +323,7 @@ export class ButtonDirective {
         }
     }
     ngAfterViewInit() {
-        const stylingOptions = ['size', 'rounded', 'shape', 'fillMode'];
+        const stylingOptions = ['size', 'rounded', 'fillMode'];
         stylingOptions.forEach(input => {
             this.handleClasses(this[input], input);
         });
@@ -397,8 +402,10 @@ export class ButtonDirective {
     }
     addImgIcon(imageUrl) {
         let renderer = this.renderer;
-        this.iconSpanNode = renderer.createElement('span');
-        renderer.setProperty(this.iconSpanNode, 'className', 'k-button-icon k-icon');
+        if (!this.iconSpanNode) {
+            this.iconSpanNode = renderer.createElement('span');
+            renderer.setProperty(this.iconSpanNode, 'className', 'k-button-icon k-icon');
+        }
         if (this.imageNode) {
             renderer.setProperty(this.imageNode, 'src', imageUrl);
         }

package/esm2015/dropdownbutton/dropdownbutton.component.js

@@ -85,6 +85,8 @@ export class DropDownButtonComponent extends ListButton {
          */
         this.size = 'medium';
         /**
+         * @hidden
+         *
          * The shape property specifies if the DropDownButton will be a square or rectangle.
          * ([see example]({% slug api_buttons_dropdownbuttoncomponent %}#toc-shape)).
          *
@@ -494,7 +496,6 @@ DropDownButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
             [imageUrl]="imageUrl"
             [ngClass]="buttonClass"
             [size]="size"
-            [shape]="shape"
             [rounded]="rounded"
             [fillMode]="fillMode"
             [themeColor]="fillMode ? themeColor : null"
@@ -553,7 +554,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             [imageUrl]="imageUrl"
             [ngClass]="buttonClass"
             [size]="size"
-            [shape]="shape"
             [rounded]="rounded"
             [fillMode]="fillMode"
             [themeColor]="fillMode ? themeColor : null"

package/esm2015/floatingactionbutton/floatingactionbutton.component.js

@@ -40,10 +40,6 @@ const SIZE_CLASSES = {
     medium: 'k-fab-md',
     large: 'k-fab-lg'
 };
-const SHAPE_CLASSES = {
-    rectangle: 'k-fab-rectangle',
-    square: 'k-fab-square'
-};
 const ROUNDED_CLASSES = {
     small: 'k-rounded-sm',
     medium: 'k-rounded-md',
@@ -210,6 +206,8 @@ export class FloatingActionButtonComponent {
         return this._rounded;
     }
     /**
+     * @hidden
+     *
      * Specifies the shape of the FloatingActionButton
      * ([see example]({% slug appearance_floatingactionbutton %}#toc-shape)).
      *
@@ -219,7 +217,6 @@ export class FloatingActionButtonComponent {
      *
      */
     set shape(shape) {
-        this.handleClasses(shape, 'shape');
         this._shape = shape;
     }
     get shape() {
@@ -272,7 +269,7 @@ export class FloatingActionButtonComponent {
         return this.disabled ? (-1) : this.tabIndex;
     }
     ngAfterViewInit() {
-        ['shape', 'size', 'rounded', 'themeColor'].forEach(option => this.handleClasses(this[option], option));
+        ['size', 'rounded', 'themeColor'].forEach(option => this.handleClasses(this[option], option));
         this.renderer.addClass(this.element.nativeElement, this.alignClass());
         this.offsetStyles();
         this.initialSetup = false;
@@ -422,13 +419,11 @@ export class FloatingActionButtonComponent {
             const classesToRemove = {
                 themeColor: `${FILLMODE_CLASS}-${this.themeColor}`,
                 size: SIZE_CLASSES[this.size],
-                shape: SHAPE_CLASSES[this.shape],
                 rounded: ROUNDED_CLASSES[this.rounded]
             };
             const classesToAdd = {
                 themeColor: inputValue ? `${FILLMODE_CLASS}-${inputValue}` : null,
                 size: SIZE_CLASSES[inputValue],
-                shape: SHAPE_CLASSES[inputValue],
                 rounded: ROUNDED_CLASSES[inputValue]
             };
             this.renderer.removeClass(button, classesToRemove[input]);

package/esm2015/main.js

@@ -26,3 +26,4 @@ export { FloatingActionButtonComponent } from './floatingactionbutton/floatingac
 export { FloatingActionButtonTemplateDirective } from './floatingactionbutton/templates/fab-template.directive';
 export { DialItemTemplateDirective } from './floatingactionbutton/templates/dial-item-template.directive';
 export { FocusableDirective } from './focusable/focusable.directive';
+export { PreventableEvent } from './preventable-event';

package/esm2015/package-metadata.js

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-buttons',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1648024474,
+    publishDate: 1648803260,
     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'
 };

package/esm2015/splitbutton/splitbutton.component.js

@@ -630,11 +630,10 @@ SplitButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
                 {{ text }}
             </span><ng-content></ng-content>
         </button>
-        <button
-            kendoButton
-            #arrowButton
-            type="button"
+        <button kendoButton #arrowButton type="button"
+            class="k-split-button-arrow"
             [class.k-active]="activeArrow"
+            [ngClass]="arrowButtonClass"
             [disabled]="disabled"
             [icon]="arrowButtonIcon"
             [size]="size"
@@ -642,7 +641,6 @@ SplitButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
             [fillMode]="fillMode"
             [themeColor]="fillMode ? themeColor : null"
             [tabindex]="-1"
-            [ngClass]="arrowButtonClass"
             (click)="onArrowButtonClick()"
             (mousedown)="toggleArrowButtonActiveState(true)"
             (mouseup)="toggleArrowButtonActiveState(false)"
@@ -715,11 +713,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 {{ text }}
             </span><ng-content></ng-content>
         </button>
-        <button
-            kendoButton
-            #arrowButton
-            type="button"
+        <button kendoButton #arrowButton type="button"
+            class="k-split-button-arrow"
             [class.k-active]="activeArrow"
+            [ngClass]="arrowButtonClass"
             [disabled]="disabled"
             [icon]="arrowButtonIcon"
             [size]="size"
@@ -727,7 +724,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             [fillMode]="fillMode"
             [themeColor]="fillMode ? themeColor : null"
             [tabindex]="-1"
-            [ngClass]="arrowButtonClass"
             (click)="onArrowButtonClick()"
             (mousedown)="toggleArrowButtonActiveState(true)"
             (mouseup)="toggleArrowButtonActiveState(false)"

package/esm2015/util.js

@@ -2,6 +2,7 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+import { detectDesktopBrowser, detectMobileOS } from "@progress/kendo-common";
 /**
  * @hidden
  */
@@ -74,7 +75,6 @@ export const getStylingClasses = (componentType, stylingOption, previousValue, n
                 toAdd: newValue ? `k-rounded-${ROUNDNESS[newValue]}` : null
             };
         case 'fillMode':
-        case 'shape':
             return {
                 toRemove: `k-${componentType}-${previousValue}`,
                 toAdd: newValue ? `k-${componentType}-${newValue}` : null
@@ -94,3 +94,13 @@ export const getThemeColorClasses = (componentType, prevFillMode, fillMode, prev
         toAdd: newValue ? `k-${componentType}-${fillMode}-${newValue}` : null
     };
 };
+/**
+ * @hidden
+ *
+ * Returns true if the used browser is Firefox.
+ */
+export const isFirefox = (userAgent) => {
+    const desktopBrowser = detectDesktopBrowser(userAgent);
+    const mobileOS = detectMobileOS(userAgent);
+    return (desktopBrowser && desktopBrowser.mozilla) || (mobileOS && mobileOS.browser === 'firefox');
+};

package/fesm2015/kendo-angular-buttons.js

@@ -5,10 +5,11 @@
 import * as i0 from '@angular/core';
 import { Injectable, EventEmitter, Directive, Optional, Input, Output, HostBinding, HostListener, isDevMode, Component, ContentChildren, NgModule, InjectionToken, Inject, forwardRef, ElementRef, ViewContainerRef, ContentChild, ViewChild } from '@angular/core';
 import * as i8 from '@progress/kendo-angular-common';
-import { Keys, isChanged, isDocumentAvailable, hasObservers, guid, EventsModule } from '@progress/kendo-angular-common';
+import { isDocumentAvailable, Keys, isChanged, hasObservers, guid, EventsModule } from '@progress/kendo-angular-common';
 import * as i1 from '@progress/kendo-angular-l10n';
 import { LocalizationService, L10N_PREFIX, ComponentMessages } from '@progress/kendo-angular-l10n';
 import { validatePackage } from '@progress/kendo-licensing';
+import { detectDesktopBrowser, detectMobileOS } from '@progress/kendo-common';
 import { Subject, fromEvent, merge, Subscription } from 'rxjs';
 import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
@@ -25,7 +26,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-buttons',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1648024474,
+    publishDate: 1648803260,
     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'
 };
@@ -102,7 +103,6 @@ const getStylingClasses = (componentType, stylingOption, previousValue, newValue
                 toAdd: newValue ? `k-rounded-${ROUNDNESS[newValue]}` : null
             };
         case 'fillMode':
-        case 'shape':
             return {
                 toRemove: `k-${componentType}-${previousValue}`,
                 toAdd: newValue ? `k-${componentType}-${newValue}` : null
@@ -122,6 +122,16 @@ const getThemeColorClasses = (componentType, prevFillMode, fillMode, previousVal
         toAdd: newValue ? `k-${componentType}-${fillMode}-${newValue}` : null
     };
 };
+/**
+ * @hidden
+ *
+ * Returns true if the used browser is Firefox.
+ */
+const isFirefox = (userAgent) => {
+    const desktopBrowser = detectDesktopBrowser(userAgent);
+    const mobileOS = detectMobileOS(userAgent);
+    return (desktopBrowser && desktopBrowser.mozilla) || (mobileOS && mobileOS.browser === 'firefox');
+};
 
 /**
  * @hidden
@@ -241,7 +251,7 @@ class ButtonDirective {
         if (iconClassName) {
             this.iconSetter(iconClassName, () => {
                 this.isIconClass = true;
-                const classes = 'k-button-icon k-icon ' + iconClassName;
+                const classes = 'k-button-icon ' + iconClassName;
                 this.addIcon(classes);
             });
         }
@@ -266,6 +276,10 @@ class ButtonDirective {
      * If set to `true`, it disables the Button.
      */
     set disabled(disabled) {
+        //Required, because in FF focused buttons are not blurred on disabled
+        if (disabled && isDocumentAvailable() && isFirefox(navigator.userAgent)) {
+            this.blur();
+        }
         this.isDisabled = disabled;
         this.renderer.setProperty(this.element, 'disabled', disabled);
     }
@@ -352,6 +366,8 @@ class ButtonDirective {
         return this._themeColor;
     }
     /**
+     * @hidden
+     *
      * The shape property specifies if the Button will form a rectangle or square.
      * ([see example]({% slug appearance_button %}#toc-shape)).
      *
@@ -360,7 +376,6 @@ class ButtonDirective {
      * * `'rectangle'` (default)
      */
     set shape(shape) {
-        this.handleClasses(shape, 'shape');
         this._shape = shape;
     }
     get shape() {
@@ -448,7 +463,7 @@ class ButtonDirective {
         }
     }
     ngAfterViewInit() {
-        const stylingOptions = ['size', 'rounded', 'shape', 'fillMode'];
+        const stylingOptions = ['size', 'rounded', 'fillMode'];
         stylingOptions.forEach(input => {
             this.handleClasses(this[input], input);
         });
@@ -527,8 +542,10 @@ class ButtonDirective {
     }
     addImgIcon(imageUrl) {
         let renderer = this.renderer;
-        this.iconSpanNode = renderer.createElement('span');
-        renderer.setProperty(this.iconSpanNode, 'className', 'k-button-icon k-icon');
+        if (!this.iconSpanNode) {
+            this.iconSpanNode = renderer.createElement('span');
+            renderer.setProperty(this.iconSpanNode, 'className', 'k-button-icon k-icon');
+        }
         if (this.imageNode) {
             renderer.setProperty(this.imageNode, 'src', imageUrl);
         }
@@ -2451,11 +2468,10 @@ SplitButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
                 {{ text }}
             </span><ng-content></ng-content>
         </button>
-        <button
-            kendoButton
-            #arrowButton
-            type="button"
+        <button kendoButton #arrowButton type="button"
+            class="k-split-button-arrow"
             [class.k-active]="activeArrow"
+            [ngClass]="arrowButtonClass"
             [disabled]="disabled"
             [icon]="arrowButtonIcon"
             [size]="size"
@@ -2463,7 +2479,6 @@ SplitButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
             [fillMode]="fillMode"
             [themeColor]="fillMode ? themeColor : null"
             [tabindex]="-1"
-            [ngClass]="arrowButtonClass"
             (click)="onArrowButtonClick()"
             (mousedown)="toggleArrowButtonActiveState(true)"
             (mouseup)="toggleArrowButtonActiveState(false)"
@@ -2536,11 +2551,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 {{ text }}
             </span><ng-content></ng-content>
         </button>
-        <button
-            kendoButton
-            #arrowButton
-            type="button"
+        <button kendoButton #arrowButton type="button"
+            class="k-split-button-arrow"
             [class.k-active]="activeArrow"
+            [ngClass]="arrowButtonClass"
             [disabled]="disabled"
             [icon]="arrowButtonIcon"
             [size]="size"
@@ -2548,7 +2562,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             [fillMode]="fillMode"
             [themeColor]="fillMode ? themeColor : null"
             [tabindex]="-1"
-            [ngClass]="arrowButtonClass"
             (click)="onArrowButtonClick()"
             (mousedown)="toggleArrowButtonActiveState(true)"
             (mouseup)="toggleArrowButtonActiveState(false)"
@@ -2773,6 +2786,8 @@ class DropDownButtonComponent extends ListButton {
          */
         this.size = 'medium';
         /**
+         * @hidden
+         *
          * The shape property specifies if the DropDownButton will be a square or rectangle.
          * ([see example]({% slug api_buttons_dropdownbuttoncomponent %}#toc-shape)).
          *
@@ -3182,7 +3197,6 @@ DropDownButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
             [imageUrl]="imageUrl"
             [ngClass]="buttonClass"
             [size]="size"
-            [shape]="shape"
             [rounded]="rounded"
             [fillMode]="fillMode"
             [themeColor]="fillMode ? themeColor : null"
@@ -3241,7 +3255,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
             [imageUrl]="imageUrl"
             [ngClass]="buttonClass"
             [size]="size"
-            [shape]="shape"
             [rounded]="rounded"
             [fillMode]="fillMode"
             [themeColor]="fillMode ? themeColor : null"
@@ -4343,10 +4356,6 @@ const SIZE_CLASSES = {
     medium: 'k-fab-md',
     large: 'k-fab-lg'
 };
-const SHAPE_CLASSES = {
-    rectangle: 'k-fab-rectangle',
-    square: 'k-fab-square'
-};
 const ROUNDED_CLASSES = {
     small: 'k-rounded-sm',
     medium: 'k-rounded-md',
@@ -4513,6 +4522,8 @@ class FloatingActionButtonComponent {
         return this._rounded;
     }
     /**
+     * @hidden
+     *
      * Specifies the shape of the FloatingActionButton
      * ([see example]({% slug appearance_floatingactionbutton %}#toc-shape)).
      *
@@ -4522,7 +4533,6 @@ class FloatingActionButtonComponent {
      *
      */
     set shape(shape) {
-        this.handleClasses(shape, 'shape');
         this._shape = shape;
     }
     get shape() {
@@ -4575,7 +4585,7 @@ class FloatingActionButtonComponent {
         return this.disabled ? (-1) : this.tabIndex;
     }
     ngAfterViewInit() {
-        ['shape', 'size', 'rounded', 'themeColor'].forEach(option => this.handleClasses(this[option], option));
+        ['size', 'rounded', 'themeColor'].forEach(option => this.handleClasses(this[option], option));
         this.renderer.addClass(this.element.nativeElement, this.alignClass());
         this.offsetStyles();
         this.initialSetup = false;
@@ -4725,13 +4735,11 @@ class FloatingActionButtonComponent {
             const classesToRemove = {
                 themeColor: `${FILLMODE_CLASS}-${this.themeColor}`,
                 size: SIZE_CLASSES[this.size],
-                shape: SHAPE_CLASSES[this.shape],
                 rounded: ROUNDED_CLASSES[this.rounded]
             };
             const classesToAdd = {
                 themeColor: inputValue ? `${FILLMODE_CLASS}-${inputValue}` : null,
                 size: SIZE_CLASSES[inputValue],
-                shape: SHAPE_CLASSES[inputValue],
                 rounded: ROUNDED_CLASSES[inputValue]
             };
             this.renderer.removeClass(button, classesToRemove[input]);
@@ -5260,5 +5268,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ButtonDirective as Button, ButtonDirective, ButtonGroupComponent as ButtonGroup, ButtonGroupComponent, ButtonGroupModule, ButtonItemTemplateDirective, ButtonModule, ButtonsModule, ChipComponent, ChipListComponent, ChipModule, DialItemTemplateDirective, DropDownButtonComponent as DropDownButton, DropDownButtonComponent, DropDownButtonModule, FloatingActionButtonComponent, FloatingActionButtonModule, FloatingActionButtonTemplateDirective, FocusableDirective, ListComponent, ListModule, LocalizedSplitButtonMessagesDirective, SplitButtonComponent as SplitButton, SplitButtonComponent, SplitButtonCustomMessagesComponent, SplitButtonModule, TemplateContextDirective };
+export { ButtonDirective as Button, ButtonDirective, ButtonGroupComponent as ButtonGroup, ButtonGroupComponent, ButtonGroupModule, ButtonItemTemplateDirective, ButtonModule, ButtonsModule, ChipComponent, ChipListComponent, ChipModule, DialItemTemplateDirective, DropDownButtonComponent as DropDownButton, DropDownButtonComponent, DropDownButtonModule, FloatingActionButtonComponent, FloatingActionButtonModule, FloatingActionButtonTemplateDirective, FocusableDirective, ListComponent, ListModule, LocalizedSplitButtonMessagesDirective, PreventableEvent, SplitButtonComponent as SplitButton, SplitButtonComponent, SplitButtonCustomMessagesComponent, SplitButtonModule, TemplateContextDirective };
 

package/floatingactionbutton/floatingactionbutton.component.d.ts

@@ -87,6 +87,8 @@ export declare class FloatingActionButtonComponent implements AfterViewInit, OnD
     set rounded(rounded: ButtonRounded);
     get rounded(): ButtonRounded;
     /**
+     * @hidden
+     *
      * Specifies the shape of the FloatingActionButton
      * ([see example]({% slug appearance_floatingactionbutton %}#toc-shape)).
      *

package/main.d.ts

@@ -41,3 +41,4 @@ export { ButtonFillMode, ChipFillMode } from './common/models/fillmode';
 export { ButtonThemeColor, ChipThemeColor } from './common/models/theme-color';
 export { ButtonShape } from './common/models/shape';
 export { FocusableDirective } from './focusable/focusable.directive';
+export { PreventableEvent } from './preventable-event';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-buttons",
-  "version": "8.0.0-next.202203230835",
+  "version": "8.0.0-next.202204010855",
   "description": "Buttons Package for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -24,7 +24,8 @@
     "friendlyName": "Buttons"
   },
   "dependencies": {
-    "@progress/kendo-schematics": "^2.0.0",
+    "@progress/kendo-common": "^0.2.1",
+    "@progress/kendo-schematics": "next",
     "tslib": "^2.3.1"
   },
   "peerDependencies": {

package/util.d.ts

@@ -39,3 +39,9 @@ export declare const getStylingClasses: (componentType: any, stylingOption: stri
  * Returns the themeColor classes to be added and removed
  */
 export declare const getThemeColorClasses: (componentType: any, prevFillMode: any, fillMode: any, previousValue: any, newValue: any) => ButtonStylingClasses;
+/**
+ * @hidden
+ *
+ * Returns true if the used browser is Firefox.
+ */
+export declare const isFirefox: (userAgent: any) => boolean;