npm - @progress/kendo-angular-buttons - Versions diffs - 8.0.0 → 8.0.1-dev.202208111121 - Mend

@progress/kendo-angular-buttons 8.0.0 → 8.0.1-dev.202208111121

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (12) hide show

package/README.md +100 -2
package/bundles/kendo-angular-buttons.umd.js +1 -1
package/esm2015/button/button.directive.js +10 -7
package/esm2015/chip/chip.component.js +1 -1
package/esm2015/listbutton/button-item-template.directive.js +2 -2
package/esm2015/package-metadata.js +1 -1
package/esm2015/splitbutton/splitbutton.component.js +5 -5
package/fesm2015/kendo-angular-buttons.js +19 -17
package/listbutton/button-item-template.directive.d.ts +2 -2
package/listbutton/list-item-model.d.ts +1 -1
package/package.json +5 -5
package/splitbutton/splitbutton.component.d.ts +4 -4

package/README.md CHANGED Viewed

@@ -5,14 +5,112 @@
 ## Kendo UI for Angular Buttons Package (Button, ButtonGroup, Chip and ChipList, DropDownButton, FloatingActionButton, and SplitButton)
 > **Important**
-> * This package is part of [Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-buttons)&mdash;a commercial library.
+> * This package is part of [Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-buttons)&mdash;a commercial library designed and built for developing business applications with Angular. Every UI component in the Kendo UI for Angular suite has been built from the ground-up specifically for Angular.
 > * You will need to install a license key when adding the package to your project. For more information, please refer to the [Kendo UI for Angular My License page](https://www.telerik.com/kendo-angular-ui/my-license?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-buttons).
 > * To receive a license key, you need to either [purchase a license](https://www.telerik.com/purchase/kendo-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-buttons) or register for a [free trial](https://www.telerik.com/download-login-v2-kendo-angular-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-buttons). Doing so indicates that you [accept the Kendo UI for Angular License Agreement](https://www.telerik.com/purchase/license-agreement/kendo-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-buttons).
 > * The 30-day free trial gives you access to all the Kendo UI for Angular components and their full functionality. Additionally, for the period of your license, you get access to our legendary technical support provided directly by the Kendo UI for Angular dev team!
 >
 > [Start using Kendo UI for Angular](https://www.telerik.com/download-login-v2-kendo-angular-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-buttons) and speed up your development process!
-Kendo UI for Angular is a commercial UI library designed and built for developing business applications with Angular. Every UI component in the Kendo UI for Angular suite has been built from the ground-up specifically for Angular.
+What's in this package (ToC):
+* [Angular Button Component](#angular-button-component)
+* [Angular ButtonGroup Component](#angular-buttongroup-component)
+* [Angular Chip Component](#angular-chip-component)
+* [Angular Chip Component](#angular-chip-component)
+* [Angular Chiplist Component](#angular-chiplist-component)
+* [Angular DropDownButton Component](#angular-dropdownbutton-component)
+* [Angular FloatingActionButton Component](#angular-floatingactionbutton-component)
+* [Angular SplitButton Component](#angular-splitbutton-component)
+## Angular Button Component
+The [Angular Button](https://www.telerik.com/kendo-angular-ui/components/buttons/button/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-buttons) performs any action attached to it and will trigger and event when clicked. You can communicate the button's purprose with text only, and image (or icon only), or both. Additionally, built-in propertys help you easily configure the appearance.
+### Key Features
+* **Icon Button:** Chose an icon from the Kendo UI Icon library or provide your own image to give the button a viusal element.
+* **Toggleable Button:** Allow users to toggle true/false values and show which is active.
+* **Appearance:** Set the button's size, border radius, fill mode, and theme color.
+## Angular ButtonGroup Component
+The [Angular ButtonGroup](https://www.telerik.com/kendo-angular-ui/components/buttons/buttongroup/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-buttons) serves as a container for two or more buttons. The buttons contained within can be configured together or separately dending on your requirements.
+### Key Features
+* **Single or Multiple Selection Modes:** Choose to allow users to select only one button in each group or allow them to select multiple.
+* **Buttons Collection:** Conveniently and programatically render buttons and handle changes as a group.
+## Angular Chip Component
+The [Angular Chip Component](https://www.telerik.com/kendo-angular-ui/components/buttons/buttongroup/collections/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-buttons) represents a piece of information or an entity in a compact form. Chips, also called Pills, can typically be selected and removed. These useful tools are most often used to represent people in email clients.
+### Key Features
+* **Appearance:** Built-in options for size, border radius, fill, and theme colors make styling easy.
+* **Content Setup:** Either manually define content or programatically pass in a string.
+* **Customization:** Customize the default remove icon or display avatars.
+## Angular ChipList Component
+The [Angular Chiplist Component](https://www.telerik.com/kendo-angular-ui/components/buttons/chiplist/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-buttons) is a container for two or more Chip components. It's a great way to manage selected entities such as recipients of an email.
+### Key Features
+* **Selection Mode:** By default, Chips cannot be selected and the mode is set to none. But you can enable single or multiple selection modes.
+* **Size:** Setting the size of the ChipList determines the gap beteen individual Chips.
+## Angular DropDownButton Component
+The [Angular DropDownButton Component](https://www.telerik.com/kendo-angular-ui/components/buttons/dropdownbutton/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-buttons) displays a list with action items when clicked. Many configuration options allow you to confure the button and its dropdown menu, bind data, set icons, and more.
+### Key Features
+* **Data Binding:** Populate the button and menu content by binding to local or remote data.
+* **Templates:** Use templates to customize the popup menu and the items contained within.
+* **Icon DropDown:** Choose to render an icon with the menu items by choosing from the Kendo UI Icon collection or provide your own.
+* **Appearance:** Built-in options for size, border radius, fill, and theme colors make styling easy.
+## Angular FloatingActionButton Component
+The [Angular FloatingActionButton](https://www.telerik.com/kendo-angular-ui/components/buttons/floatingactionbutton/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-buttons) makes the most primary function of the application most availble by rendeing a button overlayed in an obvious location. When clicked, you can optionally, show additional options. A common example without secondary actions is the new email button in your Gmail app. A common example of a FloatingActionButton with secondard actions is a share button. When clicked, it shows your sharing options.
+### Key Features
+* **Icon FloatingActionButton:** The FloatingActionButton enables you to display various types of icons including the built-in Kendo UI icons or your own images.
+* **Positioning:** Align and position the FloatingActionButton in relation to a web page, an HTML element, or another Angular Component.
+* **Dial Items:** Display a stack of related sub-actions when the FloatingActionButton is clicked.
+* **Templates:** Define templates to display custom content or customize the appearance of the FloatingActionButton Dial items list.
+* **Appearance:** The FloatingActionButton delivers ready-to-use, predefined sets of styling options.
+## Angular SplitButton Component
+The [Angular SplitButton Component](https://www.telerik.com/kendo-angular-ui/components/buttons/splitbutton/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-buttons) gives the user a choise to click the main action or drop down a menu for additional choices.
+### Key Features
+* **Icon SplitButton"** The SplitButton enables you to display various types of icons including the built-in Kendo UI icons or your own images.
+* **Popup Items and Templates:** Configure the SplitButton popup and popup items by visually enhancing their rendering and by using templates for controlling their content.
+* **Content:** Configure the content of the SplitButton by adding it between the opening and the closing tags and by setting its text property.
+* **Data Binding:** Bind the SplitButton to data of the primitive (strings and numbers) or of the complex (data inside objects) type.
+## Angular Buttons Package Features
+The following features are available across all the components in this package:
+* **Disabled state:** To make the component read-only, just change a single property.
+* **Custom rendering:** You can replace the content of the buttons with custom icons, text and elements.
+* **Keyboard navigation:** You can interact with the buttons using only the keyboard.
+* **Accessibility support:** The Buttons are compliant with WAI-ARIA and Section 508.
+* [**Theme support:**](https://www.telerik.com/kendo-react-ui/components/styling/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-buttons) The Angular Buttons, as well as all+ components in the Kendo UI for Angular suite, are styled in three polished themes (Bootstrap, Material, and Default) and can be further customized to match your specific design guidelines.
+## Support Options
+For any issues you might encounter while working with the Angular Buttons, use any of the available support channels:
+* **Industry-leading technical support:** Kendo UI for Angular paid license holders and users with an active (free) trial license can take advantage of our outstanding customer support. To submit a ticket, use [the dedicated support system](https://www.telerik.com/account/support-tickets?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-buttons).
+* **Product forums:** The [Kendo UI for Angular forums](https://www.telerik.com/forums/kendo-ui-angular?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-buttons) are part of the free support you can get from the community and from the Kendo UI for Angular team.
+* **Feedback portal:** The [Kendo UI for Angular feedback portal](https://feedback.telerik.com/kendo-angular-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-angular-trial-npm-buttons) is where you can request and vote for new features to be added.
 ## Resources

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

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

package/esm2015/button/button.directive.js CHANGED Viewed

@@ -6,6 +6,7 @@ import { Directive, EventEmitter, HostBinding, HostListener, Input, Output, Opti
 import { isDocumentAvailable, isChanged, hasObservers, Keys } from '@progress/kendo-angular-common';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { Subscription } from 'rxjs';
+import { take } from 'rxjs/operators';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from '../package-metadata';
 import { getStylingClasses, getThemeColorClasses, isFirefox } from '../util';
@@ -423,13 +424,15 @@ export class ButtonDirective {
         }
     }
     addTextSpan() {
-        if (isDocumentAvailable() && this.hasText()) {
-            const span = this.renderer.createElement('span');
-            this.renderer.addClass(span, 'k-button-text');
-            const buttonContentNodes = Array.from(this.element.childNodes);
-            buttonContentNodes.forEach(node => this.renderer.appendChild(span, node));
-            this.renderer.appendChild(this.element, span);
-        }
+        this.ngZone.onStable.pipe(take(1)).subscribe(() => {
+            if (isDocumentAvailable() && this.hasText()) {
+                const span = this.renderer.createElement('span');
+                this.renderer.addClass(span, 'k-button-text');
+                const buttonContentNodes = Array.from(this.element.childNodes);
+                buttonContentNodes.forEach(node => this.renderer.appendChild(span, node));
+                this.renderer.appendChild(this.element, span);
+            }
+        });
     }
     prependChild(node) {
         this.defer(() => {

package/esm2015/chip/chip.component.js CHANGED Viewed

@@ -193,7 +193,7 @@ export class ChipComponent {
         if (this.removeIcon) {
             return `${this.removeIcon}`;
         }
-        return `k-i-close-circle`;
+        return `k-i-x-circle`;
     }
     /**
      * Focuses the Chip component.

package/esm2015/listbutton/button-item-template.directive.js CHANGED Viewed

@@ -34,14 +34,14 @@ import * as i0 from "@angular/core";
  * class AppComponent {
  *   public listItems: Array<any> = [{
  *      text: 'item1',
- *      icon: 'refresh',
+ *      icon: 'arrow-rotate-cw',
  *      disabled: false,
  *      click: (dataItem: any) => {
  *          //action
  *      }
  *  }, {
  *      text: 'item2',
- *      icon: 'refresh',
+ *      icon: 'arrow-rotate-cw',
  *      disabled: false,
  *      click: (dataItem: any) => {
  *          //action

package/esm2015/package-metadata.js CHANGED Viewed

@@ -9,7 +9,7 @@ export const packageMetadata = {
     name: '@progress/kendo-angular-buttons',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1650440722,
+    publishDate: 1660216864,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };

package/esm2015/splitbutton/splitbutton.component.js CHANGED Viewed

@@ -41,7 +41,7 @@ const DEFAULT_FILL_MODE = 'solid';
  * _@Component({
  * selector: 'my-app',
  * template: `
- *  <kendo-splitbutton [data]="data" icon="paste"
+ *  <kendo-splitbutton [data]="data" icon="clipboard"
  *      (itemClick)="onSplitButtonItemClick($event)"
  *      (buttonClick)="onSplitButtonClick()">Paste</kendo-splitbutton>
  * `
@@ -50,14 +50,14 @@ const DEFAULT_FILL_MODE = 'solid';
  * class AppComponent {
  *   public data: Array<any> = [{
  *       text: 'Keep Text Only',
- *       icon: 'paste-plain-text',
+ *       icon: 'clipboard-text',
  *       click: () => { console.log('Keep Text Only click handler'); }
  *   }, {
  *       text: 'Paste as HTML',
- *       icon: 'paste-as-html'
+ *       icon: 'clipboard-code'
  *   }, {
  *       text: 'Paste Markdown',
- *       icon: 'paste-markdown'
+ *       icon: 'clipboard-markdown'
  *   }, {
  *       text: 'Set Default Paste'
  *   }];
@@ -143,7 +143,7 @@ export class SplitButtonComponent extends ListButton {
          * Specifies the name of the [font icon]({% slug icons %}#toc-list-of-font-icons) that will
          * be rendered for the button which opens the popup.
          */
-        this.arrowButtonIcon = 'arrow-s';
+        this.arrowButtonIcon = 'caret-alt-down';
         /**
          * Fires each time the user clicks the main button.
          *

package/fesm2015/kendo-angular-buttons.js CHANGED Viewed

@@ -9,13 +9,13 @@ import { isDocumentAvailable, Keys, isChanged, hasObservers, guid, EventsModule
 import * as i1 from '@progress/kendo-angular-l10n';
 import { LocalizationService, L10N_PREFIX, ComponentMessages } from '@progress/kendo-angular-l10n';
 import { Subject, Subscription, fromEvent, merge } from 'rxjs';
+import { take, filter } from 'rxjs/operators';
 import { validatePackage } from '@progress/kendo-licensing';
 import { detectDesktopBrowser, detectMobileOS } from '@progress/kendo-common';
 import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i3 from '@progress/kendo-angular-popup';
 import { PopupModule } from '@progress/kendo-angular-popup';
-import { filter, take } from 'rxjs/operators';
 import * as i4 from '@angular/animations';
 import { sequence, query, style, stagger, animate } from '@angular/animations';
@@ -26,7 +26,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-buttons',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1650440722,
+    publishDate: 1660216864,
     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'
 };
@@ -562,13 +562,15 @@ class ButtonDirective {
         }
     }
     addTextSpan() {
-        if (isDocumentAvailable() && this.hasText()) {
-            const span = this.renderer.createElement('span');
-            this.renderer.addClass(span, 'k-button-text');
-            const buttonContentNodes = Array.from(this.element.childNodes);
-            buttonContentNodes.forEach(node => this.renderer.appendChild(span, node));
-            this.renderer.appendChild(this.element, span);
-        }
+        this.ngZone.onStable.pipe(take(1)).subscribe(() => {
+            if (isDocumentAvailable() && this.hasText()) {
+                const span = this.renderer.createElement('span');
+                this.renderer.addClass(span, 'k-button-text');
+                const buttonContentNodes = Array.from(this.element.childNodes);
+                buttonContentNodes.forEach(node => this.renderer.appendChild(span, node));
+                this.renderer.appendChild(this.element, span);
+            }
+        });
     }
     prependChild(node) {
         this.defer(() => {
@@ -1381,14 +1383,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
  * class AppComponent {
  *   public listItems: Array<any> = [{
  *      text: 'item1',
- *      icon: 'refresh',
+ *      icon: 'arrow-rotate-cw',
  *      disabled: false,
  *      click: (dataItem: any) => {
  *          //action
  *      }
  *  }, {
  *      text: 'item2',
- *      icon: 'refresh',
+ *      icon: 'arrow-rotate-cw',
  *      disabled: false,
  *      click: (dataItem: any) => {
  *          //action
@@ -1841,7 +1843,7 @@ const DEFAULT_FILL_MODE$1 = 'solid';
  * _@Component({
  * selector: 'my-app',
  * template: `
- *  <kendo-splitbutton [data]="data" icon="paste"
+ *  <kendo-splitbutton [data]="data" icon="clipboard"
  *      (itemClick)="onSplitButtonItemClick($event)"
  *      (buttonClick)="onSplitButtonClick()">Paste</kendo-splitbutton>
  * `
@@ -1850,14 +1852,14 @@ const DEFAULT_FILL_MODE$1 = 'solid';
  * class AppComponent {
  *   public data: Array<any> = [{
  *       text: 'Keep Text Only',
- *       icon: 'paste-plain-text',
+ *       icon: 'clipboard-text',
  *       click: () => { console.log('Keep Text Only click handler'); }
  *   }, {
  *       text: 'Paste as HTML',
- *       icon: 'paste-as-html'
+ *       icon: 'clipboard-code'
  *   }, {
  *       text: 'Paste Markdown',
- *       icon: 'paste-markdown'
+ *       icon: 'clipboard-markdown'
  *   }, {
  *       text: 'Set Default Paste'
  *   }];
@@ -1943,7 +1945,7 @@ class SplitButtonComponent extends ListButton {
          * Specifies the name of the [font icon]({% slug icons %}#toc-list-of-font-icons) that will
          * be rendered for the button which opens the popup.
          */
-        this.arrowButtonIcon = 'arrow-s';
+        this.arrowButtonIcon = 'caret-alt-down';
         /**
          * Fires each time the user clicks the main button.
          *
@@ -3530,7 +3532,7 @@ class ChipComponent {
         if (this.removeIcon) {
             return `${this.removeIcon}`;
         }
-        return `k-i-close-circle`;
+        return `k-i-x-circle`;
     }
     /**
      * Focuses the Chip component.

package/listbutton/button-item-template.directive.d.ts CHANGED Viewed

@@ -34,14 +34,14 @@ import * as i0 from "@angular/core";
  * class AppComponent {
  *   public listItems: Array<any> = [{
  *      text: 'item1',
- *      icon: 'refresh',
+ *      icon: 'arrow-rotate-cw',
  *      disabled: false,
  *      click: (dataItem: any) => {
  *          //action
  *      }
  *  }, {
  *      text: 'item2',
- *      icon: 'refresh',
+ *      icon: 'arrow-rotate-cw',
  *      disabled: false,
  *      click: (dataItem: any) => {
  *          //action

package/listbutton/list-item-model.d.ts CHANGED Viewed

@@ -17,7 +17,7 @@
  * class AppComponent {
  *   public listItems: ListItemModel[] = [{
  *      text: 'item1',
- *      icon: 'refresh',
+ *      icon: 'arrow-rotate-cw',
  *      click: (dataItem: any) => {
  *          //action
  *      }

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-buttons",
-  "version": "8.0.0",
+  "version": "8.0.1-dev.202208111121",
   "description": "Buttons Package for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -71,11 +71,11 @@
     "fallbackTags": {
       "dev": "latest"
     },
-    "analyzeCommits": "@telerik/semantic-prerelease/analyzeCommits",
+    "analyzeCommits": "@progress/semantic-prerelease/analyzeCommits",
     "generateNotes": "@progress/kendo-angular-tasks/lib/generateNotes",
-    "getLastRelease": "@telerik/semantic-prerelease/getLastRelease",
-    "verifyConditions": "@telerik/semantic-prerelease/verifyConditions",
-    "verifyRelease": "@telerik/semantic-prerelease/verifyRelease"
+    "getLastRelease": "@progress/semantic-prerelease/getLastRelease",
+    "verifyConditions": "@progress/semantic-prerelease/verifyConditions",
+    "verifyRelease": "@progress/semantic-prerelease/verifyRelease"
   },
   "main": "bundles/kendo-angular-buttons.umd.js",
   "module": "fesm2015/kendo-angular-buttons.js",

package/splitbutton/splitbutton.component.d.ts CHANGED Viewed

@@ -21,7 +21,7 @@ import * as i0 from "@angular/core";
  * _@Component({
  * selector: 'my-app',
  * template: `
- *  <kendo-splitbutton [data]="data" icon="paste"
+ *  <kendo-splitbutton [data]="data" icon="clipboard"
  *      (itemClick)="onSplitButtonItemClick($event)"
  *      (buttonClick)="onSplitButtonClick()">Paste</kendo-splitbutton>
  * `
@@ -30,14 +30,14 @@ import * as i0 from "@angular/core";
  * class AppComponent {
  *   public data: Array<any> = [{
  *       text: 'Keep Text Only',
- *       icon: 'paste-plain-text',
+ *       icon: 'clipboard-text',
  *       click: () => { console.log('Keep Text Only click handler'); }
  *   }, {
  *       text: 'Paste as HTML',
- *       icon: 'paste-as-html'
+ *       icon: 'clipboard-code'
  *   }, {
  *       text: 'Paste Markdown',
- *       icon: 'paste-markdown'
+ *       icon: 'clipboard-markdown'
  *   }, {
  *       text: 'Set Default Paste'
  *   }];