@progress/kendo-angular-buttons 7.0.1 → 8.0.0-next.202202091348

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

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

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

@@ -8,6 +8,7 @@ import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { ButtonGroupSelection } from '../button/selection-settings';
 import { KendoButtonService } from '../button/button.service';
 import { PreventableEvent } from '../preventable-event';
+import * as i0 from "@angular/core";
 /**
  * Represents the Kendo UI ButtonGroup component for Angular.
  */
@@ -41,7 +42,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.
      */
@@ -52,14 +54,14 @@ export declare class ButtonGroupComponent implements OnInit, OnDestroy, AfterCon
     private direction;
     private subscription;
     private localizationChangeSubscription;
-    readonly wrapperClass: boolean;
-    readonly disabledClass: boolean;
-    readonly stretchedClass: 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 getRole(): string;
+    get dir(): string;
+    get ariaDisabled(): boolean;
+    get wrapperWidth(): string;
+    get wrapperTabIndex(): number;
     /**
      * @hidden
      */
@@ -86,4 +88,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"; "tabIndex": "tabIndex"; }, { "navigate": "navigate"; }, ["buttons"], ["[kendoButton]"]>;
 }

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

@@ -2,6 +2,10 @@
 * 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
  *
@@ -11,4 +15,7 @@
  * - `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>;
 }