@progress/kendo-angular-buttons 6.4.0 → 7.0.0-next.202111120840

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

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* 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("rxjs/operators"),require("@progress/kendo-licensing"),require("rxjs"),require("@angular/common"),require("@progress/kendo-angular-popup"),require("@angular/animations")):"function"==typeof define&&define.amd?define("KendoAngularButtons",["exports","@angular/core","@progress/kendo-angular-common","@progress/kendo-angular-l10n","rxjs/operators","@progress/kendo-licensing","rxjs","@angular/common","@progress/kendo-angular-popup","@angular/animations"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoAngularButtons={},e.ng.core,e.KendoAngularCommon,e.KendoAngularL10N,e.rxjs.operators,e.KendoLicensing,e.rxjs,e.ng.common,e.KendoAngularPopup,e.ng.animations)}(this,function(e,l,c,t,i,u,d,n,o,a){"use strict";function s(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)}var r=s(l),p=s(c),g=s(t),m=s(n),h=s(o),f=s(a),b={name:"@progress/kendo-angular-buttons",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1636706456,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"},y=(v.prototype.click=function(e){this.buttonClicked.next(e)},v.prototype.setButtonLook=function(e){this.buttonLookChange.next(e)},v);function v(){this.buttonLookChange=new d.BehaviorSubject("default"),this.buttonClicked=new d.Subject,this.buttonClicked$=this.buttonClicked.asObservable()}y.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:y,deps:[],target:r.ɵɵFactoryTarget.Injectable}),y.ɵprov=r.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:y}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:y,decorators:[{type:l.Injectable}]});var k=(Object.defineProperty(C.prototype,"togglable",{get:function(){return this.toggleable},set:function(e){this.toggleable=e},enumerable:!1,configurable:!0}),Object.defineProperty(C.prototype,"selected",{get:function(){return this._selected||!1},set:function(e){this._selected=e},enumerable:!1,configurable:!0}),Object.defineProperty(C.prototype,"tabIndex",{get:function(){return this.element.tabIndex},set:function(e){this.element.tabIndex=e},enumerable:!1,configurable:!0}),Object.defineProperty(C.prototype,"icon",{set:function(e){var t=this;e?this.iconSetter(e,function(){t.isIcon=!0,t.addIcon("k-icon k-i-"+e)}):(this.isIcon=!1,this.updateIconNode())},enumerable:!1,configurable:!0}),Object.defineProperty(C.prototype,"iconClass",{set:function(e){var t=this;e?this.iconSetter(e,function(){t.isIconClass=!0,t.addIcon(e)}):(this.isIconClass=!1,this.updateIconNode())},enumerable:!1,configurable:!0}),Object.defineProperty(C.prototype,"imageUrl",{set:function(e){e?this.iconSetter(e,this.addImgIcon.bind(this)):this.removeImageNode()},enumerable:!1,configurable:!0}),Object.defineProperty(C.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(C.prototype,"isFocused",{get:function(){return this._focused},set:function(e){this.toggleClass("k-state-focused",e),this._focused=e},enumerable:!1,configurable:!0}),Object.defineProperty(C.prototype,"classButton",{get:function(){return!0},enumerable:!1,configurable:!0}),Object.defineProperty(C.prototype,"classPrimary",{get:function(){return this.primary},enumerable:!1,configurable:!0}),Object.defineProperty(C.prototype,"isToggleable",{get:function(){return this.toggleable},enumerable:!1,configurable:!0}),Object.defineProperty(C.prototype,"isFlat",{get:function(){return"flat"===this.look},enumerable:!1,configurable:!0}),Object.defineProperty(C.prototype,"isBare",{get:function(){return"bare"===this.look},enumerable:!1,configurable:!0}),Object.defineProperty(C.prototype,"isOutline",{get:function(){return"outline"===this.look},enumerable:!1,configurable:!0}),Object.defineProperty(C.prototype,"isClear",{get:function(){return"clear"===this.look},enumerable:!1,configurable:!0}),Object.defineProperty(C.prototype,"roleSetter",{get:function(){return this.role},enumerable:!1,configurable:!0}),Object.defineProperty(C.prototype,"classDisabled",{get:function(){return this.isDisabled},enumerable:!1,configurable:!0}),Object.defineProperty(C.prototype,"classActive",{get:function(){return this.selected},enumerable:!1,configurable:!0}),Object.defineProperty(C.prototype,"getDirection",{get:function(){return this.direction},enumerable:!1,configurable:!0}),C.prototype.onFocus=function(){this.isFocused=!0},C.prototype.onBlur=function(){this.isFocused=!1},C.prototype.ngOnInit=function(){var t=this,n="SPAN"===this.element.tagName;this.service&&(this.buttonLookChangeSubscription=this.service.buttonLookChange.pipe(i.filter(function(e){return"default"!==e})).subscribe(function(e){return t.look=e})),!this.element.hasAttribute("role")&&this.togglable&&this.toggleAriaPressed(this.toggleable),this.role&&this.setAttribute("role",this.role),this.ngZone.runOutsideAngular(function(){t.domEvents.push(t.renderer.listen(t.element,"click",t._onButtonClick.bind(t))),t.domEvents.push(t.renderer.listen(t.element,"keydown",function(e){!n||e.keyCode!==c.Keys.Space&&e.keyCode!==c.Keys.Enter||(t.click.emit(e),t._onButtonClick())}))})},C.prototype.ngOnChanges=function(e){(c.isChanged("togglable",e)||c.isChanged("toggleable",e))&&this.toggleAriaPressed(this.toggleable)},C.prototype.ngAfterViewChecked=function(){this.setIconTextClasses()},C.prototype.ngOnDestroy=function(){this.imageNode=null,this.iconNode=null,this.renderer=null,this.localizationChangeSubscription.unsubscribe(),this.service&&this.buttonLookChangeSubscription&&this.buttonLookChangeSubscription.unsubscribe(),clearTimeout(this.deferTimeout),this.domEvents.forEach(function(e){return e()})},C.prototype.focus=function(){c.isDocumentAvailable()&&(this.element.focus(),this.isFocused=!0)},C.prototype.blur=function(){c.isDocumentAvailable()&&(this.element.blur(),this.isFocused=!1)},C.prototype.setAttribute=function(e,t){this.renderer.setAttribute(this.element,e,t)},C.prototype.removeAttribute=function(e){this.renderer.removeAttribute(this.element,e)},C.prototype.setSelected=function(e){var t=this,n=this.selected!==e;this.selected=e,this.setAttribute("aria-pressed",this.selected.toString()),this.toggleClass("k-state-selected",this.selected),n&&c.hasObservers(this.selectedChange)&&this.ngZone.run(function(){t.selectedChange.emit(e)})},C.prototype.toggleAriaPressed=function(e){c.isDocumentAvailable()&&(e?this.setAttribute("aria-pressed",this.selected.toString()):this.removeAttribute("aria-pressed"))},C.prototype.hasText=function(){return!!c.isDocumentAvailable()&&0<String(this.element.textContent).trim().length},C.prototype.addImgIcon=function(e){var t=this.renderer;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.prependChild(this.imageNode))},C.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))},C.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)})},C.prototype.defer=function(e){var t=this;this.ngZone.runOutsideAngular(function(){t.deferTimeout=setTimeout(e,0)})},C.prototype.iconSetter=function(e,t){e&&t(e),this.setIconTextClasses()},C.prototype.removeImageNode=function(){this.imageNode&&this.renderer.parentNode(this.imageNode)&&(this.renderer.removeChild(this.element,this.imageNode),this.imageNode=null)},C.prototype.removeIconNode=function(){this.iconNode&&this.renderer.parentNode(this.iconNode)&&(this.renderer.removeChild(this.element,this.iconNode),this.iconNode=null)},C.prototype.updateIconNode=function(){this.isIcon||this.isIconClass||this.removeIconNode()},C.prototype.setIconTextClasses=function(){var e=this.isIcon||this.isIconClass||this.imageNode,t=this.hasText();this.toggleClass("k-button-icon",e&&!t),this.toggleClass("k-button-icontext",e&&t)},C.prototype.toggleClass=function(e,t){t?this.renderer.addClass(this.element,e):this.renderer.removeClass(this.element,e)},C.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)},C);function C(e,t,n,i,o){var s=this;this.service=n,this.ngZone=o,this.toggleable=!1,this.primary=!1,this.look="default",this.role="button",this.selectedChange=new l.EventEmitter,this.click=new l.EventEmitter,this.isDisabled=!1,this.isIcon=!1,this.isIconClass=!1,this._focused=!1,this.domEvents=[],u.validatePackage(b),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}k.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:k,deps:[{token:r.ElementRef},{token:r.Renderer2},{token:y,optional:!0},{token:g.LocalizationService},{token:r.NgZone}],target:r.ɵɵFactoryTarget.Directive}),k.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.13",type:k,selector:"button[kendoButton], span[kendoButton]",inputs:{toggleable:"toggleable",togglable:"togglable",primary:"primary",look:"look",selected:"selected",tabIndex:"tabIndex",icon:"icon",iconClass:"iconClass",imageUrl:"imageUrl",disabled:"disabled",role:"role"},outputs:{selectedChange:"selectedChange",click:"click"},host:{listeners:{focus:"onFocus()",blur:"onBlur()"},properties:{"class.k-button":"this.classButton","class.k-primary":"this.classPrimary","class.k-toggle-button":"this.isToggleable","class.k-flat":"this.isFlat","class.k-bare":"this.isBare","class.k-outline":"this.isOutline","class.k-button-clear":"this.isClear","attr.role":"this.roleSetter","attr.aria-disabled":"this.classDisabled","class.k-state-disabled":"this.classDisabled","class.k-state-selected":"this.classActive","attr.dir":"this.getDirection"}},providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.button"}],exportAs:["kendoButton"],usesOnChanges:!0,ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:k,decorators:[{type:l.Directive,args:[{exportAs:"kendoButton",providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.button"}],selector:"button[kendoButton], span[kendoButton]"}]}],ctorParameters:function(){return[{type:r.ElementRef},{type:r.Renderer2},{type:y,decorators:[{type:l.Optional}]},{type:g.LocalizationService},{type:r.NgZone}]},propDecorators:{toggleable:[{type:l.Input}],togglable:[{type:l.Input}],primary:[{type:l.Input}],look:[{type:l.Input}],selected:[{type:l.Input}],tabIndex:[{type:l.Input}],icon:[{type:l.Input}],iconClass:[{type:l.Input}],imageUrl:[{type:l.Input}],disabled:[{type:l.Input}],role:[{type:l.Input}],selectedChange:[{type:l.Output}],click:[{type:l.Output}],classButton:[{type:l.HostBinding,args:["class.k-button"]}],classPrimary:[{type:l.HostBinding,args:["class.k-primary"]}],isToggleable:[{type:l.HostBinding,args:["class.k-toggle-button"]}],isFlat:[{type:l.HostBinding,args:["class.k-flat"]}],isBare:[{type:l.HostBinding,args:["class.k-bare"]}],isOutline:[{type:l.HostBinding,args:["class.k-outline"]}],isClear:[{type:l.HostBinding,args:["class.k-button-clear"]}],roleSetter:[{type:l.HostBinding,args:["attr.role"]}],classDisabled:[{type:l.HostBinding,args:["attr.aria-disabled"]},{type:l.HostBinding,args:["class.k-state-disabled"]}],classActive:[{type:l.HostBinding,args:["class.k-state-selected"]}],getDirection:[{type:l.HostBinding,args:["attr.dir"]}],onFocus:[{type:l.HostListener,args:["focus"]}],onBlur:[{type:l.HostListener,args:["blur"]}]}});function I(e){return null!=e}function x(e){return D.then(e)}var D=Promise.resolve(null);function S(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}}var w=(O.prototype.preventDefault=function(){this.prevented=!0},O.prototype.isDefaultPrevented=function(){return this.prevented},O);function O(){this.prevented=!1}var E="tabindex",P=(Object.defineProperty(B.prototype,"tabIndex",{get:function(){return this._tabIndex},set:function(e){this._tabIndex=e,this.currentTabIndex=e},enumerable:!1,configurable:!0}),Object.defineProperty(B.prototype,"wrapperClass",{get:function(){return!0},enumerable:!1,configurable:!0}),Object.defineProperty(B.prototype,"disabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(B.prototype,"stretchedClass",{get:function(){return!!this.width},enumerable:!1,configurable:!0}),Object.defineProperty(B.prototype,"isFlat",{get:function(){return"flat"===this.look},enumerable:!1,configurable:!0}),Object.defineProperty(B.prototype,"isBare",{get:function(){return"bare"===this.look},enumerable:!1,configurable:!0}),Object.defineProperty(B.prototype,"isOutline",{get:function(){return"outline"===this.look},enumerable:!1,configurable:!0}),Object.defineProperty(B.prototype,"getRole",{get:function(){return this.isSelectionSingle()?"radiogroup":"group"},enumerable:!1,configurable:!0}),Object.defineProperty(B.prototype,"dir",{get:function(){return this.direction},enumerable:!1,configurable:!0}),Object.defineProperty(B.prototype,"ariaDisabled",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(B.prototype,"wrapperWidth",{get:function(){return this.width},enumerable:!1,configurable:!0}),Object.defineProperty(B.prototype,"wrapperTabIndex",{get:function(){return this.disabled?void 0:this.currentTabIndex},enumerable:!1,configurable:!0}),B.prototype.keydown=function(e){this.disabled||this.navigateFocus(e)},B.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}))},B.prototype.focusout=function(e){e.relatedTarget&&e.relatedTarget.parentNode!==this.element.nativeElement&&(this.defocus(this.buttons.toArray()),this.currentTabIndex=this.tabIndex)},B.prototype.ngOnInit=function(){var n=this;this.service.setButtonLook(this.look),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(E,"0")})},B.prototype.ngOnChanges=function(e){var t=this;c.isChanged("disabled",e)&&this.buttons.forEach(function(e){I(t.disabled)&&(e.disabled=t.disabled)})},B.prototype.ngAfterContentInit=function(){this.buttons.forEach(function(e){e.selected?e.setAttribute(E,"0"):e.setAttribute(E,"-1")})},B.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"))},B.prototype.ngOnDestroy=function(){this.subscription.unsubscribe(),this.localizationChangeSubscription.unsubscribe()},B.prototype.ngAfterContentChecked=function(){this.verifySettings()},B.prototype.navigateFocus=function(e){var n=this.buttons.toArray().findIndex(function(e){return-1!==e.element.tabIndex}),t=this.buttons.length-1,i=new w;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}))))},B.prototype.deactivate=function(e){e.forEach(function(e){e.setSelected(!1),e.setAttribute(E,"-1")})},B.prototype.activate=function(e){e.forEach(function(e){e.setSelected(!0),e.setAttribute(E,"0"),e.focus()})},B.prototype.defocus=function(e){e.forEach(function(e){e.setAttribute(E,"-1")})},B.prototype.focus=function(e){e.forEach(function(e){e.setAttribute(E,"0"),e.focus()})},B.prototype.verifySettings=function(){if(l.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")},B.prototype.isSelectionSingle=function(){return"single"===this.selection},B);function B(e,t,n){var i=this;this.service=e,this.element=n,this.selection="multiple",this.look="default",this.navigate=new l.EventEmitter,this._tabIndex=0,this.currentTabIndex=0,this.localizationChangeSubscription=t.changes.subscribe(function(e){e=e.rtl;return i.direction=e?"rtl":"ltr"})}P.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:P,deps:[{token:y},{token:g.LocalizationService},{token:r.ElementRef}],target:r.ɵɵFactoryTarget.Component}),P.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:P,selector:"kendo-buttongroup",inputs:{disabled:"disabled",selection:"selection",width:"width",look:"look",tabIndex:"tabIndex"},outputs:{navigate:"navigate"},host:{listeners:{keydown:"keydown($event)",focus:"onFocus()",focusout:"focusout($event)"},properties:{"class.k-button-group":"this.wrapperClass","class.k-state-disabled":"this.disabledClass","class.k-button-group-stretched":"this.stretchedClass","class.k-button-group-flat":"this.isFlat","class.k-button-group-bare":"this.isBare","class.k-button-group-outline":"this.isOutline","attr.role":"this.getRole","attr.dir":"this.dir","attr.aria-disabled":"this.ariaDisabled","style.width":"this.wrapperWidth","attr.tabindex":"this.wrapperTabIndex"}},providers:[y,t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.buttongroup"}],queries:[{propertyName:"buttons",predicate:k}],exportAs:["kendoButtonGroup"],usesOnChanges:!0,ngImport:r,template:'\n        <ng-content select="[kendoButton]"></ng-content>\n    ',isInline:!0}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:P,decorators:[{type:l.Component,args:[{exportAs:"kendoButtonGroup",providers:[y,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:y},{type:g.LocalizationService},{type:r.ElementRef}]},propDecorators:{disabled:[{type:l.Input,args:["disabled"]}],selection:[{type:l.Input,args:["selection"]}],width:[{type:l.Input,args:["width"]}],look:[{type:l.Input}],tabIndex:[{type:l.Input}],navigate:[{type:l.Output}],buttons:[{type:l.ContentChildren,args:[k]}],wrapperClass:[{type:l.HostBinding,args:["class.k-button-group"]}],disabledClass:[{type:l.HostBinding,args:["class.k-state-disabled"]}],stretchedClass:[{type:l.HostBinding,args:["class.k-button-group-stretched"]}],isFlat:[{type:l.HostBinding,args:["class.k-button-group-flat"]}],isBare:[{type:l.HostBinding,args:["class.k-button-group-bare"]}],isOutline:[{type:l.HostBinding,args:["class.k-button-group-outline"]}],getRole:[{type:l.HostBinding,args:["attr.role"]}],dir:[{type:l.HostBinding,args:["attr.dir"]}],ariaDisabled:[{type:l.HostBinding,args:["attr.aria-disabled"]}],wrapperWidth:[{type:l.HostBinding,args:["style.width"]}],wrapperTabIndex:[{type:l.HostBinding,args:["attr.tabindex"]}],keydown:[{type:l.HostListener,args:["keydown",["$event"]]}],onFocus:[{type:l.HostListener,args:["focus"]}],focusout:[{type:l.HostListener,args:["focusout",["$event"]]}]}});var T=function(){};T.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:T,deps:[],target:r.ɵɵFactoryTarget.NgModule}),T.ɵmod=r.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:T,declarations:[k],exports:[k]}),T.ɵinj=r.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:T}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:T,decorators:[{type:l.NgModule,args:[{declarations:[k],exports:[k]}]}]});var F=function(){};F.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:F,deps:[],target:r.ɵɵFactoryTarget.NgModule}),F.ɵmod=r.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:F,declarations:[P],imports:[n.CommonModule,T],exports:[P]}),F.ɵinj=r.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:F,imports:[[n.CommonModule,T]]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:F,decorators:[{type:l.NgModule,args:[{declarations:[P],exports:[P],imports:[n.CommonModule,T]}]}]});var A=(N.prototype.isFocused=function(e){return e===this.focused},N.prototype.focus=function(e){this.isFocused(e)||(this.focused=e,this.onFocus.emit(e))},N.prototype.resetFocus=function(){this.focused=-1},Object.defineProperty(N.prototype,"focused",{get:function(){return this.focusedIndex},set:function(e){this.focusedIndex=e,this.onFocus.emit(e)},enumerable:!1,configurable:!0}),N);function N(){this.onFocus=new l.EventEmitter}A.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:A,deps:[],target:r.ɵɵFactoryTarget.Injectable}),A.ɵprov=r.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:A}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:A,decorators:[{type:l.Injectable}]});var j=(R.prototype.ngOnInit=function(){this.index===this.focusService.focused?this.renderer.addClass(this.element,"k-state-focused"):this.renderer.removeClass(this.element,"k-state-focused")},R.prototype.ngOnDestroy=function(){this.unsubscribeEvents()},R.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-state-focused"),t.element.focus()):t.renderer.removeClass(t.element,"k-state-focused")}))},R.prototype.unsubscribeEvents=function(){c.isDocumentAvailable()&&this.focusSubscription&&this.focusSubscription.unsubscribe()},R);function R(e,t,n){this.focusService=e,this.renderer=n,this.element=t.nativeElement,this.subscribeEvents()}j.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:j,deps:[{token:A},{token:r.ElementRef},{token:r.Renderer2}],target:r.ɵɵFactoryTarget.Directive}),j.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.13",type:j,selector:"[kendoButtonFocusable]",inputs:{index:"index"},ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:j,decorators:[{type:l.Directive,args:[{selector:"[kendoButtonFocusable]"}]}],ctorParameters:function(){return[{type:A},{type:r.ElementRef},{type:r.Renderer2}]},propDecorators:{index:[{type:l.Input}]}});var V=(Object.defineProperty(_.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}),_);function _(e){this.viewContainerRef=e}V.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:V,deps:[{token:r.ViewContainerRef}],target:r.ɵɵFactoryTarget.Directive}),V.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.13",type:V,selector:"[templateContext]",inputs:{templateContext:"templateContext"},ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:V,decorators:[{type:l.Directive,args:[{selector:"[templateContext]"}]}],ctorParameters:function(){return[{type:r.ViewContainerRef}]},propDecorators:{templateContext:[{type:l.Input}]}});var H=(L.prototype.getText=function(e){if(e)return this.textField?e[this.textField]:e.text||e},L.prototype.getIconClasses=function(e){var t={};return t[(e.icon?"k-icon k-i-"+e.icon:void 0)||e.iconClass]=!0,t},L.prototype.onClick=function(e){this.onItemClick.emit(e)},L.prototype.onBlur=function(){this.onItemBlur.emit()},L);function L(){this.onItemClick=new l.EventEmitter,this.onItemBlur=new l.EventEmitter,u.validatePackage(b)}H.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:H,deps:[],target:r.ɵɵFactoryTarget.Component}),H.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:H,selector:"kendo-button-list",inputs:{data:"data",textField:"textField",itemTemplate:"itemTemplate"},outputs:{onItemClick:"onItemClick",onItemBlur:"onItemBlur"},ngImport:r,template:'\n        <ul class="k-list k-reset" unselectable="on">\n            <li role="menuitem" unselectable="on" tabindex="-1"\n                kendoButtonFocusable\n                *ngFor="let dataItem of data; let index = index;"\n                [index]="index"\n                [ngClass]="{\'k-item\': true, \'k-state-disabled\': dataItem.disabled}"\n                (click)="onClick(index)"\n                (blur)="onBlur()"\n                [attr.aria-disabled]="dataItem.disabled ? true : false">\n                <ng-template *ngIf="itemTemplate?.templateRef"\n                    [templateContext]="{\n                        templateRef: itemTemplate?.templateRef,\n                        $implicit: dataItem\n                    }">\n                </ng-template>\n                <ng-template [ngIf]="!itemTemplate?.templateRef">\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                    {{ getText(dataItem) }}\n                </ng-template>\n            </li>\n        </ul>\n      ',isInline:!0,directives:[{type:m.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:j,selector:"[kendoButtonFocusable]",inputs:["index"]},{type:m.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:m.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:V,selector:"[templateContext]",inputs:["templateContext"]}]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:H,decorators:[{type:l.Component,args:[{selector:"kendo-button-list",template:'\n        <ul class="k-list k-reset" unselectable="on">\n            <li role="menuitem" unselectable="on" tabindex="-1"\n                kendoButtonFocusable\n                *ngFor="let dataItem of data; let index = index;"\n                [index]="index"\n                [ngClass]="{\'k-item\': true, \'k-state-disabled\': dataItem.disabled}"\n                (click)="onClick(index)"\n                (blur)="onBlur()"\n                [attr.aria-disabled]="dataItem.disabled ? true : false">\n                <ng-template *ngIf="itemTemplate?.templateRef"\n                    [templateContext]="{\n                        templateRef: itemTemplate?.templateRef,\n                        $implicit: dataItem\n                    }">\n                </ng-template>\n                <ng-template [ngIf]="!itemTemplate?.templateRef">\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                    {{ getText(dataItem) }}\n                </ng-template>\n            </li>\n        </ul>\n      '}]}],ctorParameters:function(){return[]},propDecorators:{data:[{type:l.Input}],textField:[{type:l.Input}],itemTemplate:[{type:l.Input}],onItemClick:[{type:l.Output}],onItemBlur:[{type:l.Output}]}});var M=function(e){this.templateRef=e};M.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:M,deps:[{token:r.TemplateRef}],target:r.ɵɵFactoryTarget.Directive}),M.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.13",type:M,selector:"[kendoDropDownButtonItemTemplate],[kendoSplitButtonItemTemplate]",ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:M,decorators:[{type:l.Directive,args:[{selector:"[kendoDropDownButtonItemTemplate],[kendoSplitButtonItemTemplate]"}]}],ctorParameters:function(){return[{type:r.TemplateRef}]}});var z=[H,j,M,V],U=function(){};U.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:U,deps:[],target:r.ɵɵFactoryTarget.NgModule}),U.ɵmod=r.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:U,declarations:[H,j,M,V],imports:[n.CommonModule],exports:[H,j,M,V]}),U.ɵinj=r.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:U,imports:[[n.CommonModule]]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:U,decorators:[{type:l.NgModule,args:[{declarations:[z],exports:[z],imports:[n.CommonModule]}]}]});var $=function(e,t){return($=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 K(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}$(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}Object.create;function Z(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 W(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 q,X;Object.create;(fe=q=q||{})[fe.keydown=0]="keydown",fe[fe.keypress=1]="keypress",fe[fe.keyup=2]="keyup",(be=X=X||{})[be.Undefined=0]="Undefined",be[be.Open=1]="Open",be[be.Close=2]="Close",be[be.Enter=3]="Enter",be[be.EnterPress=4]="EnterPress",be[be.EnterUp=5]="EnterUp",be[be.Tab=6]="Tab",be[be.Esc=7]="Esc",be[be.Navigate=8]="Navigate";var G=new l.InjectionToken("navigation.config"),Y=(Q.prototype.process=function(e){var t,n,i,o,s=e.keyCode,r=e.keyEvent,a=X.Undefined;return r===q.keypress?this.isEnter(s)&&(a=X.EnterPress):r===q.keyup?this.isEnter(s)&&(a=X.EnterUp):e.altKey&&s===c.Keys.ArrowDown?a=X.Open:e.altKey&&s===c.Keys.ArrowUp?a=X.Close:this.isEnter(s)?a=X.Enter:s===c.Keys.Escape?a=X.Esc:s===c.Keys.Tab?a=X.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=X.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=X.Navigate):s===c.Keys.Home?(t=e.min,a=X.Navigate):s===c.Keys.End&&(t=e.max,a=X.Navigate),a!==X.Undefined&&this[X[a].toLowerCase()].emit(t),a},Q.prototype.isEnter=function(e){return e===c.Keys.Enter||e===c.Keys.Space},Q.prototype.next=function(e){return I(e.current)?e.current!==e.end?e.current+e.step:e.end:e.start},Q);function Q(e){this.navigate=new l.EventEmitter,this.open=new l.EventEmitter,this.close=new l.EventEmitter,this.enter=new l.EventEmitter,this.enterpress=new l.EventEmitter,this.enterup=new l.EventEmitter,this.tab=new l.EventEmitter,this.esc=new l.EventEmitter,this.useLeftRightArrows=e.useLeftRightArrows}Y.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:Y,deps:[{token:G}],target:r.ɵɵFactoryTarget.Injectable}),Y.ɵprov=r.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:Y}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:Y,decorators:[{type:l.Injectable}],ctorParameters:function(){return[{type:void 0,decorators:[{type:l.Inject,args:[G]}]}]}});var J=(Object.defineProperty(ee.prototype,"popupClasses",{get:function(){var e=["k-list-container","k-reset","k-group"];return this._popupSettings.popupClass&&e.push(this._popupSettings.popupClass),e.join(" ")},enumerable:!1,configurable:!0}),Object.defineProperty(ee.prototype,"openState",{get:function(){return this._open},set:function(e){this._open=e},enumerable:!1,configurable:!0}),ee.prototype.togglePopupVisibility=function(){this._disabled||(this.openState=!this.openState,this.openState||this.focusService.focus(-1))},ee.prototype.onItemClick=function(e){var t=this;this.emitItemClickHandler(e),setTimeout(function(){return t.focusWrapper()},1)},ee.prototype.ngOnDestroy=function(){this.openState=!1,this.unsubscribeEvents(),clearTimeout(this.focusFirstTimeout),clearTimeout(this.blurTimeout),this.localizationChangeSubscription&&this.localizationChangeSubscription.unsubscribe()},ee.prototype.subscribeEvents=function(){c.isDocumentAvailable()&&(this.subscribeListItemFocusEvent(),this.subscribeComponentBlurredEvent(),this.subscribeNavigationEvents())},ee.prototype.subscribeListItemFocusEvent=function(){var e=this;this.focusSubscription=this.focusService.onFocus.subscribe(function(){e._isFocused=!0})},ee.prototype.subscribeComponentBlurredEvent=function(){var t=this;this._zone.runOutsideAngular(function(){t.tabSubscription=t.navigationService.tab.pipe(i.filter(function(){return t._isFocused})).subscribe(t.handleTab.bind(t)),t.componentBlurredSubscription=d.fromEvent(document,"click").pipe(i.filter(function(e){return!t.wrapperContains(e.target)}),i.filter(function(){return t._isFocused})).subscribe(function(){return t._zone.run(function(){return t.blurWrapper()})})})},ee.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=d.merge(this.navigationService.close,this.navigationService.esc).subscribe(function(){return e.focusWrapper()})},ee.prototype.enterHandler=function(){},ee.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))},ee.prototype.unsubscribe=function(e){e&&e.unsubscribe()},ee.prototype.keyDownHandler=function(e){this.keyHandler(e)},ee.prototype.keyPressHandler=function(e){this.keyHandler(e,q.keypress)},ee.prototype.keyUpHandler=function(e){this.keyHandler(e,q.keyup)},ee.prototype.keyHandler=function(e,t){var n,i;this._disabled||(n=this.focusService.focused||0,(t=this.navigationService.process({altKey:(i=e).altKey,current:n,keyCode:i.keyCode,keyEvent:t,max:this._data?this._data.length-1:0,min:0}))!==X.Undefined&&t!==X.Tab&&(t!==X.Enter||t===X.Enter&&this._open)&&(e.keyCode===c.Keys.Space&&t===X.EnterUp?this._open=!1:i.preventDefault()))},ee.prototype.emitItemClickHandler=function(e){e=this._data[e];this._itemClick&&this._itemClick.emit(e),e&&e.click&&!e.disabled&&e.click(e)},ee.prototype.focusFirstItem=function(){var e=this;this._data&&I(this._data[0])&&(this.focusFirstTimeout=setTimeout(function(){return e.focusService.focus(0)},1))},ee.prototype.focusWrapper=function(){this._open&&(this.togglePopupVisibility(),this.focusButton())},ee.prototype.wrapperContains=function(e){return this.wrapper===e||this.wrapper.contains(e)},ee.prototype.blurWrapper=function(e){void 0===e&&(e=!0),this._open&&this.togglePopupVisibility(),this._isFocused=!1,e&&(this._blur.emit(),this.cdr.markForCheck())},ee.prototype.focusButton=function(){this.button&&this.button.nativeElement.focus()},ee.prototype.handleTab=function(){this.focusButton(),this.blurWrapper(!1)},ee);function ee(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,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()}J.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:J,deps:[{token:A},{token:Y},{token:r.ElementRef},{token:r.NgZone},{token:g.LocalizationService},{token:r.ChangeDetectorRef}],target:r.ɵɵFactoryTarget.Component}),J.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:J,selector:"ng-component",ngImport:r,template:"",isInline:!0}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:J,decorators:[{type:l.Component,args:[{template:""}]}],ctorParameters:function(){return[{type:A},{type:Y},{type:r.ElementRef},{type:r.NgZone},{type:g.LocalizationService},{type:r.ChangeDetectorRef}]}});var te,ne={provide:G,useValue:{useLeftRightArrows:!0}},ie=(K(oe,te=J),Object.defineProperty(oe.prototype,"disabled",{get:function(){return this._disabled},set:function(e){this.isOpen&&this.toggle(!1),this._disabled=e},enumerable:!1,configurable:!0}),Object.defineProperty(oe.prototype,"popupSettings",{get:function(){return this._popupSettings},set:function(e){this._popupSettings=Object.assign({animate:!0,popupClass:""},e)},enumerable:!1,configurable:!0}),Object.defineProperty(oe.prototype,"data",{get:function(){return this._data||(this.data=[]),this._data},set:function(e){this._data=e||[]},enumerable:!1,configurable:!0}),Object.defineProperty(oe.prototype,"openState",{get:function(){return this._open},set:function(e){var t;this.disabled||(t=new w,(e?this.open:this.close).emit(t),t.isDefaultPrevented()||this._toggle(e))},enumerable:!1,configurable:!0}),Object.defineProperty(oe.prototype,"active",{get:function(){return this._active},enumerable:!1,configurable:!0}),Object.defineProperty(oe.prototype,"componentTabIndex",{get:function(){return this.disabled?-1:this.tabIndex},enumerable:!1,configurable:!0}),Object.defineProperty(oe.prototype,"isFocused",{get:function(){return this._isFocused&&!this._disabled},set:function(e){this._isFocused=e},enumerable:!1,configurable:!0}),Object.defineProperty(oe.prototype,"isFlat",{get:function(){return"flat"===this.look},enumerable:!1,configurable:!0}),Object.defineProperty(oe.prototype,"isOutline",{get:function(){return"outline"===this.look},enumerable:!1,configurable:!0}),Object.defineProperty(oe.prototype,"widgetClasses",{get:function(){return!0},enumerable:!1,configurable:!0}),Object.defineProperty(oe.prototype,"dir",{get:function(){return this.direction},enumerable:!1,configurable:!0}),Object.defineProperty(oe.prototype,"ariaLabel",{get:function(){return this.buttonText+" splitbutton"},enumerable:!1,configurable:!0}),oe.prototype.onButtonFocus=function(){this.isFocused||(this._isFocused=!0,this.onFocus.emit())},oe.prototype.onArrowButtonClick=function(){this.lockFocus=!0,this.togglePopupVisibility()},oe.prototype.toggleButtonActiveState=function(e){this._active=e},oe.prototype.toggleArrowButtonActiveState=function(e){this.activeArrow=e},oe.prototype.onButtonClick=function(){this.lockFocus=!0,this.buttonClick.emit()},oe.prototype.onButtonBlur=function(){this.isOpen||this.lockFocus||this.blurWrapper(),this.lockFocus=!1},oe.prototype.keydown=function(e){this.keyDownHandler(e),e.keyCode===c.Keys.Space&&(this._active=!0)},oe.prototype.keypress=function(e){this.keyPressHandler(e)},oe.prototype.keyup=function(e){this._active=!1,e.keyCode!==c.Keys.Space&&this.keyUpHandler(e)},oe.prototype.ngAfterViewInit=function(){this.updateButtonText()},oe.prototype.ngOnChanges=function(e){var t;e.hasOwnProperty("text")&&this.updateButtonText(),c.isChanged("popupSettings",e)&&I(this.popupRef)&&(t=this.popupRef.popup.instance,e=e.popupSettings.currentValue,t.popupClass=e.popupClass,t.animate=e.animate,t.popupAlign=this.popupAlign)},oe.prototype.togglePopupVisibility=function(){te.prototype.togglePopupVisibility.call(this),c.isDocumentAvailable()&&this.lockFocus&&this.button.nativeElement.focus()},oe.prototype.wrapperContains=function(e){return this.wrapper===e||this.wrapper.contains(e)||this.popupRef&&this.popupRef.popupElement.contains(e)},Object.defineProperty(oe.prototype,"anchorAlign",{get:function(){var e={horizontal:this.popupSettings.align||"left",vertical:"bottom"};return"rtl"!==this.direction||I(this.popupSettings.align)||(e.horizontal="right"),e},enumerable:!1,configurable:!0}),Object.defineProperty(oe.prototype,"popupAlign",{get:function(){var e={horizontal:this.popupSettings.align||"left",vertical:"top"};return"rtl"!==this.direction||I(this.popupSettings.align)||(e.horizontal="right"),e},enumerable:!1,configurable:!0}),oe.prototype.focus=function(){c.isDocumentAvailable()&&this.button.nativeElement.focus()},oe.prototype.blur=function(){c.isDocumentAvailable()&&(this.button.nativeElement.blur(),this.blurWrapper())},oe.prototype.ngOnDestroy=function(){te.prototype.ngOnDestroy.call(this),this.destroyPopup()},oe.prototype.toggle=function(e){var t=this;this.disabled||x(function(){return t._toggle(void 0===e?!t._open:e)})},Object.defineProperty(oe.prototype,"isOpen",{get:function(){return this.openState},enumerable:!1,configurable:!0}),oe.prototype.enterHandler=function(){var e;this.disabled||(this.openState?(e=this.focusService.focused,I(e)&&-1!==e&&this.emitItemClickHandler(e)):this.buttonClick.emit())},oe.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(oe.prototype,"appendTo",{get:function(){var e=this.popupSettings.appendTo;if(e&&"root"!==e)return"component"===e?this.containerRef:e},enumerable:!1,configurable:!0}),oe.prototype._toggle=function(e){this._open=e,this.destroyPopup(),this._open&&this.createPopup()},oe.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))},oe.prototype.destroyPopup=function(){this.popupRef&&(this.popupRef.close(),this.popupRef=null)},oe);function oe(e,t,n,i,o,s,r,a){a=te.call(this,e,t,n,i,r,a)||this;return a.popupService=o,a.elRef=s,a.text="",a.icon="",a.iconClass="",a.type="button",a.imageUrl="",a.look="default",a.tabIndex=0,a.arrowButtonIcon="arrow-s",a.buttonClick=new l.EventEmitter,a.itemClick=new l.EventEmitter,a.onFocus=new l.EventEmitter,a.onBlur=new l.EventEmitter,a.open=new l.EventEmitter,a.close=new l.EventEmitter,a.listId=c.guid(),a.activeArrow=!1,a.buttonText="",a.lockFocus=!1,a._itemClick=a.itemClick,a._blur=a.onBlur,a}ie.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:ie,deps:[{token:A},{token:Y},{token:r.ElementRef},{token:r.NgZone},{token:h.PopupService},{token:r.ElementRef},{token:g.LocalizationService},{token:r.ChangeDetectorRef}],target:r.ɵɵFactoryTarget.Component}),ie.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:ie,selector:"kendo-splitbutton",inputs:{text:"text",icon:"icon",iconClass:"iconClass",type:"type",imageUrl:"imageUrl",look:"look",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-state-focused":"this.isFocused","class.k-flat":"this.isFlat","class.k-outline":"this.isOutline","class.k-split-button":"this.widgetClasses","class.k-button-group":"this.widgetClasses","attr.dir":"this.dir"}},providers:[A,Y,ne,t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.splitbutton"}],queries:[{propertyName:"itemTemplate",first:!0,predicate:M,descendants:!0}],viewQueries:[{propertyName:"button",first:!0,predicate:["button"],descendants:!0,static:!0},{propertyName:"arrowButton",first:!0,predicate:["arrowButton"],descendants:!0,read:l.ElementRef,static:!0},{propertyName:"popupTemplate",first:!0,predicate:["popupTemplate"],descendants:!0,static:!0},{propertyName:"containerRef",first:!0,predicate:["container"],descendants:!0,read:l.ViewContainerRef,static:!0}],exportAs:["kendoSplitButton"],usesInheritance:!0,usesOnChanges:!0,ngImport:r,template:'\n        <button\n            kendoButton\n            #button\n            role="listbox"\n            [type]="type"\n            [look]="look"\n            [tabindex]="componentTabIndex"\n            [disabled]="disabled"\n            [icon]="icon"\n            [class.k-state-active]="active"\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            {{ text }}<ng-content></ng-content>\n        </button>\n        <button\n            kendoButton\n            #arrowButton\n            type="button"\n            [class.k-state-active]="activeArrow"\n            [disabled]="disabled"\n            [icon]="arrowButtonIcon"\n            [look]="look"\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            >\n            </kendo-button-list>\n        </ng-template>\n        <ng-container #container></ng-container>\n    ',isInline:!0,components:[{type:H,selector:"kendo-button-list",inputs:["data","textField","itemTemplate"],outputs:["onItemClick","onItemBlur"]}],directives:[{type:k,selector:"button[kendoButton], span[kendoButton]",inputs:["toggleable","togglable","primary","look","selected","tabIndex","icon","iconClass","imageUrl","disabled","role"],outputs:["selectedChange","click"],exportAs:["kendoButton"]},{type:m.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:ie,decorators:[{type:l.Component,args:[{exportAs:"kendoSplitButton",providers:[A,Y,ne,t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.splitbutton"}],selector:"kendo-splitbutton",template:'\n        <button\n            kendoButton\n            #button\n            role="listbox"\n            [type]="type"\n            [look]="look"\n            [tabindex]="componentTabIndex"\n            [disabled]="disabled"\n            [icon]="icon"\n            [class.k-state-active]="active"\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            {{ text }}<ng-content></ng-content>\n        </button>\n        <button\n            kendoButton\n            #arrowButton\n            type="button"\n            [class.k-state-active]="activeArrow"\n            [disabled]="disabled"\n            [icon]="arrowButtonIcon"\n            [look]="look"\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            >\n            </kendo-button-list>\n        </ng-template>\n        <ng-container #container></ng-container>\n    '}]}],ctorParameters:function(){return[{type:A},{type:Y},{type:r.ElementRef},{type:r.NgZone},{type:h.PopupService},{type:r.ElementRef},{type:g.LocalizationService},{type:r.ChangeDetectorRef}]},propDecorators:{text:[{type:l.Input}],icon:[{type:l.Input}],iconClass:[{type:l.Input}],type:[{type:l.Input}],imageUrl:[{type:l.Input}],look:[{type:l.Input}],disabled:[{type:l.Input}],popupSettings:[{type:l.Input}],tabIndex:[{type:l.Input}],textField:[{type:l.Input}],data:[{type:l.Input}],buttonClass:[{type:l.Input}],arrowButtonClass:[{type:l.Input}],arrowButtonIcon:[{type:l.Input}],buttonClick:[{type:l.Output}],itemClick:[{type:l.Output}],onFocus:[{type:l.Output,args:["focus"]}],onBlur:[{type:l.Output,args:["blur"]}],open:[{type:l.Output}],close:[{type:l.Output}],itemTemplate:[{type:l.ContentChild,args:[M,{static:!1}]}],button:[{type:l.ViewChild,args:["button",{static:!0}]}],arrowButton:[{type:l.ViewChild,args:["arrowButton",{static:!0,read:l.ElementRef}]}],popupTemplate:[{type:l.ViewChild,args:["popupTemplate",{static:!0}]}],containerRef:[{type:l.ViewChild,args:["container",{read:l.ViewContainerRef,static:!0}]}],isFocused:[{type:l.HostBinding,args:["class.k-state-focused"]}],isFlat:[{type:l.HostBinding,args:["class.k-flat"]}],isOutline:[{type:l.HostBinding,args:["class.k-outline"]}],widgetClasses:[{type:l.HostBinding,args:["class.k-split-button"]},{type:l.HostBinding,args:["class.k-button-group"]}],dir:[{type:l.HostBinding,args:["attr.dir"]}],keydown:[{type:l.HostListener,args:["keydown",["$event"]]}],keypress:[{type:l.HostListener,args:["keypress",["$event"]]}],keyup:[{type:l.HostListener,args:["keyup",["$event"]]}]}});var se=function(){};se.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:se,deps:[],target:r.ɵɵFactoryTarget.NgModule}),se.ɵmod=r.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:se,declarations:[ie],imports:[n.CommonModule,o.PopupModule,T,U],exports:[ie,U]}),se.ɵinj=r.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:se,imports:[[n.CommonModule,o.PopupModule,T,U],U]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:se,decorators:[{type:l.NgModule,args:[{declarations:[ie],exports:[ie,U],imports:[n.CommonModule,o.PopupModule,T,U]}]}]});var re,ae={provide:G,useValue:{useLeftRightArrows:!0}},pe=(K(le,re=J),Object.defineProperty(le.prototype,"popupSettings",{get:function(){return this._popupSettings},set:function(e){this._popupSettings=Object.assign({animate:!0,popupClass:""},e)},enumerable:!1,configurable:!0}),Object.defineProperty(le.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(le.prototype,"data",{get:function(){return this._data},set:function(e){this._data=e||[]},enumerable:!1,configurable:!0}),Object.defineProperty(le.prototype,"openState",{get:function(){return this._open},set:function(e){var t;this.disabled||(t=new w,(e?this.open:this.close).emit(t),t.isDefaultPrevented()||this._toggle(e))},enumerable:!1,configurable:!0}),Object.defineProperty(le.prototype,"componentTabIndex",{get:function(){return this.disabled?-1:this.tabIndex},enumerable:!1,configurable:!0}),Object.defineProperty(le.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(le.prototype,"focused",{get:function(){return this._isFocused&&!this._disabled},enumerable:!1,configurable:!0}),Object.defineProperty(le.prototype,"isFlat",{get:function(){return"flat"===this.look},enumerable:!1,configurable:!0}),Object.defineProperty(le.prototype,"isOutline",{get:function(){return"outline"===this.look},enumerable:!1,configurable:!0}),Object.defineProperty(le.prototype,"widgetClasses",{get:function(){return!0},enumerable:!1,configurable:!0}),Object.defineProperty(le.prototype,"dir",{get:function(){return this.direction},enumerable:!1,configurable:!0}),Object.defineProperty(le.prototype,"active",{get:function(){return this._active},enumerable:!1,configurable:!0}),le.prototype.keydown=function(e){this.keyDownHandler(e),e.keyCode===c.Keys.Space&&(this._active=!0)},le.prototype.keypress=function(e){this.keyPressHandler(e)},le.prototype.keyup=function(e){this.keyUpHandler(e),this._active=!1},le.prototype.mousedown=function(e){this._disabled&&e.preventDefault(),this._active=!0},le.prototype.mouseup=function(e){this._disabled&&e.preventDefault(),this._active=!1},le.prototype.openPopup=function(){this.togglePopupVisibility()},le.prototype.onButtonBlur=function(){this.isOpen||this.blurWrapper()},Object.defineProperty(le.prototype,"anchorAlign",{get:function(){var e={horizontal:this.popupSettings.align||"left",vertical:"bottom"};return"rtl"!==this.direction||I(this.popupSettings.align)||(e.horizontal="right"),e},enumerable:!1,configurable:!0}),Object.defineProperty(le.prototype,"popupAlign",{get:function(){var e={horizontal:this.popupSettings.align||"left",vertical:"top"};return"rtl"!==this.direction||I(this.popupSettings.align)||(e.horizontal="right"),e},enumerable:!1,configurable:!0}),le.prototype.focus=function(){c.isDocumentAvailable()&&this.button.nativeElement.focus()},le.prototype.blur=function(){c.isDocumentAvailable()&&(this.button.nativeElement.blur(),this.blurWrapper())},le.prototype.ngOnChanges=function(e){var t;c.isChanged("popupSettings",e)&&I(this.popupRef)&&(t=this.popupRef.popup.instance,e=e.popupSettings.currentValue,t.popupClass=e.popupClass,t.animate=e.animate,t.popupAlign=this.popupAlign)},le.prototype.ngOnDestroy=function(){re.prototype.ngOnDestroy.call(this),this.destroyPopup()},le.prototype.toggle=function(e){var t=this;this.disabled||x(function(){return t._toggle(void 0===e?!t._open:e)})},Object.defineProperty(le.prototype,"isOpen",{get:function(){return this.openState},enumerable:!1,configurable:!0}),le.prototype.handleFocus=function(){this._disabled||this._isFocused||(this._isFocused=!0,this.onFocus.emit())},le.prototype.wrapperContains=function(e){return this.wrapper===e||this.wrapper.contains(e)||this.popupRef&&this.popupRef.popupElement.contains(e)},le.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=d.merge(this.navigationService.close,this.navigationService.esc).subscribe(this.onNavigationClose.bind(this))},le.prototype.onNavigationEnterUp=function(){var e;this._disabled||this.openState||(this._active=!1),this.openState&&(e=this.focusService.focused,I(e)&&-1!==e&&this.emitItemClickHandler(e)),this.togglePopupVisibility(),!this.openState&&c.isDocumentAvailable()&&this.button.nativeElement.focus()},le.prototype.onNavigationOpen=function(){this._disabled||this.openState||this.togglePopupVisibility()},le.prototype.onNavigationClose=function(){this.openState&&(this.togglePopupVisibility(),c.isDocumentAvailable()&&this.button.nativeElement.focus())},le.prototype.onArrowKeyNavigate=function(e){this.focusService.focus(e)},le.prototype._toggle=function(e){this._open!==e&&(this._open=e,this.destroyPopup(),this._open&&this.createPopup())},le.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))},le.prototype.destroyPopup=function(){this.popupRef&&(this.popupRef.close(),this.popupRef=null)},le);function le(e,t,n,i,o,s,r,a){a=re.call(this,e,t,n,i,r,a)||this;return a.popupService=o,a.elRef=s,a.icon="",a.iconClass="",a.imageUrl="",a.primary=!1,a.look="default",a.tabIndex=0,a.itemClick=new l.EventEmitter,a.open=new l.EventEmitter,a.close=new l.EventEmitter,a.onFocus=new l.EventEmitter,a.onBlur=new l.EventEmitter,a.listId=c.guid(),a._itemClick=a.itemClick,a._blur=a.onBlur,a}pe.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:pe,deps:[{token:A},{token:Y},{token:r.ElementRef},{token:r.NgZone},{token:h.PopupService},{token:r.ElementRef},{token:g.LocalizationService},{token:r.ChangeDetectorRef}],target:r.ɵɵFactoryTarget.Component}),pe.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:pe,selector:"kendo-dropdownbutton",inputs:{icon:"icon",iconClass:"iconClass",imageUrl:"imageUrl",popupSettings:"popupSettings",textField:"textField",disabled:"disabled",data:"data",primary:"primary",look:"look",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-state-focused":"this.focused","class.k-flat":"this.isFlat","class.k-outline":"this.isOutline","class.k-dropdown-button":"this.widgetClasses","attr.dir":"this.dir"}},providers:[A,Y,ae,t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.dropdownbutton"}],queries:[{propertyName:"itemTemplate",first:!0,predicate:M,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:l.ViewContainerRef,static:!0}],exportAs:["kendoDropDownButton"],usesInheritance:!0,usesOnChanges:!0,ngImport:r,template:'\n        <button kendoButton #button\n            role="menu"\n            type="button"\n            [tabindex]="componentTabIndex"\n            [class.k-state-active]="active"\n            [disabled]="disabled"\n            [icon]="icon"\n            [iconClass]="iconClass"\n            [imageUrl]="imageUrl"\n            [ngClass]="buttonClass"\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            [look]="look"\n            [primary]="primary"\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            >\n            </kendo-button-list>\n        </ng-template>\n        <ng-container #container></ng-container>\n    ',isInline:!0,components:[{type:H,selector:"kendo-button-list",inputs:["data","textField","itemTemplate"],outputs:["onItemClick","onItemBlur"]}],directives:[{type:k,selector:"button[kendoButton], span[kendoButton]",inputs:["toggleable","togglable","primary","look","selected","tabIndex","icon","iconClass","imageUrl","disabled","role"],outputs:["selectedChange","click"],exportAs:["kendoButton"]},{type:m.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:pe,decorators:[{type:l.Component,args:[{exportAs:"kendoDropDownButton",providers:[A,Y,ae,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-state-active]="active"\n            [disabled]="disabled"\n            [icon]="icon"\n            [iconClass]="iconClass"\n            [imageUrl]="imageUrl"\n            [ngClass]="buttonClass"\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            [look]="look"\n            [primary]="primary"\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            >\n            </kendo-button-list>\n        </ng-template>\n        <ng-container #container></ng-container>\n    '}]}],ctorParameters:function(){return[{type:A},{type:Y},{type:r.ElementRef},{type:r.NgZone},{type:h.PopupService},{type:r.ElementRef},{type:g.LocalizationService},{type:r.ChangeDetectorRef}]},propDecorators:{icon:[{type:l.Input}],iconClass:[{type:l.Input}],imageUrl:[{type:l.Input}],popupSettings:[{type:l.Input}],textField:[{type:l.Input}],disabled:[{type:l.Input}],data:[{type:l.Input}],primary:[{type:l.Input}],look:[{type:l.Input}],buttonClass:[{type:l.Input}],tabIndex:[{type:l.Input}],itemClick:[{type:l.Output}],open:[{type:l.Output}],close:[{type:l.Output}],onFocus:[{type:l.Output,args:["focus"]}],onBlur:[{type:l.Output,args:["blur"]}],focused:[{type:l.HostBinding,args:["class.k-state-focused"]}],isFlat:[{type:l.HostBinding,args:["class.k-flat"]}],isOutline:[{type:l.HostBinding,args:["class.k-outline"]}],widgetClasses:[{type:l.HostBinding,args:["class.k-dropdown-button"]}],dir:[{type:l.HostBinding,args:["attr.dir"]}],itemTemplate:[{type:l.ContentChild,args:[M,{static:!1}]}],button:[{type:l.ViewChild,args:["button",{static:!0}]}],buttonList:[{type:l.ViewChild,args:["buttonList",{static:!1}]}],popupTemplate:[{type:l.ViewChild,args:["popupTemplate",{static:!0}]}],container:[{type:l.ViewChild,args:["container",{read:l.ViewContainerRef,static:!0}]}],keydown:[{type:l.HostListener,args:["keydown",["$event"]]}],keypress:[{type:l.HostListener,args:["keypress",["$event"]]}],keyup:[{type:l.HostListener,args:["keyup",["$event"]]}],mousedown:[{type:l.HostListener,args:["mousedown",["$event"]]}],mouseup:[{type:l.HostListener,args:["mouseup",["$event"]]}]}});var ce=function(){};ce.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:ce,deps:[],target:r.ɵɵFactoryTarget.NgModule}),ce.ɵmod=r.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:ce,declarations:[pe],imports:[n.CommonModule,o.PopupModule,U,T],exports:[pe,U]}),ce.ɵinj=r.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:ce,imports:[[n.CommonModule,o.PopupModule,U,T],U]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:ce,decorators:[{type:l.NgModule,args:[{declarations:[pe],exports:[pe,U],imports:[n.CommonModule,o.PopupModule,U,T]}]}]});var ue=(Object.defineProperty(de.prototype,"ariaChecked",{get:function(){return this.selected},enumerable:!1,configurable:!0}),Object.defineProperty(de.prototype,"outlineClass",{get:function(){return"outlined"===this.look},enumerable:!1,configurable:!0}),Object.defineProperty(de.prototype,"filledClass",{get:function(){return"filled"===this.look},enumerable:!1,configurable:!0}),Object.defineProperty(de.prototype,"hasIconClass",{get:function(){return!(!this.icon&&!this.iconClass)},enumerable:!1,configurable:!0}),Object.defineProperty(de.prototype,"disabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(de.prototype,"selectedClass",{get:function(){return this.selected},enumerable:!1,configurable:!0}),Object.defineProperty(de.prototype,"focusedClass",{get:function(){return this.focused},enumerable:!1,configurable:!0}),de.prototype.ngOnInit=function(){var t=this;this.dynamicRTLSubscription=this.localizationService.changes.subscribe(function(e){e=e.rtl;return t.direction=e?"rtl":"ltr"})},de.prototype.ngOnDestroy=function(){this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe(),this.detachDomEvents&&this.detachDomEvents()},de.prototype.ngAfterViewInit=function(){var e=this.element.nativeElement,t=this.typeClass();"none"!==this.type&&this.renderer.addClass(e,t),this.attachElementEventHandlers(e)},Object.defineProperty(de.prototype,"iconClasses",{get:function(){var e=[];return this.iconClass&&e.push(""+this.iconClass),this.icon&&e.push("k-icon k-i-"+this.icon),e},enumerable:!1,configurable:!0}),Object.defineProperty(de.prototype,"selectedIconClasses",{get:function(){return this.selectedIcon?""+this.selectedIcon:"k-icon k-i-check"},enumerable:!1,configurable:!0}),Object.defineProperty(de.prototype,"removeIconClasses",{get:function(){return this.removeIcon?""+this.removeIcon:"k-icon k-i-close-circle"},enumerable:!1,configurable:!0}),de.prototype.typeClass=function(){return{none:"",success:"k-chip-success",warning:"k-chip-warning",error:"k-chip-error",info:"k-chip-info"}[this.type]},de.prototype.focus=function(){c.isDocumentAvailable()&&this.element.nativeElement.focus()},de.prototype.blur=function(){c.isDocumentAvailable()&&this.element.nativeElement.blur()},de.prototype.onRemoveClick=function(e){this.removable&&this.remove.emit({sender:this,originalEvent:e})},de.prototype.attachElementEventHandlers=function(i){var o=this;this.ngZone.runOutsideAngular(function(){var e=o.renderer.listen(i,"focus",function(){o.renderer.addClass(i,"k-chip-focused")}),t=o.renderer.listen(i,"blur",function(){o.renderer.removeClass(i,"k-chip-focused")}),n=o.renderer.listen(i,"click",function(e){S(e.target,".k-remove-icon")||o.ngZone.run(function(){o.contentClick.emit({sender:o,originalEvent:e})})});o.detachDomEvents=function(){e(),t(),n()}})},de);function de(e,t,n,i){this.element=e,this.renderer=t,this.ngZone=n,this.localizationService=i,this.look="filled",this.selected=!1,this.removable=!1,this.type="none",this.disabled=!1,this.remove=new l.EventEmitter,this.contentClick=new l.EventEmitter,this.tabIndex=0,this.hostClass=!0,this.focused=!1,u.validatePackage(b),this.direction=i.rtl?"rtl":"ltr"}ue.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:ue,deps:[{token:r.ElementRef},{token:r.Renderer2},{token:r.NgZone},{token:g.LocalizationService}],target:r.ɵɵFactoryTarget.Component}),ue.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:ue,selector:"kendo-chip",inputs:{look:"look",label:"label",icon:"icon",iconClass:"iconClass",selected:"selected",selectedIcon:"selectedIcon",removable:"removable",removeIcon:"removeIcon",type:"type",disabled:"disabled"},outputs:{remove:"remove",contentClick:"contentClick"},host:{properties:{"attr.tabindex":"this.tabIndex","attr.aria-checked":"this.ariaChecked","class.k-chip":"this.hostClass","class.k-chip-outline":"this.outlineClass","class.k-chip-filled":"this.filledClass","class.k-chip-has-icon":"this.hasIconClass","attr.aria-disabled":"this.disabledClass","class.k-chip-disabled":"this.disabledClass","class.k-chip-selected":"this.selectedClass","class.k-chip-focused":"this.focusedClass","attr.dir":"this.direction"}},providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.chip"}],ngImport:r,template:'\n        <span class="k-selected-icon-wrapper">\n            <span *ngIf="selected"\n                class="k-selected-icon"\n                [ngClass]="selectedIconClasses"\n            >\n            </span>\n        </span>\n\n        <span *ngIf="icon || iconClass"\n            class="k-chip-icon"\n            [ngClass]="iconClasses"\n        >\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 *ngIf="removable"\n            class="k-remove-icon"\n            (click)="onRemoveClick($event)"\n        >\n            <span [ngClass]="removeIconClasses"></span>\n        </span>\n    ',isInline:!0,directives:[{type:m.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:m.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:ue,decorators:[{type:l.Component,args:[{selector:"kendo-chip",template:'\n        <span class="k-selected-icon-wrapper">\n            <span *ngIf="selected"\n                class="k-selected-icon"\n                [ngClass]="selectedIconClasses"\n            >\n            </span>\n        </span>\n\n        <span *ngIf="icon || iconClass"\n            class="k-chip-icon"\n            [ngClass]="iconClasses"\n        >\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 *ngIf="removable"\n            class="k-remove-icon"\n            (click)="onRemoveClick($event)"\n        >\n            <span [ngClass]="removeIconClasses"></span>\n        </span>\n    ',providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.chip"}]}]}],ctorParameters:function(){return[{type:r.ElementRef},{type:r.Renderer2},{type:r.NgZone},{type:g.LocalizationService}]},propDecorators:{look:[{type:l.Input}],label:[{type:l.Input}],icon:[{type:l.Input}],iconClass:[{type:l.Input}],selected:[{type:l.Input}],selectedIcon:[{type:l.Input}],removable:[{type:l.Input}],removeIcon:[{type:l.Input}],type:[{type:l.Input}],disabled:[{type:l.Input}],remove:[{type:l.Output}],contentClick:[{type:l.Output}],tabIndex:[{type:l.HostBinding,args:["attr.tabindex"]}],ariaChecked:[{type:l.HostBinding,args:["attr.aria-checked"]}],hostClass:[{type:l.HostBinding,args:["class.k-chip"]}],outlineClass:[{type:l.HostBinding,args:["class.k-chip-outline"]}],filledClass:[{type:l.HostBinding,args:["class.k-chip-filled"]}],hasIconClass:[{type:l.HostBinding,args:["class.k-chip-has-icon"]}],disabledClass:[{type:l.HostBinding,args:["attr.aria-disabled"]},{type:l.HostBinding,args:["class.k-chip-disabled"]}],selectedClass:[{type:l.HostBinding,args:["class.k-chip-selected"]}],focusedClass:[{type:l.HostBinding,args:["class.k-chip-focused"]}],direction:[{type:l.HostBinding,args:["attr.dir"]}]}});var ge=(Object.defineProperty(me.prototype,"single",{get:function(){return"single"===this.selection},enumerable:!1,configurable:!0}),Object.defineProperty(me.prototype,"multiple",{get:function(){return"multiple"===this.selection},enumerable:!1,configurable:!0}),me.prototype.onClick=function(e){var t=e.target,n=S(t,".k-remove-icon"),i=S(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)},me.prototype.ngOnInit=function(){var t=this;this.dynamicRTLSubscription=this.localizationService.changes.subscribe(function(e){e=e.rtl;return t.direction=e?"rtl":"ltr"})},me.prototype.ngAfterContentInit=function(){var t=this;this.chips.forEach(function(e){t.renderer.setAttribute(e.element.nativeElement,"role","option")})},me.prototype.ngOnDestroy=function(){this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe()},me.prototype.selectedChips=function(){return this.chips.reduce(function(e,t,n){return t.selected?e.concat(n):e},[])},me.prototype.setSelection=function(e){"single"===this.selection&&this.clearSelection(e),e.selected=!e.selected,this.selectedChange.emit(this.selectedChips())},me.prototype.clearSelection=function(t){this.chips.forEach(function(e){t!==e&&(e.selected=!1)})},me);function me(e,t){this.localizationService=e,this.renderer=t,this.hostClass=!0,this.selection="none",this.selectedChange=new l.EventEmitter,this.remove=new l.EventEmitter,this.role="listbox",this.direction=e.rtl?"rtl":"ltr"}ge.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:ge,deps:[{token:g.LocalizationService},{token:r.Renderer2}],target:r.ɵɵFactoryTarget.Component}),ge.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:ge,selector:"kendo-chip-list, kendo-chiplist",inputs:{selection:"selection"},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.chip-list"}],queries:[{propertyName:"chips",predicate:ue}],ngImport:r,template:"\n        <ng-content></ng-content>\n    ",isInline:!0}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:ge,decorators:[{type:l.Component,args:[{selector:"kendo-chip-list, kendo-chiplist",template:"\n        <ng-content></ng-content>\n    ",providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.chip-list"}]}]}],ctorParameters:function(){return[{type:g.LocalizationService},{type:r.Renderer2}]},propDecorators:{hostClass:[{type:l.HostBinding,args:["class.k-chip-list"]}],direction:[{type:l.HostBinding,args:["attr.dir"]}],selection:[{type:l.Input}],selectedChange:[{type:l.Output}],remove:[{type:l.Output}],chips:[{type:l.ContentChildren,args:[ue]}],single:[{type:l.HostBinding,args:["class.k-selection-single"]}],multiple:[{type:l.HostBinding,args:["class.k-selection-multiple"]}],role:[{type:l.HostBinding,args:["attr.role"]}],onClick:[{type:l.HostListener,args:["click",["$event"]]}]}});var he=[ue,ge],z=W([],Z(he)),fe=function(){};fe.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:fe,deps:[],target:r.ɵɵFactoryTarget.NgModule}),fe.ɵmod=r.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:fe,declarations:[ue,ge],imports:[n.CommonModule],exports:[ue,ge]}),fe.ɵinj=r.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:fe,imports:[[n.CommonModule]]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:fe,decorators:[{type:l.NgModule,args:[{declarations:[z],exports:[he],imports:[n.CommonModule]}]}]});var be=function(e){this.templateRef=e};be.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:be,deps:[{token:r.TemplateRef,optional:!0}],target:r.ɵɵFactoryTarget.Directive}),be.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.13",type:be,selector:"[kendoDialItemTemplate]",ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:be,decorators:[{type:l.Directive,args:[{selector:"[kendoDialItemTemplate]"}]}],ctorParameters:function(){return[{type:r.TemplateRef,decorators:[{type:l.Optional}]}]}});ne=function(e){this.templateRef=e};ne.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:ne,deps:[{token:r.TemplateRef,optional:!0}],target:r.ɵɵFactoryTarget.Directive}),ne.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.13",type:ne,selector:"[kendoFloatingActionButtonTemplate]",ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:ne,decorators:[{type:l.Directive,args:[{selector:"[kendoFloatingActionButtonTemplate]"}]}],ctorParameters:function(){return[{type:r.TemplateRef,decorators:[{type:l.Optional}]}]}});Object.defineProperty(ye.prototype,"disabledClass",{get:function(){return this.item.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(ye.prototype,"title",{get:function(){var e=this.item.label;return e||this.itemTitle},enumerable:!1,configurable:!0}),Object.defineProperty(ye.prototype,"indexAttr",{get:function(){return this.index},enumerable:!1,configurable:!0}),Object.defineProperty(ye.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(ye.prototype,"itemTitle",{get:function(){var e=this.item.icon,t=this.item.itemTitle;return e&&t?t:e},enumerable:!1,configurable:!0}),ye.prototype.ngAfterViewInit=function(){var e=this.element.nativeElement,t=this.localisationService.rtl,n=this.align.horizontal;this.renderer.addClass(e,this.getTextDirectionClass(t,n))},ye.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"]},J=ye;function ye(e,t,n){this.element=e,this.renderer=t,this.localisationService=n,this.hostClass=!0,this.role="menuitem"}J.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:J,deps:[{token:r.ElementRef},{token:r.Renderer2},{token:g.LocalizationService}],target:r.ɵɵFactoryTarget.Component}),J.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:J,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-state-disabled":"this.disabledClass","attr.title":"this.title","attr.aria-label":"this.title","attr.data-fab-item-index":"this.indexAttr"}},ngImport:r,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:m.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:m.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]},{type:m.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:J,decorators:[{type:l.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:r.ElementRef},{type:r.Renderer2},{type:g.LocalizationService}]},propDecorators:{hostClass:[{type:l.HostBinding,args:["class.k-fab-item"]}],role:[{type:l.HostBinding,args:["attr.role"]}],disabledClass:[{type:l.HostBinding,args:["attr.aria-disabled"]},{type:l.HostBinding,args:["class.k-state-disabled"]}],title:[{type:l.HostBinding,args:["attr.title"]},{type:l.HostBinding,args:["attr.aria-label"]}],indexAttr:[{type:l.HostBinding,args:["attr.data-fab-item-index"]}],cssClass:[{type:l.Input}],cssStyle:[{type:l.Input}],isFocused:[{type:l.Input}],index:[{type:l.Input}],item:[{type:l.Input}],dialItemTemplate:[{type:l.Input}],align:[{type:l.Input}]}});Object.defineProperty(ve.prototype,"bottomClass",{get:function(){return"top"===this.align.vertical||"middle"===this.align.vertical},enumerable:!1,configurable:!0}),Object.defineProperty(ve.prototype,"topClass",{get:function(){return"bottom"===this.align.vertical},enumerable:!1,configurable:!0}),ve.prototype.isFocused=function(e){return this.focusService.isFocused(e)},ve.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},ae=ve;function ve(e,t){var n=this;this.focusService=e,this.cdr=t,this.hostClass=!0,this.subscriptions=new d.Subscription,this.subscriptions.add(this.focusService.onFocus.subscribe(function(){return n.cdr.detectChanges()}))}ae.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:ae,deps:[{token:A},{token:r.ChangeDetectorRef}],target:r.ɵɵFactoryTarget.Component}),ae.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:ae,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:r,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:J,selector:"[kendoDialItem]",inputs:["cssClass","cssStyle","isFocused","index","item","dialItemTemplate","align"]}],directives:[{type:m.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:j,selector:"[kendoButtonFocusable]",inputs:["index"]},{type:m.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:m.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]}]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:ae,decorators:[{type:l.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:A},{type:r.ChangeDetectorRef}]},propDecorators:{hostClass:[{type:l.HostBinding,args:["class.k-fab-items"]}],bottomClass:[{type:l.HostBinding,args:["class.k-fab-items-bottom"]}],topClass:[{type:l.HostBinding,args:["class.k-fab-items-top"]}],dialItems:[{type:l.Input}],dialItemTemplate:[{type:l.Input}],align:[{type:l.Input}]}});var z={provide:G,useValue:{useLeftRightArrows:!1}},ke={small:"k-fab-sm",medium:"k-fab-md",large:"k-fab-lg"},Ce={pill:"k-fab-pill",circle:"k-fab-circle",rectangle:"k-fab-rectangle",square:"k-fab-square",rounded:"k-fab-rounded"},Ie="16px",he=(Object.defineProperty(xe.prototype,"fixedClass",{get:function(){return"fixed"===this.positionMode},enumerable:!1,configurable:!0}),Object.defineProperty(xe.prototype,"absoluteClass",{get:function(){return"absolute"===this.positionMode},enumerable:!1,configurable:!0}),Object.defineProperty(xe.prototype,"themeColor",{get:function(){return this._themeColor},set:function(e){this.handleClasses(e,"themeColor"),this._themeColor=e},enumerable:!1,configurable:!0}),Object.defineProperty(xe.prototype,"size",{get:function(){return this._size},set:function(e){this.handleClasses(e,"size"),this._size=e},enumerable:!1,configurable:!0}),Object.defineProperty(xe.prototype,"shape",{get:function(){return this._shape},set:function(e){this.handleClasses(e,"shape"),this._shape=e},enumerable:!1,configurable:!0}),Object.defineProperty(xe.prototype,"disabled",{get:function(){return this._disabled},set:function(e){this._disabled=e},enumerable:!1,configurable:!0}),Object.defineProperty(xe.prototype,"align",{get:function(){return this._align},set:function(e){this._align=Object.assign(this._align,e)},enumerable:!1,configurable:!0}),Object.defineProperty(xe.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(xe.prototype,"componentTabIndex",{get:function(){return this.disabled?-1:this.tabIndex},enumerable:!1,configurable:!0}),xe.prototype.ngAfterViewInit=function(){this.applyClasses(),this.offsetStyles()},xe.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},Object.defineProperty(xe.prototype,"isOpen",{get:function(){return I(this.popupRef)},enumerable:!1,configurable:!0}),xe.prototype.focus=function(){c.isDocumentAvailable()&&this.button.nativeElement.focus()},xe.prototype.blur=function(){c.isDocumentAvailable()&&this.button.nativeElement.blur()},xe.prototype.toggleDial=function(e){var t=this;!this.disabled&&this.hasDialItems&&(e=I(e)?e:!this.isOpen,this.disabled||e===this.isOpen||(e?setTimeout(function(){return t.openDial()}):this.closeDial()))},Object.defineProperty(xe.prototype,"role",{get:function(){return this.dialItems&&this.dialItems.length?"menubutton":"button"},enumerable:!1,configurable:!0}),Object.defineProperty(xe.prototype,"ariaExpanded",{get:function(){return I(this.isOpen)},enumerable:!1,configurable:!0}),Object.defineProperty(xe.prototype,"ariaHasPopup",{get:function(){return I(this.isOpen)},enumerable:!1,configurable:!0}),Object.defineProperty(xe.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}),xe.prototype.clickHandler=function(){var t=this;!this.disabled&&this.hasDialItems&&this.ngZone.run(function(){var e=!t.isOpen;t.toggleDialWithEvents(e)})},xe.prototype.keyDownHandler=function(e){this.keyHandler(e)},xe.prototype.keyHandler=function(e,t){var n,i;this.disabled||(n=this.focusService.focused||0,i=e.keyCode,(t=this.navigationService.process({altKey:e.altKey,current:n,keyCode:i,keyEvent:t,max:this.dialItems?this.dialItems.length-1:0,min:0,flipNavigation:"bottom"===this.align.vertical}))!==X.Undefined&&t!==X.Tab&&e.preventDefault())},xe.prototype.onItemClick=function(e){e=S(e.target,".k-fab-item");e&&(e=e.getAttribute("data-fab-item-index"),this.emitItemClick(e))},xe.prototype.focusHandler=function(){this.disabled||this.onFocus.emit()},xe.prototype.blurHandler=function(){this.onBlur.emit(),this.toggleDialWithEvents(!1)},xe.prototype.handleClasses=function(e,t){var n,i;I(this.button)&&this[t]!==e&&(n=this.button.nativeElement,i={themeColor:"k-fab-"+this.themeColor,size:ke[this.size],shape:Ce[this.shape]},e={themeColor:"k-fab-"+e,size:ke[e],shape:Ce[e]},this.renderer.removeClass(n,i[t]),this.renderer.addClass(n,e[t]))},xe.prototype.onEnterPressed=function(){var e=this.focusService.focused;this.emitItemClick(e)},xe.prototype.emitItemClick=function(e){var t=this.dialItems[e];t&&!t.disabled&&(this.dialItemClick.emit({item:t,index:e}),this.toggleDialWithEvents(!1))},xe.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(d.merge(this.navigationService.close,this.navigationService.esc).subscribe(this.onNavigationClose.bind(this)))},xe.prototype.onArrowKeyNavigate=function(e){this.focusService.focus(e)},xe.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(I(e)&&-1!==e)return void n.onEnterPressed()}!n.isOpen&&c.isDocumentAvailable()&&(n.toggleDialWithEvents(!0),n.button.nativeElement.focus())})},xe.prototype.onNavigationClose=function(){var e=this;this.isOpen&&this.ngZone.run(function(){e.toggleDialWithEvents(!1),c.isDocumentAvailable()&&e.button.nativeElement.focus()})},xe.prototype.alignClass=function(){return"k-pos-"+this.align.vertical+"-"+this.align.horizontal},xe.prototype.applyClasses=function(){var e=this.element.nativeElement,t=this.button.nativeElement;this.renderer.addClass(t,Ce[this.shape]),this.renderer.addClass(t,"k-fab-"+this.themeColor),this.renderer.addClass(t,ke[this.size]),this.renderer.addClass(e,this.alignClass())},xe.prototype.toggleDialWithEvents=function(e){var t;e!==this.isOpen&&(t=new w,(e?this.open:this.close).emit(t),t.isDefaultPrevented()||(e?this.openDial():this.closeDial()))},xe.prototype.openPopup=function(){var e,t,n,i,o,s,r,a=this;this.isOpen||(e=this.icon&&!this.text,n=this.rtl,t=this.align,this.popupRef=this.popupService.open({anchor:this.element.nativeElement,animate:!1,content:this.popupTemplate,anchorAlign:(s={horizontal:(o=n)?"right":"left",vertical:"bottom"},"end"===(i=t).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:(n={horizontal:(s=n)?"right":"left",vertical:"top"},"end"===(t=t).horizontal&&(n.horizontal=s?"left":"right"),"bottom"===t.vertical&&(n.vertical="bottom"),"bottom"===t.vertical&&"end"===t.horizontal&&(n.horizontal=s?"left":"right",n.vertical="bottom"),n),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)}))},xe.prototype.closePopup=function(){this.isOpen&&(this.popupMouseDownListener&&this.popupMouseDownListener(),this.popupRef.close(),this.popupRef=null)},xe.prototype.openDial=function(){this.openPopup(),this.focusService.focus(0),this.dialItemAnimation&&this.isValidAnimation()&&this.playAnimation(!0)},xe.prototype.closeDial=function(){var e=this;this.dialItemAnimation&&this.isValidAnimation()?(this.playAnimation(!1),this.animationEnd.pipe(i.take(1)).subscribe(function(){return e.closePopup()})):this.closePopup()},xe.prototype.isValidAnimation=function(){var e=this.dialItemAnimation;return"boolean"==typeof e||0!==e.duration},xe.prototype.positionPopup=function(){var e,t,n,i;this.dialItemTemplate||(n=this.element.nativeElement.getBoundingClientRect().width,(i=(e=this.popupRef.popupElement).querySelector(".k-fab-item-icon"))&&(t=n/2-i.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"))},xe.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(xe.prototype,"hasDialItems",{get:function(){return I(this.dialItems)&&0!==this.dialItems.length},enumerable:!1,configurable:!0}),Object.defineProperty(xe.prototype,"verticalPosition",{get:function(){return{top:"top",middle:"top",bottom:"bottom"}[this.align.vertical]},enumerable:!1,configurable:!0}),Object.defineProperty(xe.prototype,"verticalOffset",{get:function(){return"middle"===this.align.vertical?this.offset.y===Ie?"50%":"calc(50% + "+this.offset.y+")":this.offset.y},enumerable:!1,configurable:!0}),Object.defineProperty(xe.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(xe.prototype,"horizontalOffset",{get:function(){return"center"===this.align.horizontal?this.offset.x===Ie?"50%":"calc(50% + "+this.offset.x+")":this.offset.x},enumerable:!1,configurable:!0}),xe.prototype.playerFor=function(e,t){return this.builder.build(t).create(e)},xe.prototype.playAnimation=function(e){var t,n,i,o=this,s=this.durationSettings(),s={duration:s.duration,gap:s.gap,align:this.align},t=e?(e="bottom"===(n=s).align.vertical,i=s.duration,n=s.gap,a.sequence([a.query(".k-fab-item",[a.style({opacity:0,transform:"translateY("+(e?"8px":"-8px")+")"}),a.stagger(n,[a.animate(i+"ms ease-in",a.style({opacity:"*",transform:"translateY(0)"}))])],{optional:!0})])):(t="bottom"===(n=s).align.vertical,i=s.duration,n=s.gap,a.sequence([a.query(".k-fab-item",[a.style({opacity:"*",transform:"translateY(0)"}),a.stagger(-n,[a.animate(i+"ms ease-in",a.style({opacity:0,transform:"translateY("+(t?"8px":"-8px")+")"}))])],{optional:!0})])),r=this.playerFor(this.popupRef.popupElement,t);r.play(),r.onDone(function(){r&&(o.animationEnd.emit(),r.destroy(),r=null)})},xe.prototype.durationSettings=function(){return{duration:this.animationDuration(),gap:this.animationGap()}},xe.prototype.animationGap=function(){var e=this.dialItemAnimation;return"boolean"!=typeof e&&I(e.gap)?e.gap:90},xe.prototype.animationDuration=function(){var e=this.dialItemAnimation;return"boolean"!=typeof e&&I(e.duration)?e.duration:180},xe);function xe(e,t,n,i,o,s,r,a){var p=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 l.EventEmitter,this.onFocus=new l.EventEmitter,this.dialItemClick=new l.EventEmitter,this.open=new l.EventEmitter,this.close=new l.EventEmitter,this.id="k-"+c.guid(),this._themeColor="primary",this._size="medium",this._shape="pill",this._disabled=!1,this._align={horizontal:"end",vertical:"bottom"},this._offset={x:Ie,y:Ie},this.subscriptions=new d.Subscription,this.rtl=!1,this.animationEnd=new l.EventEmitter,u.validatePackage(b),this.subscribeNavigationEvents(),this.subscriptions.add(this.localizationService.changes.subscribe(function(e){e=e.rtl;p.rtl=e,p.direction=p.rtl?"rtl":"ltr"}))}he.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:he,deps:[{token:r.Renderer2},{token:r.ElementRef},{token:A},{token:Y},{token:r.NgZone},{token:h.PopupService},{token:f.AnimationBuilder},{token:g.LocalizationService}],target:r.ɵɵFactoryTarget.Component}),he.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.13",type:he,selector:"kendo-floatingactionbutton",inputs:{themeColor:"themeColor",size:"size",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:[A,Y,z,t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.floatingactionbutton"}],queries:[{propertyName:"dialItemTemplate",first:!0,predicate:be,descendants:!0,static:!0},{propertyName:"fabTemplate",first:!0,predicate:ne,descendants:!0,static:!0}],viewQueries:[{propertyName:"button",first:!0,predicate:["button"],descendants:!0,static:!0},{propertyName:"popupTemplate",first:!0,predicate:["popupTemplate"],descendants:!0,static:!0}],ngImport:r,template:'\n        <button\n            #button\n            [attr.id]="id"\n            [attr.role]="role"\n            [tabIndex]="componentTabIndex"\n            type="button"\n            [class.k-fab]="true"\n            [class.k-state-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:ae,selector:"[kendoDialList]",inputs:["dialItems","dialItemTemplate","align"]}],directives:[{type:m.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:p.EventsOutsideAngularDirective,selector:"[kendoEventsOutsideAngular]",inputs:["kendoEventsOutsideAngular","scope"]},{type:m.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:m.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]}]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:he,decorators:[{type:l.Component,args:[{selector:"kendo-floatingactionbutton",providers:[A,Y,z,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]="true"\n            [class.k-state-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:r.Renderer2},{type:r.ElementRef},{type:A},{type:Y},{type:r.NgZone},{type:h.PopupService},{type:f.AnimationBuilder},{type:g.LocalizationService}]},propDecorators:{fixedClass:[{type:l.HostBinding,args:["class.k-pos-fixed"]}],absoluteClass:[{type:l.HostBinding,args:["class.k-pos-absolute"]}],direction:[{type:l.HostBinding,args:["attr.dir"]}],button:[{type:l.ViewChild,args:["button",{static:!0}]}],popupTemplate:[{type:l.ViewChild,args:["popupTemplate",{static:!0}]}],dialItemTemplate:[{type:l.ContentChild,args:[be,{static:!0}]}],fabTemplate:[{type:l.ContentChild,args:[ne,{static:!0}]}],themeColor:[{type:l.Input}],size:[{type:l.Input}],shape:[{type:l.Input}],disabled:[{type:l.Input}],align:[{type:l.Input}],offset:[{type:l.Input}],positionMode:[{type:l.Input}],icon:[{type:l.Input}],iconClass:[{type:l.Input}],buttonClass:[{type:l.Input}],dialClass:[{type:l.Input}],text:[{type:l.Input}],dialItemAnimation:[{type:l.Input}],tabIndex:[{type:l.Input}],dialItems:[{type:l.Input}],onBlur:[{type:l.Output,args:["blur"]}],onFocus:[{type:l.Output,args:["focus"]}],dialItemClick:[{type:l.Output,args:["dialItemClick"]}],open:[{type:l.Output}],close:[{type:l.Output}]}});m=[he,be,ne],z=W(W([],Z(m)),[ae,J]),t=function(){};t.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:t,deps:[],target:r.ɵɵFactoryTarget.NgModule}),t.ɵmod=r.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:t,declarations:[he,be,ne,ae,J],imports:[n.CommonModule,o.PopupModule,U,c.EventsModule],exports:[he,be,ne]}),t.ɵinj=r.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:t,imports:[[n.CommonModule,o.PopupModule,U,c.EventsModule]]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:t,decorators:[{type:l.NgModule,args:[{declarations:[z],exports:[m],imports:[n.CommonModule,o.PopupModule,U,c.EventsModule]}]}]});o=function(){};o.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:o,deps:[],target:r.ɵɵFactoryTarget.NgModule}),o.ɵmod=r.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:o,exports:[F,T,se,ce,fe,t]}),o.ɵinj=r.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:o,imports:[F,T,se,ce,fe,t]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.13",ngImport:r,type:o,decorators:[{type:l.NgModule,args:[{exports:[F,T,se,ce,fe,t]}]}]}),e.Button=k,e.ButtonDirective=k,e.ButtonGroup=P,e.ButtonGroupComponent=P,e.ButtonGroupModule=F,e.ButtonItemTemplateDirective=M,e.ButtonModule=T,e.ButtonsModule=o,e.ChipComponent=ue,e.ChipListComponent=ge,e.ChipModule=fe,e.DialItemTemplateDirective=be,e.DropDownButton=pe,e.DropDownButtonComponent=pe,e.DropDownButtonModule=ce,e.FloatingActionButtonComponent=he,e.FloatingActionButtonModule=t,e.FloatingActionButtonTemplateDirective=ne,e.FocusableDirective=j,e.ListComponent=H,e.ListModule=U,e.SplitButton=ie,e.SplitButtonComponent=ie,e.SplitButtonModule=se,e.TemplateContextDirective=V,Object.defineProperty(e,"__esModule",{value:!0})});

package/{dist/es2015/button → button}/button.directive.d.ts

@@ -6,6 +6,7 @@ import { SimpleChanges, ElementRef, EventEmitter, Renderer2 as Renderer, OnDestr
 import { KendoButtonService } from './button.service';
 import { ButtonLook } from '../button-look';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
+import * as i0 from "@angular/core";
 /**
  * Represents the Kendo UI Button component for Angular.
  */
@@ -22,10 +23,11 @@ export declare class ButtonDirective implements OnDestroy {
      *
      * @hidden
      */
+    get togglable(): boolean;
     /**
-    * @hidden
-    */
-    togglable: boolean;
+     * @hidden
+     */
+    set togglable(value: boolean);
     /**
      * Adds visual weight to the Button and makes it primary.
      */
@@ -42,30 +44,33 @@ export declare class ButtonDirective implements OnDestroy {
     /**
      * Sets the selected state of the Button.
      */
-    selected: boolean;
+    get selected(): boolean;
+    set selected(value: boolean);
     /**
      * @hidden
      */
-    tabIndex: number;
+    set tabIndex(index: number);
+    get tabIndex(): number;
     /**
      * Defines the name for an existing icon in a Kendo UI theme.
      * The icon is rendered inside the Button by a `span.k-icon` element.
      */
-    icon: string;
+    set icon(icon: string);
     /**
      * Defines a CSS class—or multiple classes separated by spaces—
      * which are applied to a `span` element inside the Button. Allows the usage of custom icons.
      */
-    iconClass: string;
+    set iconClass(iconClassName: string);
     /**
      * Defines a URL which is used for an `img` element inside the Button.
      * The URL can be relative or absolute. If relative, it is evaluated with relation to the web page URL.
      */
-    imageUrl: string;
+    set imageUrl(imageUrl: string);
     /**
      * If set to `true`, it disables the Button.
      */
-    disabled: boolean;
+    set disabled(disabled: boolean);
+    get disabled(): boolean;
     /**
      * @hidden
      */
@@ -94,18 +99,19 @@ export declare class ButtonDirective implements OnDestroy {
     private _selected;
     private deferTimeout;
     private domEvents;
-    isFocused: boolean;
-    readonly classButton: boolean;
-    readonly classPrimary: boolean;
-    readonly isToggleable: boolean;
-    readonly isFlat: boolean;
-    readonly isBare: boolean;
-    readonly isOutline: boolean;
-    readonly isClear: boolean;
-    readonly roleSetter: string;
-    readonly classDisabled: boolean;
-    readonly classActive: boolean;
-    readonly getDirection: string;
+    set isFocused(isFocused: boolean);
+    get isFocused(): boolean;
+    get classButton(): boolean;
+    get classPrimary(): boolean;
+    get isToggleable(): boolean;
+    get isFlat(): boolean;
+    get isBare(): boolean;
+    get isOutline(): boolean;
+    get isClear(): boolean;
+    get roleSetter(): string;
+    get classDisabled(): boolean;
+    get classActive(): boolean;
+    get getDirection(): string;
     /**
      * @hidden
      */
@@ -154,4 +160,6 @@ export declare class ButtonDirective implements OnDestroy {
     private setIconTextClasses;
     private toggleClass;
     private _onButtonClick;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonDirective, [null, null, { optional: true; }, null, null]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ButtonDirective, "button[kendoButton], span[kendoButton]", ["kendoButton"], { "toggleable": "toggleable"; "togglable": "togglable"; "primary": "primary"; "look": "look"; "selected": "selected"; "tabIndex": "tabIndex"; "icon": "icon"; "iconClass": "iconClass"; "imageUrl": "imageUrl"; "disabled": "disabled"; "role": "role"; }, { "selectedChange": "selectedChange"; "click": "click"; }, never>;
 }

package/{dist/es2015/button → button}/button.module.d.ts

@@ -2,6 +2,8 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+import * as i0 from "@angular/core";
+import * as i1 from "./button.directive";
 /**
  * Represents the [NgModule]({{ site.data.urls.angular['ngmodules'] }})
  * definition for the Button directive.
@@ -34,4 +36,7 @@
  * ```
  */
 export declare class ButtonModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ButtonModule, [typeof i1.ButtonDirective], never, [typeof i1.ButtonDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ButtonModule>;
 }

package/{dist/es2015/button → button}/button.service.d.ts

@@ -5,6 +5,7 @@
 import { Observable, BehaviorSubject, Subject } from 'rxjs';
 import { ButtonDirective } from "./button.directive";
 import { ButtonLook } from '../button-look';
+import * as i0 from "@angular/core";
 /**
  * @hidden
  */
@@ -14,4 +15,6 @@ export declare class KendoButtonService {
     buttonClicked$: Observable<ButtonDirective>;
     click(button: ButtonDirective): void;
     setButtonLook(look: ButtonLook): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KendoButtonService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<KendoButtonService>;
 }

package/{dist/es2015/buttongroup → buttongroup}/buttongroup.component.d.ts

@@ -9,6 +9,7 @@ import { ButtonGroupSelection } from '../button/selection-settings';
 import { KendoButtonService } from '../button/button.service';
 import { ButtonLook } from '../button-look';
 import { PreventableEvent } from '../preventable-event';
+import * as i0 from "@angular/core";
 /**
  * Represents the Kendo UI ButtonGroup component for Angular.
  */
@@ -53,7 +54,8 @@ export declare class ButtonGroupComponent implements OnInit, OnDestroy, AfterCon
     /**
      * Specifies the [`tabIndex`](https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex) of the component.
      */
-    tabIndex: number;
+    set tabIndex(value: number);
+    get tabIndex(): number;
     /**
      * Fires every time keyboard navigation occurs.
      */
@@ -64,17 +66,17 @@ export declare class ButtonGroupComponent implements OnInit, OnDestroy, AfterCon
     private direction;
     private subscription;
     private localizationChangeSubscription;
-    readonly wrapperClass: boolean;
-    readonly disabledClass: boolean;
-    readonly stretchedClass: boolean;
-    readonly isFlat: boolean;
-    readonly isBare: boolean;
-    readonly isOutline: boolean;
-    readonly getRole: string;
-    readonly dir: string;
-    readonly ariaDisabled: boolean;
-    readonly wrapperWidth: string;
-    readonly wrapperTabIndex: number;
+    get wrapperClass(): boolean;
+    get disabledClass(): boolean;
+    get stretchedClass(): boolean;
+    get isFlat(): boolean;
+    get isBare(): boolean;
+    get isOutline(): boolean;
+    get getRole(): string;
+    get dir(): string;
+    get ariaDisabled(): boolean;
+    get wrapperWidth(): string;
+    get wrapperTabIndex(): number;
     /**
      * @hidden
      */
@@ -101,4 +103,6 @@ export declare class ButtonGroupComponent implements OnInit, OnDestroy, AfterCon
     protected focus(buttons: Array<ButtonDirective>): void;
     private verifySettings;
     private isSelectionSingle;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonGroupComponent, "kendo-buttongroup", ["kendoButtonGroup"], { "disabled": "disabled"; "selection": "selection"; "width": "width"; "look": "look"; "tabIndex": "tabIndex"; }, { "navigate": "navigate"; }, ["buttons"], ["[kendoButton]"]>;
 }

package/buttongroup/buttongroup.module.d.ts

@@ -0,0 +1,21 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import * as i0 from "@angular/core";
+import * as i1 from "./buttongroup.component";
+import * as i2 from "@angular/common";
+import * as i3 from "../button/button.module";
+/**
+ * @hidden
+ *
+ * The exported package module.
+ *
+ * The package exports:
+ * - `ButtonGroupComponent`—The ButtonGroupComponent component class.
+ */
+export declare class ButtonGroupModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonGroupModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ButtonGroupModule, [typeof i1.ButtonGroupComponent], [typeof i2.CommonModule, typeof i3.ButtonModule], [typeof i1.ButtonGroupComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ButtonGroupModule>;
+}

package/{dist/es2015/buttons.module.d.ts → buttons.module.d.ts}

@@ -2,6 +2,13 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+import * as i0 from "@angular/core";
+import * as i1 from "./buttongroup/buttongroup.module";
+import * as i2 from "./button/button.module";
+import * as i3 from "./splitbutton/splitbutton.module";
+import * as i4 from "./dropdownbutton/dropdownbutton.module";
+import * as i5 from "./chip/chip.module";
+import * as i6 from "./floatingactionbutton/floatingactionbutton.module";
 /**
  * Represents the [NgModule]({{ site.data.urls.angular['ngmodules'] }})
  * definition for the Buttons components.
@@ -34,4 +41,7 @@
  * ```
  */
 export declare class ButtonsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ButtonsModule, never, never, [typeof i1.ButtonGroupModule, typeof i2.ButtonModule, typeof i3.SplitButtonModule, typeof i4.DropDownButtonModule, typeof i5.ChipModule, typeof i6.FloatingActionButtonModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ButtonsModule>;
 }

package/{dist/es2015/chip → chip}/chip-list.component.d.ts

@@ -7,6 +7,7 @@ import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { ChipComponent } from './chip.component';
 import { ChipListSelection } from './models/selection';
 import { ChipListRemoveEvent } from './chip-list-remove-event-args.interface';
+import * as i0 from "@angular/core";
 export declare class ChipListComponent implements OnInit, AfterContentInit, OnDestroy {
     private localizationService;
     private renderer;
@@ -33,8 +34,8 @@ export declare class ChipListComponent implements OnInit, AfterContentInit, OnDe
      */
     remove: EventEmitter<ChipListRemoveEvent>;
     chips: QueryList<ChipComponent>;
-    readonly single: boolean;
-    readonly multiple: boolean;
+    get single(): boolean;
+    get multiple(): boolean;
     role: string;
     private dynamicRTLSubscription;
     /**
@@ -51,4 +52,6 @@ export declare class ChipListComponent implements OnInit, AfterContentInit, OnDe
      */
     private setSelection;
     private clearSelection;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChipListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChipListComponent, "kendo-chip-list, kendo-chiplist", never, { "selection": "selection"; }, { "selectedChange": "selectedChange"; "remove": "remove"; }, ["chips"], ["*"]>;
 }