@progress/kendo-angular-buttons 8.2.2 → 11.0.0-develop.80

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

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

package/esm2015/chip/models/selection.js

@@ -1,5 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-export {};

package/esm2015/common/models/fillmode.js

@@ -1,5 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-export {};

package/esm2015/common/models/rounded.js

@@ -1,5 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-export {};

package/esm2015/common/models/size.js

@@ -1,5 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-export {};

package/esm2015/common/models/styling-classes.js

@@ -1,5 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-export {};

package/esm2015/common/models/theme-color.js

@@ -1,5 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-export {};

package/esm2015/direction.js

@@ -1,5 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-export {};

package/esm2015/floatingactionbutton/models/align.js

@@ -1,5 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-export {};

package/esm2015/floatingactionbutton/models/item-animation.interface.js

@@ -1,5 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-export {};

package/esm2015/floatingactionbutton/models/item-click.event.js

@@ -1,5 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-export {};

package/esm2015/floatingactionbutton/models/item.interface.js

@@ -1,5 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-export {};

package/esm2015/floatingactionbutton/models/offset.js

@@ -1,5 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-export {};

package/esm2015/floatingactionbutton/models/position-mode.js

@@ -1,5 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-export {};

package/esm2015/listbutton/list-item-model.js

@@ -1,5 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-export {};

package/esm2015/listbutton/popup-settings.js

@@ -1,5 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-export {};

package/schematics/ngAdd/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../tooling/schematics/ngAdd/index.ts"],"names":[],"mappings":";;AAAA,2DAKqC;AAErC,mBAAyB,OAAY;IACjC,MAAM,YAAY,mCACX,OAAO,KACV,YAAY,EAAE,eAAe,EAC7B,OAAO,EAAE,SAAS,CAAC,wBAAwB;OAC9C,CAAC;IAEF,OAAO,8BAAiB,CAAC,4BAA4B,EAAE,QAAQ,EAAE,YAAY,CAAC,CAAC;AACnF,CAAC;AARD,4BAQC"}