npm - @progress/kendo-angular-layout - Versions diffs - 7.0.0-next.202203231147 → 7.0.0-next.202204011204 - Mend

@progress/kendo-angular-layout 7.0.0-next.202203231147 → 7.0.0-next.202204011204

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 (4) hide show

package/bundles/kendo-angular-layout.umd.js +1 -1
package/esm2015/package-metadata.js +1 -1
package/fesm2015/kendo-angular-layout.js +1 -1
package/package.json +2 -2

package/bundles/kendo-angular-layout.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-l10n"),require("@progress/kendo-angular-common"),require("@progress/kendo-licensing"),require("@angular/animations"),require("rxjs"),require("@angular/common"),require("rxjs/operators"),require("@progress/kendo-angular-progressbar"),require("@telerik/kendo-draggable")):"function"==typeof define&&define.amd?define("KendoAngularLayout",["exports","@angular/core","@progress/kendo-angular-l10n","@progress/kendo-angular-common","@progress/kendo-licensing","@angular/animations","rxjs","@angular/common","rxjs/operators","@progress/kendo-angular-progressbar","@telerik/kendo-draggable"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoAngularLayout={},e.ng.core,e.KendoAngularL10N,e.KendoAngularCommon,e.KendoLicensing,e.ng.animations,e.rxjs,e.ng.common,e.rxjs.operators,e.KendoAngularProgressbar,e.Draggable)}(this,function(s,a,e,l,L,p,c,t,H,n,i){"use strict";function j(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function M(n){if(n&&n.__esModule)return n;var i=Object.create(null);return n&&Object.keys(n).forEach(function(e){var t;"default"!==e&&(t=Object.getOwnPropertyDescriptor(n,e),Object.defineProperty(i,e,t.get?t:{enumerable:!0,get:function(){return n[e]}}))}),i.default=n,Object.freeze(i)}function A(e){return e.map(function(e){return e.id||(e.id="default-"+ne++),e.children&&(e.children=A(e.children)),e})}function N(e){return e===l.Keys.ArrowLeft||e===l.Keys.ArrowRight}function _(e){return e===l.Keys.ArrowUp||e===l.Keys.ArrowDown}function K(e){return e===l.Keys.PageUp||e===l.Keys.PageDown||e===l.Keys.Home||e===l.Keys.End}function W(e){var t,n,i;return!!e.tagName&&(t=e.tagName.toLowerCase(),n="-1"===(i=e.getAttribute("tabIndex")),i=null!==i&&!n,se.test(t)?!e.disabled&&!n:i)}function Z(e,t){return Boolean((e=e.className,String(e).trim().split(" ").find(function(e){return e===t})))}function X(e,t,n,i){for(;e&&e!==n&&!t(e,i);)e=e.parentNode;if(e!==n)return e}function U(e,t){return+e.getAttribute(t)}function $(e,t){return g(e.getAttribute(t))}function Y(e,t,n){return X(e,$,n,t)}var r=M(a),o=M(e),q=M(l),G=M(p),d=M(t),Q=M(n),J=j(i),ee={name:"@progress/kendo-angular-layout",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1648035900,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"},i=(s.PanelBarExpandMode=void 0,(i=s.PanelBarExpandMode||(s.PanelBarExpandMode={}))[i.Single=0]="Single",i[i.Full=1]="Full",i[i.Multiple=2]="Multiple",i[i.Default=2]="Default",function(e){this.templateRef=e}),te=(i.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:i,deps:[{token:r.TemplateRef}],target:r.ɵɵFactoryTarget.Directive}),i.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:i,selector:"[kendoPanelBarContent]",ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:i,decorators:[{type:a.Directive,args:[{selector:"[kendoPanelBarContent]"}]}],ctorParameters:function(){return[{type:r.TemplateRef}]}}),function(e){this.templateRef=e}),ne=(te.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:te,deps:[{token:r.TemplateRef,optional:!0}],target:r.ɵɵFactoryTarget.Directive}),te.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:te,selector:"[kendoPanelBarItemTitle]",ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:te,decorators:[{type:a.Directive,args:[{selector:"[kendoPanelBarItemTitle]"}]}],ctorParameters:function(){return[{type:r.TemplateRef,decorators:[{type:a.Optional}]}]}}),0),ie={small:"sm",medium:"md",large:"lg"},re={small:"sm",medium:"md",large:"lg",full:"full"},oe={rounded:"large",circle:"full"},g=function(e){return null!=e},se=/^(?:a|input|select|option|textarea|button|object)$/i,ae=0,le=(pe.prototype.onKeepContent=function(e){this.keepContentSource.next(e)},pe.prototype.onSelect=function(e){this.childSource.next(e)},pe.prototype.onFocus=function(){this.parentSource.next(!0)},pe.prototype.onBlur=function(){this.parentSource.next(!1)},pe);function pe(){this.parentSource=new c.Subject,this.keepContentSource=new c.BehaviorSubject(!1),this.childSource=new c.Subject,this.parent$=this.parentSource.asObservable(),this.children$=this.childSource.asObservable(),this.keepContent$=this.keepContentSource.asObservable(),this.pbId=ae++}le.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:le,deps:[],target:r.ɵɵFactoryTarget.Injectable}),le.ɵprov=r.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:le}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:le,decorators:[{type:a.Injectable}],ctorParameters:function(){return[]}});var ce=0,u=(Object.defineProperty(h.prototype,"expanded",{get:function(){return this._expanded},set:function(e){var t=this.animate?"active":"activeWithoutAnimation";this.state=e?t:"inactive",this.keepContent||this.toggleExpandedChildAnimations(e),this._expanded=e},enumerable:!1,configurable:!0}),Object.defineProperty(h.prototype,"animate",{get:function(){return this.eventService.animate},enumerable:!1,configurable:!0}),Object.defineProperty(h.prototype,"kStateDefaultClass",{get:function(){return!this.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(h.prototype,"kStateDisabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(h.prototype,"kStateExpandedClass",{get:function(){return!this.disabled&&this.expanded&&(this.hasChildItems||this.hasContent)},enumerable:!1,configurable:!0}),Object.defineProperty(h.prototype,"itemId",{get:function(){return"k-panelbar-"+this.eventService.pbId+"-item-"+this.id},enumerable:!1,configurable:!0}),Object.defineProperty(h.prototype,"ariaExpanded",{get:function(){return this.hasChildItems||this.hasContent?!this.disabled&&this.expanded:null},enumerable:!1,configurable:!0}),Object.defineProperty(h.prototype,"ariaSelected",{get:function(){return!this.disabled&&this.selected},enumerable:!1,configurable:!0}),Object.defineProperty(h.prototype,"ariaDisabled",{get:function(){return!!this.disabled||null},enumerable:!1,configurable:!0}),Object.defineProperty(h.prototype,"headerClass",{get:function(){return!this.parent||null},enumerable:!1,configurable:!0}),Object.defineProperty(h.prototype,"childClass",{get:function(){return!!this.parent||null},enumerable:!1,configurable:!0}),Object.defineProperty(h.prototype,"titleTemplate",{get:function(){return 0<this.titleTemplates.length?this.titleTemplates.toArray()[0].templateRef:void 0},enumerable:!1,configurable:!0}),h.prototype.headerHeight=function(){return this.element.nativeElement.offsetHeight-(this.contentWrapper?this.contentWrapper.nativeElement.offsetHeight:0)},h.prototype.ngOnInit=function(){this.addLevelClass()},h.prototype.ngAfterContentChecked=function(){var t=this;this.hasItems=this.items&&0<this.items.filter(function(e){return!e.hidden}).length,this.hasChildItems=0<this.contentItems.filter(function(e){return e!==t}).length||this.hasItems,this.hasContent=void 0!==this.contentTemplate&&0<this.contentTemplate.length||void 0!==this.content,this.validateConfiguration()},h.prototype.ngAfterViewChecked=function(){var t=this;this.items?this.childrenItems=this.viewChildItems.toArray():this.childrenItems=this.contentItems.filter(function(e){return e!==t})},h.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},h.prototype.onItemAction=function(){this.disabled||this.eventService.onSelect(this)},h.prototype.onItemClick=function(e){W(e.target)||this.onItemAction()},Object.defineProperty(h.prototype,"iconClasses",{get:function(){var e={};return e[(this.icon?"k-i-"+this.icon:null)||this.iconClass]=!0,e},enumerable:!1,configurable:!0}),h.prototype.serialize=function(){return{content:this.content,disabled:this.disabled,expanded:this.expanded,focused:this.focused,icon:this.icon,iconClass:this.iconClass,id:this.id,imageUrl:this.imageUrl,selected:this.selected,title:this.title}},h.prototype.subTreeViewItems=function(){var t=[];return this.viewChildItems.forEach(function(e){(t=t.concat(e.subTreeViewItems())).push(e)}),t},h.prototype.validateConfiguration=function(){if(a.isDevMode()&&this.content&&void 0!==this.contentTemplate&&0<this.contentTemplate.length)throw new Error("Invalid configuration: mixed template components and component property.")},h.prototype.toggleAnimationState=function(e){this.animate&&(this.state=e&&this.eventService.expandMode!==s.PanelBarExpandMode.Single?"active":"activeWithoutAnimation")},h.prototype.toggleExpandedChildAnimations=function(t){this.childrenItems&&this.childrenItems.forEach(function(e){e.expanded&&(e.toggleAnimationState(t),e.toggleExpandedChildAnimations(t))})},h.prototype.addLevelClass=function(){0<=this.level&&this.renderer.addClass(this.element.nativeElement,"k-level-"+this.level)},h.prototype.onWrapperFocusChange=function(e){this.wrapperFocused=e},h);function h(e,t,n,i){var r=this;this.parent=e,this.eventService=t,this.element=n,this.renderer=i,this.id="default-"+ce++,this.icon="",this.iconClass="",this.imageUrl="",this.disabled=!1,this.selected=!1,this.keepContent=!1,this.hasChildItems=!1,this.hasItems=!1,this.hasContent=!1,this.state="inactive",this.role="treeitem",this.titleAttribute=null,this.kItemClass=!0,this.focused=!1,this.wrapperFocused=!1,this.subscriptions=new c.Subscription(function(){}),this._expanded=!1,this.subscriptions.add(t.parent$.subscribe(function(e){return r.onWrapperFocusChange(e)})),this.subscriptions.add(t.keepContent$.subscribe(function(e){return r.keepContent=e})),this.wrapperFocused=!!e&&e.focused,this.level=this.parent?this.parent.level+1:0}u.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:u,deps:[{token:u,host:!0,optional:!0,skipSelf:!0},{token:le},{token:r.ElementRef},{token:r.Renderer2}],target:r.ɵɵFactoryTarget.Component}),u.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:u,selector:"kendo-panelbar-item",inputs:{title:"title",id:"id",icon:"icon",iconClass:"iconClass",imageUrl:"imageUrl",disabled:"disabled",expanded:"expanded",selected:"selected",content:"content",items:"items",template:"template"},host:{properties:{"attr.role":"this.role","attr.title":"this.titleAttribute","class.k-item":"this.kItemClass","class.k-state-default":"this.kStateDefaultClass","class.k-state-disabled":"this.kStateDisabledClass","class.k-state-expanded":"this.kStateExpandedClass",id:"this.itemId","attr.aria-expanded":"this.ariaExpanded","attr.aria-selected":"this.ariaSelected","attr.aria-disabled":"this.ariaDisabled","class.k-panelbar-header":"this.headerClass","class.k-panelbar-item":"this.childClass"}},queries:[{propertyName:"contentItems",predicate:u},{propertyName:"contentTemplate",predicate:i},{propertyName:"titleTemplates",predicate:te}],viewQueries:[{propertyName:"header",first:!0,predicate:["header"],descendants:!0},{propertyName:"contentWrapper",first:!0,predicate:["contentWrapper"],descendants:!0},{propertyName:"viewChildItems",predicate:u,descendants:!0}],exportAs:["kendoPanelbarItem"],ngImport:r,template:'\n            <span\n                #header\n                [class.k-link]="true"\n                [class.k-state-selected]="!disabled && selected"\n                [class.k-state-focused]="focused && wrapperFocused"\n                (click)="onItemClick($event)">\n                <span\n                    *ngIf="icon || iconClass"\n                    class="k-icon k-panelbar-item-icon"\n                    [ngClass]="iconClasses">\n                </span>\n                <img\n                    *ngIf="imageUrl"\n                    class="k-image k-panelbar-item-icon"\n                    [src]="imageUrl"\n                    alt="">\n                <ng-container *ngIf="!titleTemplate"><span class="k-panelbar-item-text">{{title}}</span></ng-container>\n                <ng-template *ngIf="titleTemplate" [ngTemplateOutlet]="titleTemplate"></ng-template>\n                <span *ngIf="hasChildItems || hasContent"\n                    class="k-icon k-panelbar-toggle"\n                    [ngClass]="{\'k-i-arrow-chevron-up k-panelbar-collapse\': expanded, \'k-i-arrow-chevron-down k-panelbar-expand\': !expanded}">\n                </span>\n            </span>\n            <div #contentWrapper\n                *ngIf="keepContent || (!disabled && expanded && (hasChildItems || hasContent))"\n                [@toggle]="state"\n                [attr.role]="\'group\'"\n                [attr.aria-hidden]="!disabled && !expanded">\n                <div\n                    *ngIf="hasChildItems && !items?.length"\n                    [style.overflow]="contentOverflow"\n                    [style.height]="contentHeight"\n                    class="k-panel k-group k-panelbar-group">\n                        <ng-content select="kendo-panelbar-item"></ng-content>\n                </div>\n                <div\n                    *ngIf="hasContent && !content"\n                    [style.overflow]="contentOverflow"\n                    [style.height]="contentHeight"\n                    class="k-content k-panelbar-content">\n                    <ng-template\n                        [ngTemplateOutlet]="contentTemplate.first.templateRef"\n                        [ngTemplateOutletContext]="{\n                            $implicit: {\n                                title: title,\n                                id: id,\n                                icon: icon,\n                                imageUrl: imageUrl,\n                                disabled: disabled,\n                                content: content\n                            }\n                        }">\n                    </ng-template>\n                </div>\n                <div *ngIf="hasItems"\n                    [style.overflow]="contentOverflow"\n                    [style.height]="contentHeight"\n                    class="k-panel k-group k-panelbar-group">\n                    <ng-container *ngFor="let item of items">\n                        <kendo-panelbar-item *ngIf="!item.hidden"\n                            [title]="item.title"\n                            [id]="item.id"\n                            [icon]="item.icon"\n                            [iconClass]="item.iconClass"\n                            [imageUrl]="item.imageUrl"\n                            [selected]="!!item.selected"\n                            [expanded]="!!item.expanded"\n                            [disabled]="!!item.disabled"\n                            [template]="template"\n                            [items]="item.children"\n                            [content]="item.content">\n                        </kendo-panelbar-item>\n                    </ng-container>\n                </div>\n                <div\n                    *ngIf="content"\n                    [style.overflow]="contentOverflow"\n                    [style.height]="contentHeight"\n                    class="k-content k-panelbar-content">\n                    <ng-template\n                        [ngTemplateOutlet]="template"\n                        [ngTemplateOutletContext]="{\n                            $implicit: {\n                                title: title,\n                                id: id,\n                                icon: icon,\n                                imageUrl: imageUrl,\n                                disabled: disabled,\n                                content: content\n                            }\n                        }">\n                    </ng-template>\n                    <ng-template [ngIf]="!template">{{content}}</ng-template>\n                </div>\n            </div>',isInline:!0,components:[{type:u,selector:"kendo-panelbar-item",inputs:["title","id","icon","iconClass","imageUrl","disabled","expanded","selected","content","items","template"],exportAs:["kendoPanelbarItem"]}],directives:[{type:d.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:d.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:d.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]},{type:d.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]}],animations:[p.trigger("toggle",[p.state("inactive",p.style({display:"none"})),p.transition("* => active",[p.style({overflow:"hidden",display:"block",height:0}),p.animate(200,p.style({height:p.AUTO_STYLE}))]),p.transition("active => *",[p.style({overflow:"hidden",height:p.AUTO_STYLE}),p.animate(200,p.style({height:0,display:"none"}))])])]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:u,decorators:[{type:a.Component,args:[{animations:[p.trigger("toggle",[p.state("inactive",p.style({display:"none"})),p.transition("* => active",[p.style({overflow:"hidden",display:"block",height:0}),p.animate(200,p.style({height:p.AUTO_STYLE}))]),p.transition("active => *",[p.style({overflow:"hidden",height:p.AUTO_STYLE}),p.animate(200,p.style({height:0,display:"none"}))])])],exportAs:"kendoPanelbarItem",selector:"kendo-panelbar-item",template:'\n            <span\n                #header\n                [class.k-link]="true"\n                [class.k-state-selected]="!disabled && selected"\n                [class.k-state-focused]="focused && wrapperFocused"\n                (click)="onItemClick($event)">\n                <span\n                    *ngIf="icon || iconClass"\n                    class="k-icon k-panelbar-item-icon"\n                    [ngClass]="iconClasses">\n                </span>\n                <img\n                    *ngIf="imageUrl"\n                    class="k-image k-panelbar-item-icon"\n                    [src]="imageUrl"\n                    alt="">\n                <ng-container *ngIf="!titleTemplate"><span class="k-panelbar-item-text">{{title}}</span></ng-container>\n                <ng-template *ngIf="titleTemplate" [ngTemplateOutlet]="titleTemplate"></ng-template>\n                <span *ngIf="hasChildItems || hasContent"\n                    class="k-icon k-panelbar-toggle"\n                    [ngClass]="{\'k-i-arrow-chevron-up k-panelbar-collapse\': expanded, \'k-i-arrow-chevron-down k-panelbar-expand\': !expanded}">\n                </span>\n            </span>\n            <div #contentWrapper\n                *ngIf="keepContent || (!disabled && expanded && (hasChildItems || hasContent))"\n                [@toggle]="state"\n                [attr.role]="\'group\'"\n                [attr.aria-hidden]="!disabled && !expanded">\n                <div\n                    *ngIf="hasChildItems && !items?.length"\n                    [style.overflow]="contentOverflow"\n                    [style.height]="contentHeight"\n                    class="k-panel k-group k-panelbar-group">\n                        <ng-content select="kendo-panelbar-item"></ng-content>\n                </div>\n                <div\n                    *ngIf="hasContent && !content"\n                    [style.overflow]="contentOverflow"\n                    [style.height]="contentHeight"\n                    class="k-content k-panelbar-content">\n                    <ng-template\n                        [ngTemplateOutlet]="contentTemplate.first.templateRef"\n                        [ngTemplateOutletContext]="{\n                            $implicit: {\n                                title: title,\n                                id: id,\n                                icon: icon,\n                                imageUrl: imageUrl,\n                                disabled: disabled,\n                                content: content\n                            }\n                        }">\n                    </ng-template>\n                </div>\n                <div *ngIf="hasItems"\n                    [style.overflow]="contentOverflow"\n                    [style.height]="contentHeight"\n                    class="k-panel k-group k-panelbar-group">\n                    <ng-container *ngFor="let item of items">\n                        <kendo-panelbar-item *ngIf="!item.hidden"\n                            [title]="item.title"\n                            [id]="item.id"\n                            [icon]="item.icon"\n                            [iconClass]="item.iconClass"\n                            [imageUrl]="item.imageUrl"\n                            [selected]="!!item.selected"\n                            [expanded]="!!item.expanded"\n                            [disabled]="!!item.disabled"\n                            [template]="template"\n                            [items]="item.children"\n                            [content]="item.content">\n                        </kendo-panelbar-item>\n                    </ng-container>\n                </div>\n                <div\n                    *ngIf="content"\n                    [style.overflow]="contentOverflow"\n                    [style.height]="contentHeight"\n                    class="k-content k-panelbar-content">\n                    <ng-template\n                        [ngTemplateOutlet]="template"\n                        [ngTemplateOutletContext]="{\n                            $implicit: {\n                                title: title,\n                                id: id,\n                                icon: icon,\n                                imageUrl: imageUrl,\n                                disabled: disabled,\n                                content: content\n                            }\n                        }">\n                    </ng-template>\n                    <ng-template [ngIf]="!template">{{content}}</ng-template>\n                </div>\n            </div>'}]}],ctorParameters:function(){return[{type:u,decorators:[{type:a.SkipSelf},{type:a.Host},{type:a.Optional}]},{type:le},{type:r.ElementRef},{type:r.Renderer2}]},propDecorators:{title:[{type:a.Input}],id:[{type:a.Input}],icon:[{type:a.Input}],iconClass:[{type:a.Input}],imageUrl:[{type:a.Input}],disabled:[{type:a.Input}],expanded:[{type:a.Input}],selected:[{type:a.Input}],content:[{type:a.Input}],items:[{type:a.Input}],template:[{type:a.Input}],header:[{type:a.ViewChild,args:["header",{static:!1}]}],contentWrapper:[{type:a.ViewChild,args:["contentWrapper",{static:!1}]}],role:[{type:a.HostBinding,args:["attr.role"]}],titleAttribute:[{type:a.HostBinding,args:["attr.title"]}],kItemClass:[{type:a.HostBinding,args:["class.k-item"]}],kStateDefaultClass:[{type:a.HostBinding,args:["class.k-state-default"]}],kStateDisabledClass:[{type:a.HostBinding,args:["class.k-state-disabled"]}],kStateExpandedClass:[{type:a.HostBinding,args:["class.k-state-expanded"]}],itemId:[{type:a.HostBinding,args:["id"]}],ariaExpanded:[{type:a.HostBinding,args:["attr.aria-expanded"]}],ariaSelected:[{type:a.HostBinding,args:["attr.aria-selected"]}],ariaDisabled:[{type:a.HostBinding,args:["attr.aria-disabled"]}],headerClass:[{type:a.HostBinding,args:["class.k-panelbar-header"]}],childClass:[{type:a.HostBinding,args:["class.k-panelbar-item"]}],viewChildItems:[{type:a.ViewChildren,args:[u]}],contentItems:[{type:a.ContentChildren,args:[u]}],contentTemplate:[{type:a.ContentChildren,args:[i,{descendants:!1}]}],titleTemplates:[{type:a.ContentChildren,args:[te,{descendants:!1}]}]}});var de=function(e){this.templateRef=e},ge=(de.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:de,deps:[{token:r.TemplateRef,optional:!0}],target:r.ɵɵFactoryTarget.Directive}),de.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:de,selector:"[kendoPanelBarItemTemplate]",ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:de,decorators:[{type:a.Directive,args:[{selector:"[kendoPanelBarItemTemplate]"}]}],ctorParameters:function(){return[{type:r.TemplateRef,decorators:[{type:a.Optional}]}]}}),Object.defineProperty(m.prototype,"keepItemContent",{get:function(){return this._keepItemContent},set:function(e){this._keepItemContent=e,this.eventService.onKeepContent(e)},enumerable:!1,configurable:!0}),Object.defineProperty(m.prototype,"items",{get:function(){return this._items},set:function(e){e&&(this._items=A(e))},enumerable:!1,configurable:!0}),Object.defineProperty(m.prototype,"hostHeight",{get:function(){return this.expandMode===s.PanelBarExpandMode.Full?this.height:"auto"},enumerable:!1,configurable:!0}),Object.defineProperty(m.prototype,"overflow",{get:function(){return this.expandMode===s.PanelBarExpandMode.Full?"hidden":"visible"},enumerable:!1,configurable:!0}),Object.defineProperty(m.prototype,"dir",{get:function(){return this.localization.rtl?"rtl":"ltr"},enumerable:!1,configurable:!0}),m.prototype.invertKeys=function(e,t){return this.localization.rtl?t:e},Object.defineProperty(m.prototype,"computedKeys",{get:function(){var e=this,t={};return t[l.Keys.Space]=function(){return e.selectFocusedItem()},t[l.Keys.Enter]=function(){return e.selectFocusedItem()},t[l.Keys.ArrowUp]=function(){return e.focusPreviousItem()},t[this.invertKeys(l.Keys.ArrowLeft,l.Keys.ArrowRight)]=function(){return e.collapseItem()},t[l.Keys.ArrowDown]=function(){return e.focusNextItem()},t[this.invertKeys(l.Keys.ArrowRight,l.Keys.ArrowLeft)]=function(){return e.expandItem()},t[l.Keys.End]=function(){return e.focusLastItem()},t[l.Keys.Home]=function(){return e.focusFirstItem()},t},enumerable:!1,configurable:!0}),m.prototype.ngOnDestroy=function(){this.localizationChangeSubscription&&this.localizationChangeSubscription.unsubscribe()},m.prototype.ngOnInit=function(){var e=this;this.localizationChangeSubscription=this.localization.changes.subscribe(function(){return e.keyBindings=e.computedKeys}),this.eventService.animate=this.animate,this.eventService.expandMode=this.expandMode},m.prototype.ngAfterViewChecked=function(){var e=this;this.items?(this.childrenItems=this.viewChildItems.toArray(),this.allItems=this.viewItems):(this.childrenItems=this.contentChildItems.toArray(),this.allItems=this.contentItems.toArray()),this.isViewInit&&this.childrenItems.length&&(this.isViewInit=!1,setTimeout(function(){return e.updateChildrenHeight()})),this.validateConfiguration()},m.prototype.ngOnChanges=function(e){(e.height||e.expandMode||e.items)&&this.childrenItems&&setTimeout(this.updateChildrenHeight),e.animate&&(this.eventService.animate=this.animate),e.expandMode&&(this.eventService.expandMode=this.expandMode)},Object.defineProperty(m.prototype,"templateRef",{get:function(){return this.template?this.template.templateRef:void 0},enumerable:!1,configurable:!0}),m.prototype.onComponentClick=function(t){var e=this.visibleItems().some(function(e){return e.header.nativeElement.contains(t.target)});W(t.target)||this.focused||!e||this.elementRef.nativeElement.focus()},m.prototype.onComponentFocus=function(){var e;this.eventService.onFocus(),this.focused=!0,0<this.allItems.length&&(!(e=this.visibleItems()).filter(function(e){return e.focused}).length&&0<e.length&&(e[0].focused=!0,this.activeDescendant=e[0].itemId))},m.prototype.onComponentBlur=function(){this.eventService.onBlur(),this.focused=!1,this.activeDescendant=""},m.prototype.onComponentKeyDown=function(e){e.target===this.elementRef.nativeElement&&(e.keyCode!==l.Keys.Space&&e.keyCode!==l.Keys.ArrowUp&&e.keyCode!==l.Keys.ArrowDown&&e.keyCode!==l.Keys.ArrowLeft&&e.keyCode!==l.Keys.ArrowRight&&e.keyCode!==l.Keys.Home&&e.keyCode!==l.Keys.End&&e.keyCode!==l.Keys.PageUp&&e.keyCode!==l.Keys.PageDown||e.preventDefault(),(e=this.keyBindings[e.keyCode])&&e())},Object.defineProperty(m.prototype,"viewItems",{get:function(){var t=[];return this.viewChildItems.toArray().forEach(function(e){t.push(e),t=t.concat(e.subTreeViewItems())}),t},enumerable:!1,configurable:!0}),m.prototype.validateConfiguration=function(){if(a.isDevMode()&&this.items&&this.contentItems&&0<this.contentItems.length)throw new Error("Invalid configuration: mixed template components and items property.")},m.prototype.onItemAction=function(i){var r,e,o=this;i&&(r=new Array,this.allItems.forEach(function(e){var t=n=e===i,n=o.selectable?n:e.selected;e.selected===n&&e.focused===t||(e.selected=n,e.focused=t,o.activeDescendant=t?e.itemId:"",r.push(e))}),this.expandMode===s.PanelBarExpandMode.Multiple?((i.hasChildItems||i.hasContent)&&(i.expanded=!i.expanded),r.indexOf(i)<0&&r.push(i)):(e=(i.parent||this).childrenItems,(i.hasChildItems||i.hasContent)&&e.forEach(function(e){var t=e===i;e.expanded!==t&&(e.expanded=t,r.indexOf(e)<0&&r.push(e))})),0<r.length&&this.stateChange.emit(r.map(function(e){return e.serialize()})))},m.prototype.isVisible=function(t){return this.visibleItems().some(function(e){return e===t})},m.prototype.getVisibleParent=function(t){var e=this.visibleItems();return t.parent?e.some(function(e){return e===t.parent})?t.parent:this.getVisibleParent(t.parent):t},m.prototype.focusItem=function(e){var t,n,i=this.visibleItems(),r=i.findIndex(function(e){return e.focused}),o=i[r];switch(-1===r&&((n=this.allItems.find(function(e){return e.focused})).focused=!1,o=this.getVisibleParent(n),r=i.findIndex(function(e){return e===o})),e){case"lastItem":t=i[i.length-1];break;case"firstItem":t=i[0];break;case"nextItem":t=i[r<i.length-1?r+1:0];break;case"previousItem":t=i[0<r?r-1:i.length-1]}o&&t&&o!==t&&this.moveFocus(o,t)},m.prototype.moveFocus=function(e,t){e.focused=!1,t.focused=!0,this.activeDescendant=t.itemId;e=new Array(e.serialize(),t.serialize());this.stateChange.emit(e)},m.prototype.focusLastItem=function(){this.focusItem("lastItem")},m.prototype.focusFirstItem=function(){this.focusItem("firstItem")},m.prototype.focusNextItem=function(){this.focusItem("nextItem")},m.prototype.focusPreviousItem=function(){this.focusItem("previousItem")},m.prototype.expandItem=function(){var e,t=this.allItems.filter(function(e){return e.focused})[0];this.isVisible(t)||(t.focused=!1,t=this.getVisibleParent(t)),(t.hasChildItems||t.hasContent)&&(t.expanded?t.hasChildItems&&-1<(e=t.childrenItems.findIndex(function(e){return!e.disabled}))&&this.moveFocus(t,t.childrenItems[e]):this.onItemAction(t))},m.prototype.collapseItem=function(){var e=this.allItems.filter(function(e){return e.focused})[0];e.expanded?this.onItemAction(e):e.parent&&this.moveFocus(e,e.parent)},m.prototype.selectFocusedItem=function(){var e=this.allItems.filter(function(e){return e.focused})[0];this.isVisible(e)||(e.focused=!1,e=this.getVisibleParent(e)),e&&e.onItemAction()},m.prototype.visibleItems=function(){return this.flatVisibleItems(this.childrenItems)},m.prototype.flatVisibleItems=function(e,t){var n=this;return void 0===e&&(e=new Array),void 0===t&&(t=new Array),e.forEach(function(e){t.push(e),e.expanded&&e.hasChildItems&&n.flatVisibleItems(e.childrenItems,t)}),t},m);function m(e,t,n){var r=this;this.localization=n,this.expandMode=s.PanelBarExpandMode.Default,this.selectable=!0,this.animate=!0,this.height="400px",this.stateChange=new a.EventEmitter,this.tabIndex=0,this.role="tree",this.hostClass=!0,this.activeDescendant="",this.isViewInit=!0,this.focused=!1,this._keepItemContent=!1,this.updateChildrenHeight=function(){var t=0,n=r.elementRef.nativeElement.offsetHeight,i=r.expandMode===s.PanelBarExpandMode.Full?"auto":"visible";r.childrenItems.forEach(function(e){t+=e.headerHeight()}),r.childrenItems.forEach(function(e){e.contentHeight=s.PanelBarExpandMode.Full===r.expandMode?n-t+"px":"auto",e.contentOverflow=i})},L.validatePackage(ee),this.keyBindings=this.computedKeys,this.elementRef=e,this.eventService=t,this.eventService.children$.subscribe(function(e){return r.onItemAction(e)})}ge.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:ge,deps:[{token:r.ElementRef},{token:le},{token:o.LocalizationService}],target:r.ɵɵFactoryTarget.Component}),ge.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:ge,selector:"kendo-panelbar",inputs:{expandMode:"expandMode",selectable:"selectable",animate:"animate",height:"height",keepItemContent:"keepItemContent",items:"items"},outputs:{stateChange:"stateChange"},host:{listeners:{click:"onComponentClick($event)",focus:"onComponentFocus()",blur:"onComponentBlur()",keydown:"onComponentKeyDown($event)"},properties:{"attr.tabIndex":"this.tabIndex","attr.role":"this.role","class.k-panelbar":"this.hostClass","attr.aria-activedescendant":"this.activeDescendant","style.height":"this.hostHeight","style.overflow":"this.overflow","attr.dir":"this.dir"}},providers:[le,e.LocalizationService,{provide:e.L10N_PREFIX,useValue:"kendo.panelbar"}],queries:[{propertyName:"template",first:!0,predicate:de,descendants:!0},{propertyName:"contentItems",predicate:u,descendants:!0},{propertyName:"contentChildItems",predicate:u}],viewQueries:[{propertyName:"viewChildItems",predicate:u,descendants:!0}],exportAs:["kendoPanelbar"],usesOnChanges:!0,ngImport:r,template:'\n        <ng-content *ngIf="contentChildItems && !items" select="kendo-panelbar-item"></ng-content>\n        <ng-template [ngIf]="items?.length">\n            <ng-container *ngFor="let item of items">\n                <kendo-panelbar-item *ngIf="!item.hidden"\n                     [title]="item.title"\n                     [id]="item.id"\n                     [icon]="item.icon"\n                     [iconClass]="item.iconClass"\n                     [imageUrl]="item.imageUrl"\n                     [selected]="!!item.selected"\n                     [expanded]="!!item.expanded"\n                     [disabled]="!!item.disabled"\n                     [template]="templateRef"\n                     [items]="item.children"\n                     [content]="item.content"\n                >\n                </kendo-panelbar-item>\n            </ng-container>\n        </ng-template>\n    ',isInline:!0,components:[{type:u,selector:"kendo-panelbar-item",inputs:["title","id","icon","iconClass","imageUrl","disabled","expanded","selected","content","items","template"],exportAs:["kendoPanelbarItem"]}],directives:[{type:d.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:d.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]}]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:ge,decorators:[{type:a.Component,args:[{exportAs:"kendoPanelbar",providers:[le,e.LocalizationService,{provide:e.L10N_PREFIX,useValue:"kendo.panelbar"}],selector:"kendo-panelbar",template:'\n        <ng-content *ngIf="contentChildItems && !items" select="kendo-panelbar-item"></ng-content>\n        <ng-template [ngIf]="items?.length">\n            <ng-container *ngFor="let item of items">\n                <kendo-panelbar-item *ngIf="!item.hidden"\n                     [title]="item.title"\n                     [id]="item.id"\n                     [icon]="item.icon"\n                     [iconClass]="item.iconClass"\n                     [imageUrl]="item.imageUrl"\n                     [selected]="!!item.selected"\n                     [expanded]="!!item.expanded"\n                     [disabled]="!!item.disabled"\n                     [template]="templateRef"\n                     [items]="item.children"\n                     [content]="item.content"\n                >\n                </kendo-panelbar-item>\n            </ng-container>\n        </ng-template>\n    '}]}],ctorParameters:function(){return[{type:r.ElementRef},{type:le},{type:o.LocalizationService}]},propDecorators:{expandMode:[{type:a.Input}],selectable:[{type:a.Input}],animate:[{type:a.Input}],height:[{type:a.Input}],keepItemContent:[{type:a.Input}],items:[{type:a.Input}],stateChange:[{type:a.Output}],tabIndex:[{type:a.HostBinding,args:["attr.tabIndex"]}],role:[{type:a.HostBinding,args:["attr.role"]}],hostClass:[{type:a.HostBinding,args:["class.k-panelbar"]}],activeDescendant:[{type:a.HostBinding,args:["attr.aria-activedescendant"]}],hostHeight:[{type:a.HostBinding,args:["style.height"]}],overflow:[{type:a.HostBinding,args:["style.overflow"]}],dir:[{type:a.HostBinding,args:["attr.dir"]}],template:[{type:a.ContentChild,args:[de,{static:!1}]}],contentItems:[{type:a.ContentChildren,args:[u,{descendants:!0}]}],contentChildItems:[{type:a.ContentChildren,args:[u]}],viewChildItems:[{type:a.ViewChildren,args:[u]}],onComponentClick:[{type:a.HostListener,args:["click",["$event"]]}],onComponentFocus:[{type:a.HostListener,args:["focus"]}],onComponentBlur:[{type:a.HostListener,args:["blur"]}],onComponentKeyDown:[{type:a.HostListener,args:["keydown",["$event"]]}]}});var ue=function(e,t){return(ue=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}ue(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}Object.create;function me(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],i=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return{value:(e=e&&i>=e.length?void 0:e)&&e[i++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function y(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var i,r,o=n.call(e),s=[];try{for(;(void 0===t||0<t--)&&!(i=o.next()).done;)s.push(i.value)}catch(e){r={error:e}}finally{try{i&&!i.done&&(n=o.return)&&n.call(o)}finally{if(r)throw r.error}}return s}function f(e,t,n){if(n||2===arguments.length)for(var i,r=0,o=t.length;r<o;r++)!i&&r in t||((i=i||Array.prototype.slice.call(t,0,r))[r]=t[r]);return e.concat(i||Array.prototype.slice.call(t))}Object.create;Object.defineProperty(fe.prototype,"order",{get:function(){return this._order},set:function(e){this._order=e,this.setOrderStyles()},enumerable:!1,configurable:!0}),Object.defineProperty(fe.prototype,"size",{get:function(){return this._size},set:function(e){this._size=e;var t=this.element.nativeElement;this.renderer.setStyle(t,"-ms-flex-preferred-size",e),this.renderer.setStyle(t,"flex-basis",e),this.staticPaneClass?this.renderer.addClass(t,"k-pane-static"):this.renderer.removeClass(t,"k-pane-static")},enumerable:!1,configurable:!0}),Object.defineProperty(fe.prototype,"containsSplitter",{set:function(e){var t=this.element.nativeElement;e?this.renderer.addClass(t,"k-pane-flex"):this.renderer.removeClass(t,"k-pane-flex")},enumerable:!1,configurable:!0}),Object.defineProperty(fe.prototype,"isHidden",{get:function(){return this.collapsed},enumerable:!1,configurable:!0}),Object.defineProperty(fe.prototype,"staticPaneClass",{get:function(){return!this.forceExpand&&(!this.resizable&&!this.collapsible||this.fixedSize)},enumerable:!1,configurable:!0}),Object.defineProperty(fe.prototype,"scrollablePaneClass",{get:function(){return this.scrollable},enumerable:!1,configurable:!0}),Object.defineProperty(fe.prototype,"fixedSize",{get:function(){return this.size&&0<this.size.length},enumerable:!1,configurable:!0}),fe.prototype.ngAfterViewChecked=function(){var e=this.element.nativeElement;this.isHidden?(this.renderer.addClass(e,"k-state-hidden"),this.renderer.addClass(e,"hidden")):(this.renderer.removeClass(e,"k-state-hidden"),this.renderer.removeClass(e,"hidden"))},Object.defineProperty(fe.prototype,"computedSize",{get:function(){return"vertical"===this.orientation?this.element.nativeElement.offsetHeight:this.element.nativeElement.offsetWidth},enumerable:!1,configurable:!0}),fe.prototype.toggleOverlay=function(e){this.overlayContent=e,this.cdr.detectChanges()},fe.prototype.detectChanges=function(){this.cdr.detectChanges()},fe.prototype.setOrderStyles=function(){var e=this.element.nativeElement;this.renderer.setStyle(e,"-ms-flex-order",this.order),this.renderer.setStyle(e,"order",this.order)};var ye=fe;function fe(e,t,n){this.element=e,this.renderer=t,this.cdr=n,this.resizable=!0,this.collapsible=!1,this.scrollable=!0,this.collapsed=!1,this.orientation="horizontal",this.overlayContent=!1,this.sizeChange=new a.EventEmitter,this.collapsedChange=new a.EventEmitter,this.hostClass=!0,this.forceExpand=!1,this.isResized=!1}ye.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:ye,deps:[{token:r.ElementRef},{token:r.Renderer2},{token:r.ChangeDetectorRef}],target:r.ɵɵFactoryTarget.Component}),ye.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:ye,selector:"kendo-splitter-pane",inputs:{order:"order",size:"size",min:"min",max:"max",resizable:"resizable",collapsible:"collapsible",scrollable:"scrollable",collapsed:"collapsed",orientation:"orientation",containsSplitter:"containsSplitter",overlayContent:"overlayContent"},outputs:{sizeChange:"sizeChange",collapsedChange:"collapsedChange"},host:{properties:{"class.k-pane":"this.hostClass","class.k-pane-static":"this.staticPaneClass","class.k-scrollable":"this.scrollablePaneClass"}},exportAs:["kendoSplitterPane"],ngImport:r,template:'\n        <ng-container *ngIf="!collapsed"><ng-content></ng-content></ng-container>\n        <div *ngIf="overlayContent" class="k-splitter-overlay k-overlay"></div>\n    ',isInline:!0,directives:[{type:d.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]}]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:ye,decorators:[{type:a.Component,args:[{exportAs:"kendoSplitterPane",selector:"kendo-splitter-pane",template:'\n        <ng-container *ngIf="!collapsed"><ng-content></ng-content></ng-container>\n        <div *ngIf="overlayContent" class="k-splitter-overlay k-overlay"></div>\n    '}]}],ctorParameters:function(){return[{type:r.ElementRef},{type:r.Renderer2},{type:r.ChangeDetectorRef}]},propDecorators:{order:[{type:a.Input}],size:[{type:a.Input}],min:[{type:a.Input}],max:[{type:a.Input}],resizable:[{type:a.Input}],collapsible:[{type:a.Input}],scrollable:[{type:a.Input}],collapsed:[{type:a.Input}],orientation:[{type:a.Input}],containsSplitter:[{type:a.Input}],overlayContent:[{type:a.Input}],sizeChange:[{type:a.Output}],collapsedChange:[{type:a.Output}],hostClass:[{type:a.HostBinding,args:["class.k-pane"]}],staticPaneClass:[{type:a.HostBinding,args:["class.k-pane-static"]}],scrollablePaneClass:[{type:a.HostBinding,args:["class.k-scrollable"]}]}});ve.prototype.tryToggle=function(e){var e=this.pane(e),t=(e.collapsible&&(e.collapsed=!e.collapsed,e.collapsedChange.emit(e.collapsed),this.emit(this.layoutChange,{}),e.collapsed&&e.detectChanges()),this.panes.filter(function(e){return!e.collapsed})),n=t.every(function(e){return e.fixedSize});return t[t.length-1].forceExpand=!!n,e.collapsible},ve.prototype.toggleContentOverlay=function(e,t){this.pane(e).toggleOverlay(t),this.pane(e+1).toggleOverlay(t)},ve.prototype.dragState=function(e){function t(e){return n.toPixels(e)}var n=this,i=this.pane(e),r=this.pane(e+1),o=i.computedSize+r.computedSize;return{prev:{index:e,initialSize:i.computedSize,min:t(i.min)||o-t(r.max)||0,max:t(i.max)||o-t(r.min)||o},next:{index:e+1,initialSize:r.computedSize,min:t(r.min)||o-t(i.max)||0,max:t(r.max)||o-t(i.min)||o}}},ve.prototype.setSize=function(e,t){function n(e,t){var n=r.pane(e.index),i=r.containerSize(),e=o(e.min,e.max,e.initialSize+t),t="",t=r.isPercent(n.size)?100*e/i+"%":e+"px";n.size=t,n.isResized=!0,r.emit(n.sizeChange,t)}var r=this,o=function(e,t,n){return Math.min(t,Math.max(e,n))},i=this.pane(e.prev.index),s=this.pane(e.next.index);i.fixedSize&&s.fixedSize?(n(e.prev,t),n(e.next,-t)):s.collapsible||s.fixedSize?n(e.next,-t):n(e.prev,t),this.emit(this.layoutChange,{})},ve.prototype.isDraggable=function(e){var t=this.pane(e),e=this.pane(e+1),n=t.resizable&&e.resizable,t=t.collapsed||e.collapsed;return n&&!t},ve.prototype.isStatic=function(e){var t=this.pane(e),e=this.pane(e+1),n=t.resizable&&e.resizable,t=t.collapsible||e.collapsible;return!n&&!t},ve.prototype.pane=function(e){if(!this.panes)throw new Error("Panes not initialized");if(e<0||e>=this.panes.length)throw new Error("Index out of range");return this.panes[e]},ve.prototype.configure=function(e){var t=e.panes,n=e.orientation,e=e.containerSize;if(this.panes=t,this.panes.forEach(function(e,t){e.order=2*t,e.orientation=n}),a.isDevMode()){var i=t.length&&!t.some(function(e){return!e.fixedSize}),t=t.length&&t.some(function(e){return e.isResized});if(i&&!t)throw new Error("\n                    The Splitter should have at least one pane without a set size.\n                    See https://www.telerik.com/kendo-angular-ui/components/layout/splitter/panes/#toc-size for more information.\n                ")}this.containerSize=e},ve.prototype.isPercent=function(e){return/%$/.test(e)},ve.prototype.toPixels=function(e){var t=parseFloat(e);return t=this.isPercent(e)?this.containerSize()*t/100:t},ve.prototype.emit=function(e,t){e.observers.length&&this.zone.run(function(){return e.emit(t)})};var be=ve;function ve(e){this.zone=e,this.layoutChange=new a.EventEmitter,this.containerSize=function(){}}be.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:be,deps:[{token:r.NgZone}],target:r.ɵɵFactoryTarget.Injectable}),be.ɵprov=r.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:be}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:be,decorators:[{type:a.Injectable}],ctorParameters:function(){return[{type:r.NgZone}]}});function Ce(e){(e=e.originalEvent).stopPropagation(),e.preventDefault()}function Ie(t){return Object.keys(t).filter(function(e){return t[e]}).join(" ")}Object.defineProperty(v.prototype,"direction",{get:function(){return this.localization.rtl?"rtl":"ltr"},enumerable:!1,configurable:!0}),Object.defineProperty(v.prototype,"tabIndex",{get:function(){return this.splitter.isStatic(this.index)?-1:0},enumerable:!1,configurable:!0}),Object.defineProperty(v.prototype,"hostClasses",{get:function(){var e="horizontal"===this.orientation,t=this.splitter.isDraggable(this.index),n=this.splitter.isStatic(this.index);return Ie({"k-state-focused":this.focused,"k-splitbar":!0,"k-splitbar-horizontal":e,"k-splitbar-vertical":!e,"k-splitbar-draggable-horizontal":e&&t,"k-splitbar-draggable-vertical":!e&&t,"k-splitbar-static-horizontal":e&&n,"k-splitbar-static-vertical":!e&&n,"k-touch-action-none":t})},enumerable:!1,configurable:!0}),Object.defineProperty(v.prototype,"order",{get:function(){return 2*this.index+1},enumerable:!1,configurable:!0}),v.prototype.collapseAny=function(){this.expandLast?this.toggleNext():this.tryToggleNearest()},v.prototype.onFocusIn=function(){this.focused=!0},v.prototype.onFocusOut=function(){this.focused=!1},v.prototype.onKeyDown=function(n){function e(e){n.preventDefault();var t=i.splitter.dragState(i.index);i.splitter.setSize(t,e)}var i=this,t=n&&n.keyCode,r="horizontal"===this.orientation;t===l.Keys.Enter?(n.preventDefault(),this.collapseAny()):r&&t===l.Keys.ArrowLeft?e(-10):r&&t===l.Keys.ArrowRight?e(10):r||t!==l.Keys.ArrowUp?r||t!==l.Keys.ArrowDown||e(10):e(-10)},Object.defineProperty(v.prototype,"expandLast",{get:function(){var e=this.splitter.panes;return 2===e.length&&e[1].collapsed},enumerable:!1,configurable:!0}),v.prototype.ngOnInit=function(){var r,e,t,o=this,n=this.draggable.kendoPress.pipe(H.tap(Ce),H.filter(function(){return o.splitter.isDraggable(o.index)}),H.tap(function(){return r=o.splitter.dragState(o.index)}),H.tap(function(){return o.splitter.toggleContentOverlay(o.index,!0)}),H.switchMap((t=this.draggable.kendoRelease,function(e){return c.of(e).pipe(H.delay(150),H.takeUntil(t))})),H.switchMap((e=this.draggable,function(n){return e.kendoDrag.pipe(H.takeUntil(e.kendoRelease),H.map(function(e){var t=e.pageX,e=e.pageY;return{originalX:n.pageX,originalY:n.pageY,pageX:t,pageY:e}}))}))).subscribe(function(e){var t=e.pageX,n=e.pageY,i=e.originalX,e=e.originalY,n="vertical"===o.orientation?n-e:"rtl"===o.direction?i-t:t-i;o.splitter.setSize(r,n)});this.subscriptions.add(n),this.subscriptions.add(this.draggable.kendoRelease.subscribe(function(){return o.splitter.toggleContentOverlay(o.index,!1)}))},v.prototype.ngOnDestroy=function(){this.subscriptions&&this.subscriptions.unsubscribe()},v.prototype.togglePrevious=function(){this.splitter.tryToggle(this.index)},v.prototype.toggleNext=function(){this.splitter.tryToggle(this.index+1)},v.prototype.previousArrowClass=function(){var e=this.splitter.pane(this.index),t=this.splitter.pane(this.index+1),n=e.collapsible,e=e.collapsed,i="horizontal"===this.orientation;return Ie({"k-icon":!0,"k-hidden":!n||t.isHidden,"k-collapse-prev":n,"k-i-arrow-60-left":n&&i&&!e,"k-i-arrow-60-right":n&&i&&e,"k-i-arrow-60-up":n&&!i&&!e,"k-i-arrow-60-down":n&&!i&&e})},v.prototype.nextArrowClass=function(){var e=this.splitter.pane(this.index+1),t=this.splitter.pane(this.index),n=e.collapsible,e=e.collapsed,i="horizontal"===this.orientation;return Ie({"k-icon":!0,"k-hidden":!n||t.isHidden,"k-collapse-next":n,"k-i-arrow-60-right":n&&i&&!e,"k-i-arrow-60-left":n&&i&&e,"k-i-arrow-60-down":n&&!i&&!e,"k-i-arrow-60-up":n&&!i&&e})},v.prototype.tryToggleNearest=function(){var e=this.index,t=this.index+1;this.splitter.tryToggle(e)||this.splitter.tryToggle(t)};var b=v;function v(e,t,n,i){this.draggable=e,this.element=t,this.splitter=n,this.localization=i,this.orientation="horizontal",this.index=0,this.ariaRole="separator",this.focused=!1,this.subscriptions=new c.Subscription}b.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:b,deps:[{token:q.DraggableDirective,host:!0},{token:r.ElementRef},{token:be},{token:o.LocalizationService}],target:r.ɵɵFactoryTarget.Component}),b.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:b,selector:"kendo-splitter-bar",inputs:{orientation:"orientation",index:"index"},host:{listeners:{dblclick:"collapseAny()",focusin:"onFocusIn()",focusout:"onFocusOut()",keydown:"onKeyDown($event)"},properties:{"attr.aria-orientation":"this.orientation","attr.role":"this.ariaRole","class.k-state-focused":"this.focused","attr.tabindex":"this.tabIndex",class:"this.hostClasses","style.-ms-flex-order":"this.order","style.order":"this.order"}},ngImport:r,template:'\n      <div [class]="previousArrowClass()" (click)="togglePrevious()"></div>\n      <div class="k-resize-handle"></div>\n      <div [class]="nextArrowClass()" (click)="toggleNext()"></div>\n    ',isInline:!0}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:b,decorators:[{type:a.Component,args:[{selector:"kendo-splitter-bar",template:'\n      <div [class]="previousArrowClass()" (click)="togglePrevious()"></div>\n      <div class="k-resize-handle"></div>\n      <div [class]="nextArrowClass()" (click)="toggleNext()"></div>\n    '}]}],ctorParameters:function(){return[{type:q.DraggableDirective,decorators:[{type:a.Host}]},{type:r.ElementRef},{type:be},{type:o.LocalizationService}]},propDecorators:{orientation:[{type:a.Input},{type:a.HostBinding,args:["attr.aria-orientation"]}],index:[{type:a.Input}],ariaRole:[{type:a.HostBinding,args:["attr.role"]}],focused:[{type:a.HostBinding,args:["class.k-state-focused"]}],tabIndex:[{type:a.HostBinding,args:["attr.tabindex"]}],hostClasses:[{type:a.HostBinding,args:["class"]}],order:[{type:a.HostBinding,args:["style.-ms-flex-order"]},{type:a.HostBinding,args:["style.order"]}],collapseAny:[{type:a.HostListener,args:["dblclick"]}],onFocusIn:[{type:a.HostListener,args:["focusin"]}],onFocusOut:[{type:a.HostListener,args:["focusout"]}],onKeyDown:[{type:a.HostListener,args:["keydown",["$event"]]}]}});Object.defineProperty(Se.prototype,"hostClasses",{get:function(){return!0},enumerable:!1,configurable:!0}),Object.defineProperty(Se.prototype,"horizontalHostClasses",{get:function(){return"horizontal"===this.orientation},enumerable:!1,configurable:!0}),Object.defineProperty(Se.prototype,"verticalHostClasses",{get:function(){return"vertical"===this.orientation},enumerable:!1,configurable:!0}),Object.defineProperty(Se.prototype,"dir",{get:function(){return this.direction},enumerable:!1,configurable:!0}),Object.defineProperty(Se.prototype,"splitbars",{set:function(e){var t=this;g(e)&&g(this.panes)&&f(f([],y(this.panes.toArray())),y(e.toArray())).sort(function(e,t){return e.order-t.order}).map(function(e){return e.element.nativeElement}).forEach(function(e){return t.renderer.appendChild(t.element.nativeElement,e)})},enumerable:!1,configurable:!0}),Se.prototype.ngAfterContentInit=function(){this.reconfigure()},Se.prototype.ngOnChanges=function(e){e.orientation&&!e.orientation.isFirstChange()&&this.reconfigure()},Se.prototype.ngOnDestroy=function(){this.enclosingPane&&(this.enclosingPane.containsSplitter=!1),this.unsubscribeChanges()},Se.prototype.reconfigure=function(){this.unsubscribeChanges(),this.configure(),this.paneChangesSubscription=this.panes.changes.subscribe(this.configure)},Se.prototype.unsubscribeChanges=function(){this.paneChangesSubscription&&(this.paneChangesSubscription.unsubscribe(),this.paneChangesSubscription=null)},Se.prototype.configure=function(){var e=this;this.splitterService.configure({panes:this.panes.toArray(),orientation:this.orientation,containerSize:function(){return"vertical"===e.orientation?e.element.nativeElement.clientHeight:e.element.nativeElement.clientWidth}})},Object.defineProperty(Se.prototype,"direction",{get:function(){return this.localization.rtl?"rtl":"ltr"},enumerable:!1,configurable:!0});var ke=Se;function Se(e,t,n,i,r){this.element=e,this.splitterService=t,this.localization=n,this.renderer=i,this.enclosingPane=r,this.orientation="horizontal",this.ariaRole="splitter",L.validatePackage(ee),r&&(r.containsSplitter=!0),this.layoutChange=this.splitterService.layoutChange,this.configure=this.configure.bind(this)}ke.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:ke,deps:[{token:r.ElementRef},{token:be},{token:o.LocalizationService},{token:r.Renderer2},{token:ye,host:!0,optional:!0}],target:r.ɵɵFactoryTarget.Component}),ke.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:ke,selector:"kendo-splitter",inputs:{orientation:"orientation"},outputs:{layoutChange:"layoutChange"},host:{properties:{"class.k-splitter":"this.hostClasses","class.k-splitter-flex":"this.hostClasses","class.k-splitter-horizontal":"this.horizontalHostClasses","class.k-splitter-vertical":"this.verticalHostClasses","attr.dir":"this.dir","attr.role":"this.ariaRole"}},providers:[be,e.LocalizationService,{provide:e.L10N_PREFIX,useValue:"kendo.spliter"}],queries:[{propertyName:"panes",predicate:ye}],viewQueries:[{propertyName:"splitbars",predicate:b,descendants:!0}],exportAs:["kendoSplitter"],usesOnChanges:!0,ngImport:r,template:'\n      <ng-content select="kendo-splitter-pane"></ng-content>\n      <ng-container *ngFor="\n        let pane of panes;\n        let index = index;\n        let last = last;\n      ">\n        <kendo-splitter-bar\n          kendoDraggable\n          *ngIf="!last"\n          [index]="index"\n          [orientation]="orientation">\n        </kendo-splitter-bar>\n      </ng-container>\n    ',isInline:!0,components:[{type:b,selector:"kendo-splitter-bar",inputs:["orientation","index"]}],directives:[{type:d.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:d.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:q.DraggableDirective,selector:"[kendoDraggable]",inputs:["enableDrag"],outputs:["kendoPress","kendoDrag","kendoRelease"]}]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:ke,decorators:[{type:a.Component,args:[{exportAs:"kendoSplitter",selector:"kendo-splitter",providers:[be,e.LocalizationService,{provide:e.L10N_PREFIX,useValue:"kendo.spliter"}],template:'\n      <ng-content select="kendo-splitter-pane"></ng-content>\n      <ng-container *ngFor="\n        let pane of panes;\n        let index = index;\n        let last = last;\n      ">\n        <kendo-splitter-bar\n          kendoDraggable\n          *ngIf="!last"\n          [index]="index"\n          [orientation]="orientation">\n        </kendo-splitter-bar>\n      </ng-container>\n    '}]}],ctorParameters:function(){return[{type:r.ElementRef},{type:be},{type:o.LocalizationService},{type:r.Renderer2},{type:ye,decorators:[{type:a.Optional},{type:a.Host},{type:a.Inject,args:[ye]}]}]},propDecorators:{orientation:[{type:a.Input}],layoutChange:[{type:a.Output}],hostClasses:[{type:a.HostBinding,args:["class.k-splitter"]},{type:a.HostBinding,args:["class.k-splitter-flex"]}],horizontalHostClasses:[{type:a.HostBinding,args:["class.k-splitter-horizontal"]}],verticalHostClasses:[{type:a.HostBinding,args:["class.k-splitter-vertical"]}],dir:[{type:a.HostBinding,args:["attr.dir"]}],ariaRole:[{type:a.HostBinding,args:["attr.role"]}],splitbars:[{type:a.ViewChildren,args:[b]}],panes:[{type:a.ContentChildren,args:[ye]}]}});var we=function(e){this.templateRef=e},xe=(we.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:we,deps:[{token:r.TemplateRef}],target:r.ɵɵFactoryTarget.Directive}),we.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:we,selector:"[kendoTabContent]",ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:we,decorators:[{type:a.Directive,args:[{selector:"[kendoTabContent]"}]}],ctorParameters:function(){return[{type:r.TemplateRef}]}}),function(e){this.templateRef=e}),Te=(xe.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:xe,deps:[{token:r.TemplateRef}],target:r.ɵɵFactoryTarget.Directive}),xe.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:xe,selector:"[kendoTabTitle]",ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:xe,decorators:[{type:a.Directive,args:[{selector:"[kendoTabTitle]"}]}],ctorParameters:function(){return[{type:r.TemplateRef}]}}),Object.defineProperty(De.prototype,"tabContent",{get:function(){return this._tabContent.first},enumerable:!1,configurable:!0}),Object.defineProperty(De.prototype,"tabTitle",{get:function(){return this._tabTitleDirective.first},enumerable:!1,configurable:!0}),De);function De(){this.disabled=!1,this._tabContent=new a.QueryList,this.focused=!1}Te.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Te,deps:[],target:r.ɵɵFactoryTarget.Component}),Te.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Te,selector:"kendo-tabstrip-tab",inputs:{title:"title",disabled:"disabled",cssClass:"cssClass",cssStyle:"cssStyle",selected:"selected",closable:"closable",closeIcon:"closeIcon"},queries:[{propertyName:"_tabContent",predicate:we},{propertyName:"_tabTitleDirective",predicate:xe}],exportAs:["kendoTabStripTab"],ngImport:r,template:"",isInline:!0}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Te,decorators:[{type:a.Component,args:[{exportAs:"kendoTabStripTab",selector:"kendo-tabstrip-tab",template:""}]}],propDecorators:{title:[{type:a.Input}],disabled:[{type:a.Input}],cssClass:[{type:a.Input}],cssStyle:[{type:a.Input}],selected:[{type:a.Input}],closable:[{type:a.Input}],closeIcon:[{type:a.Input}],_tabContent:[{type:a.ContentChildren,args:[we]}],_tabTitleDirective:[{type:a.ContentChildren,args:[xe]}]}});var Oe,ze=function(e,t){this.index=e,this.tab=t},Pe=(he(Ee,Oe=l.PreventableEvent),Ee);function Ee(e,t){var n=Oe.call(this)||this;return n.index=e,n.title=t,n}function Ve(e){return e.enabled&&e.mouseScroll}function Be(e){var n,i,r=-1,o=-1;return e.forEach(function(e,t){e.selected?(i=e,o=t):e.focused&&(n=e,r=t)}),0<=r?{tab:n,index:r}:{tab:i,index:o}}function Re(e,n){return 0<(e=e.filter(function(e,t){return t===n})).length?e[0]:null}function Fe(e){return"top"===e||"bottom"===e}He.prototype.onKeyDown=function(e){var t;!function(e){e=e.getAttribute("id");return!!(g(e)||0<=e.indexOf("k-tabstrip-tab-"))}(e.target)||(t=e.keyCode,this.shouldHandleKey(t)&&(e.preventDefault(),K(t)||(N(e=t)||_(e))?this.onNavigate(t):t===l.Keys.Delete&&this.onDelete()))},He.prototype.onTabSelect=function(e,t){var n=new Pe(t,e.title);this.owner.tabSelect.emit(n),n.isDefaultPrevented()||(e.selected?this.focusTabHeader(t):this.selectTab(e,t))},He.prototype.selectTab=function(e,t){this.owner.tabs.forEach(function(e){e.selected=!1}),this.focusTabHeader(t),e.selected=!0,this.owner.isScrollable&&this.owner.scrollToSelectedTab()},He.prototype.onNavigate=function(t){var n=this,e=Be(this.owner.tabs),i=e.tab,r=e.index;a.NgZone.isInAngularZone()||this.ngZone.run(function(){var e;r<0?n.owner.selectTab(n.firstNavigatableIndex()):(i.focused=!1,e=n.computeNextIndex(r,t),n.activateTab(e))})},He.prototype.onDelete=function(){var e,t=this,n=Be(this.owner.tabs),i=n.tab,r=n.index;n=i,e=this.owner.closable,(void 0!==n.closable?n.closable:e)&&!i.disabled&&this.ngZone.run(function(){t.owner.tabClose.emit({tab:i,index:r})})},He.prototype.activateTab=function(e){var t=Re(this.owner.tabs,e);t.disabled?(this.focusTabHeader(e),t.focused=!0):this.onTabSelect(t,e)},He.prototype.focusTabHeader=function(e){(function(e,n){e=e.filter(function(e,t){return t===n});return 0<e.length?e[0]:null})(this.owner.tabHeaderContainers,e).nativeElement.focus()},He.prototype.shouldHandleKey=function(e){return!!K(e)||(!(!Fe(this.owner.tabPosition)||!N(e))||(!(Fe(this.owner.tabPosition)||!_(e))||e===l.Keys.Delete))},He.prototype.computeNextIndex=function(e,t){switch(t){case this.invertKeys(l.Keys.ArrowLeft,l.Keys.ArrowRight):case this.invertKeys(l.Keys.ArrowUp,l.Keys.ArrowDown):return this.prevNavigatableIndex(e);case this.invertKeys(l.Keys.ArrowRight,l.Keys.ArrowLeft):case this.invertKeys(l.Keys.ArrowDown,l.Keys.ArrowUp):return this.nextNavigatableIndex(e);case l.Keys.Home:return this.firstNavigatableIndex();case l.Keys.End:return this.lastNavigatableIndex();default:return}},He.prototype.invertKeys=function(e,t){return this.localization.rtl?t:e},He.prototype.firstNavigatableIndex=function(){return 0},He.prototype.lastNavigatableIndex=function(){return this.owner.tabs.length-1},He.prototype.prevNavigatableIndex=function(e){return e-1<0?this.lastNavigatableIndex():e-1},He.prototype.nextNavigatableIndex=function(e){return e+1>=this.owner.tabs.length?this.firstNavigatableIndex():e+1};var Le=He;function He(e,t){this.localization=e,this.ngZone=t}Le.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Le,deps:[{token:o.LocalizationService},{token:r.NgZone}],target:r.ɵɵFactoryTarget.Injectable}),Le.ɵprov=r.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Le}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Le,decorators:[{type:a.Injectable}],ctorParameters:function(){return[{type:o.LocalizationService},{type:r.NgZone}]}});var je="k-i-arrow-60-left",Me="k-i-arrow-60-right",Ae="k-i-arrow-60-up",Ne="k-i-arrow-60-down",_e=(Object.defineProperty(Ke.prototype,"tablistElement",{get:function(){return this.owner.tablist.nativeElement},enumerable:!1,configurable:!0}),Object.defineProperty(Ke.prototype,"tabstripSize",{get:function(){var e=this.owner.wrapper.nativeElement,t=parseFloat(getComputedStyle(e).width),e=parseFloat(getComputedStyle(e).height);return Fe(this.owner.tabPosition)?t:e},enumerable:!1,configurable:!0}),Object.defineProperty(Ke.prototype,"tablistOverflowSize",{get:function(){if(!l.isDocumentAvailable())return 0;var e=Fe(this.owner.tabPosition),e=Math.floor(this.tablistElement[e?"scrollWidth":"scrollHeight"]-this.tablistElement.getBoundingClientRect()[e?"width":"height"]);return e<0?0:e},enumerable:!1,configurable:!0}),Object.defineProperty(Ke.prototype,"tabsOverflow",{get:function(){return 0<this.tablistOverflowSize},enumerable:!1,configurable:!0}),Object.defineProperty(Ke.prototype,"scrollButtonsSize",{get:function(){if(!this.owner.hasScrollButtons)return 0;var e=this.owner.prevScrollButton.hostBoundingClientRect,e=Fe(this.owner.tabPosition)?e.width:e.height,t=this.owner.nextScrollButton.hostBoundingClientRect;return e+(Fe(this.owner.tabPosition)?t.width:t.height)},enumerable:!1,configurable:!0}),Ke.prototype.toggleScrollButtonsState=function(){var e,t,n,i,r=this;this.owner.hasScrollButtons&&(e=!this.isDisabled("prev"),t=!this.isDisabled("next"),n=0<this.position&&0<this.tablistOverflowSize,i=this.position<this.tablistOverflowSize+this.scrollButtonsSize&&0<this.tablistOverflowSize,n!=e&&this.ngZone.run(function(){return r.toggleButtonActiveState("prev",n)}),i!=t&&this.ngZone.run(function(){return r.toggleButtonActiveState("next",i)}))},Ke.prototype.scrollToSelectedTab=function(){var e,t,n=this;!this.tabsOverflow||-1!==(e=Be(this.owner.tabs).index)&&(this.position+=this.getScrollOffset(e),Fe(this.owner.tabPosition)?this.tablistElement.scrollLeft=this.position:this.tablistElement.scrollTop=this.position,this.toggleScrollButtonsState(),this.owner.hasScrollButtons&&(t=e===this.owner.tabs.length-1,0!==e||this.isDisabled("prev")||this.ngZone.run(function(){return n.toggleButtonActiveState("prev",!1)}),t&&!this.isDisabled("next")&&this.ngZone.run(function(){return n.toggleButtonActiveState("next",!1)})))},Ke.prototype.getScrollOffset=function(e){if(!l.isDocumentAvailable())return 0;var t=Fe(this.owner.tabPosition),e=(this.tablistElement["scroll"+(t?"Left":"Top")]=this.position,this.tablistElement.children[e].getBoundingClientRect()),n=this.tablistElement.getBoundingClientRect(),i=t?"right":"bottom",t=t?"left":"top",r=e[t],e=e[i],t=n[t],n=n[i],i=e<=n,o=t<=r;return i&&o?0:i?o?void 0:r-t:e-n},Ke.prototype.onMouseScroll=function(e){e.preventDefault(),Ve(this.owner.scrollable)&&(e=e.deltaY<0?"prev":"next",this.calculateListPosition(e,this.owner.scrollable.mouseScrollSpeed),Fe(this.owner.tabPosition)?this.tablistElement.scrollLeft=this.position:this.tablistElement.scrollTop=this.position,this.toggleScrollButtonsState())},Ke.prototype.scrollTabs=function(e){this.calculateListPosition(e,this.owner.scrollable.buttonScrollSpeed),Fe(this.owner.tabPosition)?this.tablistElement.scrollTo({left:this.position,behavior:"smooth"}):this.tablistElement.scrollTo({top:this.position,behavior:"smooth"}),this.toggleScrollButtonsState()},Ke.prototype.calculateListPosition=function(e,t){var n=this.tablistOverflowSize+this.scrollButtonsSize;"prev"===e&&0<this.position?this.position=this.position-t<=0?0:this.position-t:"next"===e&&this.position<n&&(this.position+t>n?this.position=n:this.position+=t)},Ke.prototype.restoreScrollPosition=function(){Fe(this.owner.tabPosition)?this.tablistElement.scrollTo({left:this.position}):this.tablistElement.scrollTo({top:this.position}),this.toggleScrollButtonsState()},Ke.prototype.toggleButtonActiveState=function(e,t){this.scrollButtonActiveStateChange.next({buttonType:e,active:t})},Ke);function Ke(e){var t=this;this.ngZone=e,this.position=0,this.scrollButtonActiveStateChange=new c.Subject,this.isDisabled=function(e){return t.owner[e+"ScrollButton"].host.nativeElement.classList.contains("k-disabled")}}_e.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:_e,deps:[{token:r.NgZone}],target:r.ɵɵFactoryTarget.Injectable}),_e.ɵprov=r.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:_e}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:_e,decorators:[{type:a.Injectable}],ctorParameters:function(){return[{type:r.NgZone}]}});function We(e){return Xe(!1===e?{enabled:!1}:e)}var Ze,Xe=function(e){var t=e.enabled,n=e.scrollButtons,i=e.mouseScroll,r=e.buttonScrollSpeed,o=e.mouseScrollSpeed;return{enabled:void 0===t||t,scrollButtons:void 0===n?"auto":n,mouseScroll:void 0===i||i,buttonScrollSpeed:void 0===r?100:r,mouseScrollSpeed:void 0===o?10:o,prevButtonIcon:e.prevButtonIcon,nextButtonIcon:e.nextButtonIcon}},Ue=(he($e,Ze=l.PreventableEvent),$e);function $e(e){var t=Ze.call(this)||this;return Object.assign(t,e),t}Object.defineProperty(Ye.prototype,"prevClass",{get:function(){return this.prev},enumerable:!1,configurable:!0}),Object.defineProperty(Ye.prototype,"nextClass",{get:function(){return!this.prev},enumerable:!1,configurable:!0}),Object.defineProperty(Ye.prototype,"hostBoundingClientRect",{get:function(){return this.host.nativeElement.getBoundingClientRect()},enumerable:!1,configurable:!0}),Object.defineProperty(Ye.prototype,"iconClass",{get:function(){return this.scrollButtonIconClass[this.prev?"prevScrollButton":"nextScrollButton"]},enumerable:!1,configurable:!0}),Ye.prototype.ngAfterViewInit=function(){var e=this;this.ngZone.runOutsideAngular(function(){e.subs.add(e.renderer.listen(e.host.nativeElement,"click",e.clickHandler))})},Ye.prototype.ngOnDestroy=function(){this.subs.unsubscribe()},Ye.prototype.toggle=function(e){this.renderer[e?"removeClass":"addClass"](this.host.nativeElement,"k-hidden")},Object.defineProperty(Ye.prototype,"scrollButtonIconClass",{get:function(){var e=Fe(this.tabPosition)?je:Ae,t=Fe(this.tabPosition)?Me:Ne;return"object"==typeof this.scrollable?{prevScrollButton:void 0===this.scrollable.prevButtonIcon?e:this.scrollable.prevButtonIcon,nextScrollButton:void 0===this.scrollable.nextButtonIcon?t:this.scrollable.nextButtonIcon}:{prevScrollButton:e,nextScrollButton:t}},enumerable:!1,configurable:!0}),Ye.prototype.emitScrollEvent=function(e){e=new Ue({originalEvent:e});return this.tabScroll.emit(e),e};var C=Ye;function Ye(e,t,n){var i=this;this.host=e,this.renderer=t,this.ngZone=n,this.btnClasses=!0,this.prev=!1,this.tabScroll=new a.EventEmitter,this.onClick=new a.EventEmitter,this.subs=new c.Subscription,this.clickHandler=function(e){i.emitScrollEvent(e).isDefaultPrevented()||(e=i.prev?"prev":"next",i.onClick.emit(e))}}C.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:C,deps:[{token:r.ElementRef},{token:r.Renderer2},{token:r.NgZone}],target:r.ɵɵFactoryTarget.Component}),C.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:C,selector:"[kendoTabStripScrollableButton]",inputs:{prev:"prev",tabPosition:"tabPosition",scrollable:"scrollable"},outputs:{tabScroll:"tabScroll",onClick:"onClick"},host:{properties:{"class.k-button":"this.btnClasses","class.k-button-md":"this.btnClasses","class.k-icon-button":"this.btnClasses","class.k-rounded-md":"this.btnClasses","class.k-button-flat":"this.btnClasses","class.k-button-flat-base":"this.btnClasses","class.k-tabstrip-prev":"this.prevClass","class.k-tabstrip-next":"this.nextClass"}},ngImport:r,template:'\n        <span class="k-icon k-button-icon" [ngClass]="iconClass"></span>\n    ',isInline:!0,directives:[{type:d.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:C,decorators:[{type:a.Component,args:[{template:'\n        <span class="k-icon k-button-icon" [ngClass]="iconClass"></span>\n    ',selector:"[kendoTabStripScrollableButton]"}]}],ctorParameters:function(){return[{type:r.ElementRef},{type:r.Renderer2},{type:r.NgZone}]},propDecorators:{btnClasses:[{type:a.HostBinding,args:["class.k-button"]},{type:a.HostBinding,args:["class.k-button-md"]},{type:a.HostBinding,args:["class.k-icon-button"]},{type:a.HostBinding,args:["class.k-rounded-md"]},{type:a.HostBinding,args:["class.k-button-flat"]},{type:a.HostBinding,args:["class.k-button-flat-base"]}],prevClass:[{type:a.HostBinding,args:["class.k-tabstrip-prev"]}],nextClass:[{type:a.HostBinding,args:["class.k-tabstrip-next"]}],prev:[{type:a.Input}],tabPosition:[{type:a.Input}],scrollable:[{type:a.Input}],tabScroll:[{type:a.Output}],onClick:[{type:a.Output}]}});Object.defineProperty(Ge.prototype,"activeClass",{get:function(){return this.tab.selected},enumerable:!1,configurable:!0}),Object.defineProperty(Ge.prototype,"disabledClass",{get:function(){return this.tab.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(Ge.prototype,"focusedClass",{get:function(){return this.tab.focused},enumerable:!1,configurable:!0}),Object.defineProperty(Ge.prototype,"tabIndex",{get:function(){return this.tab.selected||this.tab.focused?0:-1},enumerable:!1,configurable:!0}),Object.defineProperty(Ge.prototype,"tabClosable",{get:function(){return void 0!==this.tab.closable?this.tab.closable:this.tabStripClosable},enumerable:!1,configurable:!0}),Object.defineProperty(Ge.prototype,"closeButtonClasses",{get:function(){return g(this.tab.closeIcon)?this.tab.closeIcon:this.tabStripCloseIcon},enumerable:!1,configurable:!0}),Object.defineProperty(Ge.prototype,"closeButtonTitle",{get:function(){return this.localization.get("closeTitle")},enumerable:!1,configurable:!0}),Ge.prototype.closeTab=function(e){e=new ze(e,this.tab);this.tabClose.emit(e)};var qe=Ge;function Ge(e){this.localization=e,this.tabClose=new a.EventEmitter,this.hostClasses=!0}qe.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:qe,deps:[{token:o.LocalizationService}],target:r.ɵɵFactoryTarget.Component}),qe.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:qe,selector:"[kendoTabStripTab]",inputs:{tab:"tab",index:"index",tabStripClosable:"tabStripClosable",tabStripCloseIcon:"tabStripCloseIcon"},outputs:{tabClose:"tabClose"},host:{properties:{"class.k-item":"this.hostClasses","class.k-state-default":"this.hostClasses","attr.aria-selected]":"this.activeClass","class.k-state-active":"this.activeClass","attr.aria-disabled]":"this.disabledClass","class.k-state-disabled":"this.disabledClass","class.k-state-focused":"this.focusedClass","attr.tabindex":"this.tabIndex"}},ngImport:r,template:'\n        <span class="k-link" *ngIf="!tab.tabTitle">{{ tab.title }}</span>\n        <span class="k-link" *ngIf="tab.tabTitle">\n            <ng-template [ngTemplateOutlet]="tab.tabTitle?.templateRef">\n            </ng-template>\n        </span>\n        <span class="k-remove-tab k-button k-icon-button k-flat" *ngIf="tabClosable"\n            role="button"\n            [title]="closeButtonTitle"\n            [attr.aria-label]="closeButtonTitle"\n            (click)="closeTab(index)"\n        >\n            <span [ngClass]="closeButtonClasses"></span>\n        </span>\n    ',isInline:!0,directives:[{type:d.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:d.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]},{type:d.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:qe,decorators:[{type:a.Component,args:[{selector:"[kendoTabStripTab]",template:'\n        <span class="k-link" *ngIf="!tab.tabTitle">{{ tab.title }}</span>\n        <span class="k-link" *ngIf="tab.tabTitle">\n            <ng-template [ngTemplateOutlet]="tab.tabTitle?.templateRef">\n            </ng-template>\n        </span>\n        <span class="k-remove-tab k-button k-icon-button k-flat" *ngIf="tabClosable"\n            role="button"\n            [title]="closeButtonTitle"\n            [attr.aria-label]="closeButtonTitle"\n            (click)="closeTab(index)"\n        >\n            <span [ngClass]="closeButtonClasses"></span>\n        </span>\n    '}]}],ctorParameters:function(){return[{type:o.LocalizationService}]},propDecorators:{tab:[{type:a.Input}],index:[{type:a.Input}],tabStripClosable:[{type:a.Input}],tabStripCloseIcon:[{type:a.Input}],tabClose:[{type:a.Output}],hostClasses:[{type:a.HostBinding,args:["class.k-item"]},{type:a.HostBinding,args:["class.k-state-default"]}],activeClass:[{type:a.HostBinding,args:["attr.aria-selected]"]},{type:a.HostBinding,args:["class.k-state-active"]}],disabledClass:[{type:a.HostBinding,args:["attr.aria-disabled]"]},{type:a.HostBinding,args:["class.k-state-disabled"]}],focusedClass:[{type:a.HostBinding,args:["class.k-state-focused"]}],tabIndex:[{type:a.HostBinding,args:["attr.tabindex"]}]}});he(Je,Qe=e.ComponentMessages);var Qe,I=Je;function Je(){return null!==Qe&&Qe.apply(this,arguments)||this}I.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:I,deps:null,target:r.ɵɵFactoryTarget.Directive}),I.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:I,selector:"kendo-tabstrip-messages-base",inputs:{closeTitle:"closeTitle"},usesInheritance:!0,ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:I,decorators:[{type:a.Directive,args:[{selector:"kendo-tabstrip-messages-base"}]}],propDecorators:{closeTitle:[{type:a.Input}]}});he(nt,et=I);var et,tt=nt;function nt(e){var t=et.call(this)||this;return t.service=e,t}tt.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:tt,deps:[{token:o.LocalizationService}],target:r.ɵɵFactoryTarget.Directive}),tt.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:tt,selector:"[kendoTabStripLocalizedMessages]",providers:[{provide:I,useExisting:a.forwardRef(function(){return tt})}],usesInheritance:!0,ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:tt,decorators:[{type:a.Directive,args:[{providers:[{provide:I,useExisting:a.forwardRef(function(){return tt})}],selector:"[kendoTabStripLocalizedMessages]"}]}],ctorParameters:function(){return[{type:o.LocalizationService}]}});Object.defineProperty(k.prototype,"height",{get:function(){return this._height},set:function(e){this._height=e,this.renderer.setStyle(this.wrapper.nativeElement,"height",e)},enumerable:!1,configurable:!0}),Object.defineProperty(k.prototype,"scrollable",{get:function(){return this._scrollableSettings},set:function(e){this._scrollableSettings=We(e),this.tablist&&(this.toggleScrollButtons(this.scrollService.tabsOverflow),this.attachWheelHandler(this.tablist.nativeElement))},enumerable:!1,configurable:!0}),Object.defineProperty(k.prototype,"tabsAtTop",{get:function(){return"top"===this.tabPosition},enumerable:!1,configurable:!0}),Object.defineProperty(k.prototype,"tabsAtRight",{get:function(){return"right"===this.tabPosition},enumerable:!1,configurable:!0}),Object.defineProperty(k.prototype,"tabsAtBottom",{get:function(){return"bottom"===this.tabPosition},enumerable:!1,configurable:!0}),Object.defineProperty(k.prototype,"tabsAtLeft",{get:function(){return"left"===this.tabPosition},enumerable:!1,configurable:!0}),Object.defineProperty(k.prototype,"dir",{get:function(){return this.localization.rtl?"rtl":"ltr"},enumerable:!1,configurable:!0}),Object.defineProperty(k.prototype,"tabStripScrollable",{get:function(){return this._scrollableSettings.enabled},enumerable:!1,configurable:!0}),k.prototype.ngAfterViewInit=function(){var e=this;this.ngZone.runOutsideAngular(function(){e.scrollService.tabsOverflow?e.toggleScrollButtons(!0):e.toggleScrollButtons(!1),setTimeout(function(){e.scrollToSelectedTab()})}),this.initDomEvents()},k.prototype.ngOnChanges=function(e){var t,n=this,e=e.tabPosition;e&&(t="bottom"===e.previousValue||"bottom"===e.currentValue,this.ngZone.onStable.pipe(H.take(1)).subscribe(function(){t&&(n.subscriptionsArePresent&&(n.subscriptions.unsubscribe(),n.subscriptions=new c.Subscription,n.subscriptionsArePresent=!1),n.initDomEvents()),n.scrollService.restoreScrollPosition()}))},k.prototype.ngOnDestroy=function(){this.subscriptions&&this.subscriptions.unsubscribe()},Object.defineProperty(k.prototype,"tabsAlignmentStyles",{get:function(){return{start:"flex-start",end:"flex-end",center:"center",justify:"space-between"}[this.tabAlignment]},enumerable:!1,configurable:!0}),Object.defineProperty(k.prototype,"tabListWidth",{get:function(){return"top"===this.tabPosition||"bottom"===this.tabPosition?"100%":null},enumerable:!1,configurable:!0}),Object.defineProperty(k.prototype,"tabListHeight",{get:function(){return"left"===this.tabPosition||"right"===this.tabPosition?"100%":null},enumerable:!1,configurable:!0}),Object.defineProperty(k.prototype,"isScrollable",{get:function(){return this._scrollableSettings.enabled},enumerable:!1,configurable:!0}),Object.defineProperty(k.prototype,"hasScrollButtons",{get:function(){return(e=this._scrollableSettings).enabled&&"hidden"!==e.scrollButtons;var e},enumerable:!1,configurable:!0}),Object.defineProperty(k.prototype,"mouseScrollEnabled",{get:function(){return Ve(this._scrollableSettings)},enumerable:!1,configurable:!0}),Object.defineProperty(k.prototype,"itemsWrapperClass",{get:function(){return Fe(this.tabPosition)?"k-hstack":"k-vstack"},enumerable:!1,configurable:!0}),k.prototype.selectTab=function(e){var t=Re(this.tabs,e);t&&!t.disabled&&(this.tabstripService.selectTab(t,e),this.scrollToSelectedTab())},k.prototype.onTabClick=function(e,t){W(e.target)||(e=e.target,Z(e,"k-remove-tab")||Z(e.parentElement,"k-remove-tab")||(e=Re(this.tabs,t),this.tabstripService.onTabSelect(e,t),this.scrollToSelectedTab()))},k.prototype.onResize=function(){var e=this;this.scrollService.tabsOverflow?this.toggleScrollButtons(!0):this.toggleScrollButtons(!1),this.ngZone.runOutsideAngular(function(){e.scrollService.toggleScrollButtonsState()})},k.prototype.scrollToSelectedTab=function(){this._scrollableSettings.enabled&&this.scrollService.scrollToSelectedTab()},k.prototype.onScrollButtonClick=function(e){this.scrollService.scrollTabs(e)},k.prototype.initDomEvents=function(){var e,t=this;this.wrapper&&!this.subscriptionsArePresent&&(e=this.tablist.nativeElement,this.ngZone.runOutsideAngular(function(){t.subscriptions.add(t.renderer.listen(e,"keydown",function(e){t.tabstripService.onKeyDown(e)}))}),this.subscriptions.add(this.renderer.listen(e,"focusout",function(){t.tabs.forEach(function(e){e.focused=!1})})),this.isScrollable&&this.mouseScrollEnabled&&this.attachWheelHandler(e),this.subscriptionsArePresent=!0)},k.prototype.toggleScrollButtons=function(r){var o=this;this.ngZone.onStable.pipe(H.take(1)).subscribe(function(){var e=o._scrollableSettings.scrollButtons,t=o.prevScrollButton&&o.nextScrollButton,n=t&&r,i="visible"===e;t&&!r&&"visible"!==e?(o.prevScrollButton.toggle(!1),o.nextScrollButton.toggle(!1)):(n||i)&&(o.prevScrollButton.toggle(!0),o.nextScrollButton.toggle(!0)),t&&i&&o.ngZone.runOutsideAngular(function(){o.scrollService.toggleScrollButtonsState()})})},k.prototype.attachWheelHandler=function(e){var n=this;this.ngZone.runOutsideAngular(function(){n.subscriptions.add(n.renderer.listen(e,"wheel",function(e){var t=new Ue({originalEvent:e});n.tabScroll.emit(t),!t.isDefaultPrevented()&&n.scrollService.tabsOverflow&&n.scrollService.onMouseScroll(e)}))})};var it=k;function k(e,t,n,i,r,o){var s=this;this.localization=e,this.renderer=t,this.wrapper=n,this.tabstripService=i,this.scrollService=r,this.ngZone=o,this.animate=!0,this.tabPosition="top",this.keepTabContent=!1,this.closable=!1,this.closeIcon="k-icon k-i-x",this.tabSelect=new a.EventEmitter,this.tabClose=new a.EventEmitter,this.tabScroll=new a.EventEmitter,this.hostClasses=!0,this.tabs=new a.QueryList,this._scrollableSettings=We(!1),this.subscriptions=new c.Subscription,this.subscriptionsArePresent=!1,L.validatePackage(ee),((this.tabstripService.owner=this).scrollService.owner=this).subscriptions.add(this.scrollService.scrollButtonActiveStateChange.subscribe(function(e){var t;s.hasScrollButtons&&(t=e.active?"remove":"add",s.renderer[t+"Class"](s[e.buttonType+"ScrollButton"].host.nativeElement,"k-disabled"))}))}it.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:it,deps:[{token:o.LocalizationService},{token:r.Renderer2},{token:r.ElementRef},{token:Le},{token:_e},{token:r.NgZone}],target:r.ɵɵFactoryTarget.Component}),it.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:it,selector:"kendo-tabstrip",inputs:{height:"height",animate:"animate",tabAlignment:"tabAlignment",tabPosition:"tabPosition",keepTabContent:"keepTabContent",closable:"closable",scrollable:"scrollable",closeIcon:"closeIcon"},outputs:{tabSelect:"tabSelect",tabClose:"tabClose",tabScroll:"tabScroll"},host:{properties:{"class.k-tabstrip":"this.hostClasses","class.k-floatwrap":"this.hostClasses","class.k-tabstrip-top":"this.tabsAtTop","class.k-tabstrip-right":"this.tabsAtRight","class.k-tabstrip-bottom":"this.tabsAtBottom","class.k-tabstrip-left":"this.tabsAtLeft","attr.dir":"this.dir","class.k-tabstrip-scrollable":"this.tabStripScrollable"}},providers:[Le,_e,e.LocalizationService,{provide:e.L10N_PREFIX,useValue:"kendo.tabstrip"}],queries:[{propertyName:"tabs",predicate:Te}],viewQueries:[{propertyName:"tablist",first:!0,predicate:["tablist"],descendants:!0},{propertyName:"prevScrollButton",first:!0,predicate:["prevScrollButton"],descendants:!0},{propertyName:"nextScrollButton",first:!0,predicate:["nextScrollButton"],descendants:!0},{propertyName:"tabHeaderContainers",predicate:["tabHeaderContainer"],descendants:!0,read:a.ElementRef}],exportAs:["kendoTabStrip"],usesOnChanges:!0,ngImport:r,template:'\n        <ng-container kendoTabStripLocalizedMessages\n            i18n-closeTitle="kendo.tabstrip.closeTitle|The title for the **Close** button in the TabStrip tab."\n            closeTitle="Close">\n        </ng-container>\n        <ng-container *ngIf="!tabsAtBottom">\n            <ng-container *ngTemplateOutlet="heading">\n            </ng-container>\n            <ng-container *ngTemplateOutlet="content">\n            </ng-container>\n        </ng-container>\n\n        <ng-container *ngIf="tabsAtBottom">\n            <ng-container *ngTemplateOutlet="content">\n            </ng-container>\n            <ng-container *ngTemplateOutlet="heading">\n            </ng-container>\n        </ng-container>\n        <ng-template #heading>\n            <div class="k-tabstrip-items-wrapper" [ngClass]="itemsWrapperClass">\n                <span \n                    *ngIf="hasScrollButtons"\n                    #prevScrollButton\n                    kendoTabStripScrollableButton\n                    [scrollable]="scrollable"\n                    [tabPosition]="tabPosition"\n                    [prev]="true"\n                    (tabScroll)="tabScroll.emit($event)"\n                    (onClick)="onScrollButtonClick($event)"></span>\n                <ul role="tablist" #tablist\n                    class="k-reset k-tabstrip-items"\n                    [style.justifyContent]="tabsAlignmentStyles"\n                    [style.width]="tabListWidth"\n                    [style.height]="tabListHeight"\n                >\n                    <ng-container *ngFor="let tab of tabs; let i = index;">\n                        <li\n                            #tabHeaderContainer\n                            kendoTabStripTab\n                            [ngClass]="tab.cssClass"\n                            [ngStyle]="tab.cssStyle"\n                            [tab]="tab"\n                            [index]="i"\n                            role="tab"\n                            [tabStripClosable]="closable"\n                            [tabStripCloseIcon]="closeIcon"\n                            (tabClose)="tabClose.emit($event)"\n                            (click)="onTabClick($event, i)"\n                            [id]="\'k-tabstrip-tab-\' + i"\n                            [attr.aria-controls]="\'k-tabstrip-tabpanel-\' + i"></li>\n                    </ng-container>\n                </ul>\n                <span\n                    *ngIf="hasScrollButtons"\n                    #nextScrollButton\n                    kendoTabStripScrollableButton\n                    [scrollable]="scrollable"\n                    [tabPosition]="tabPosition"\n                    [prev]="false"\n                    (tabScroll)="tabScroll.emit($event)"\n                    (onClick)="onScrollButtonClick($event)"></span>\n            </div>\n        </ng-template>\n        <ng-template #content>\n            <ng-template ngFor let-tab [ngForOf]="tabs" let-i="index">\n                <div\n                    [@state]="tab.selected && animate ? \'active\' : \'inactive\'"\n                    *ngIf="tab.selected || keepTabContent"\n                    [ngClass]="!this.keepTabContent || tab.selected ? \'k-content k-state-active\' : \'k-content\'"\n                    [tabIndex]="0"\n                    role="tabpanel"\n                    [id]="\'k-tabstrip-tabpanel-\' + i"\n                    [attr.aria-hidden]="!tab.selected"\n                    [attr.aria-expanded]="tab.selected"\n                    [attr.aria-labelledby]="\'k-tabstrip-tab-\' + i"\n                    [attr.aria-disabled]="tab.disabled"\n                >\n                    <ng-template [ngTemplateOutlet]="tab.tabContent?.templateRef">\n                    </ng-template>\n                </div>\n            </ng-template>\n        </ng-template>\n        <kendo-resize-sensor *ngIf="isScrollable" (resize)="onResize()"></kendo-resize-sensor>\n    ',isInline:!0,components:[{type:C,selector:"[kendoTabStripScrollableButton]",inputs:["prev","tabPosition","scrollable"],outputs:["tabScroll","onClick"]},{type:qe,selector:"[kendoTabStripTab]",inputs:["tab","index","tabStripClosable","tabStripCloseIcon"],outputs:["tabClose"]},{type:q.ResizeSensorComponent,selector:"kendo-resize-sensor",inputs:["rateLimit"],outputs:["resize"]}],directives:[{type:tt,selector:"[kendoTabStripLocalizedMessages]"},{type:d.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:d.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]},{type:d.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:d.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:d.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]}],animations:[p.trigger("state",[p.state("active",p.style({opacity:1})),p.transition("* => active",[p.style({opacity:0}),p.animate("400ms ease-in")])])]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:it,decorators:[{type:a.Component,args:[{animations:[p.trigger("state",[p.state("active",p.style({opacity:1})),p.transition("* => active",[p.style({opacity:0}),p.animate("400ms ease-in")])])],providers:[Le,_e,e.LocalizationService,{provide:e.L10N_PREFIX,useValue:"kendo.tabstrip"}],exportAs:"kendoTabStrip",selector:"kendo-tabstrip",template:'\n        <ng-container kendoTabStripLocalizedMessages\n            i18n-closeTitle="kendo.tabstrip.closeTitle|The title for the **Close** button in the TabStrip tab."\n            closeTitle="Close">\n        </ng-container>\n        <ng-container *ngIf="!tabsAtBottom">\n            <ng-container *ngTemplateOutlet="heading">\n            </ng-container>\n            <ng-container *ngTemplateOutlet="content">\n            </ng-container>\n        </ng-container>\n\n        <ng-container *ngIf="tabsAtBottom">\n            <ng-container *ngTemplateOutlet="content">\n            </ng-container>\n            <ng-container *ngTemplateOutlet="heading">\n            </ng-container>\n        </ng-container>\n        <ng-template #heading>\n            <div class="k-tabstrip-items-wrapper" [ngClass]="itemsWrapperClass">\n                <span \n                    *ngIf="hasScrollButtons"\n                    #prevScrollButton\n                    kendoTabStripScrollableButton\n                    [scrollable]="scrollable"\n                    [tabPosition]="tabPosition"\n                    [prev]="true"\n                    (tabScroll)="tabScroll.emit($event)"\n                    (onClick)="onScrollButtonClick($event)"></span>\n                <ul role="tablist" #tablist\n                    class="k-reset k-tabstrip-items"\n                    [style.justifyContent]="tabsAlignmentStyles"\n                    [style.width]="tabListWidth"\n                    [style.height]="tabListHeight"\n                >\n                    <ng-container *ngFor="let tab of tabs; let i = index;">\n                        <li\n                            #tabHeaderContainer\n                            kendoTabStripTab\n                            [ngClass]="tab.cssClass"\n                            [ngStyle]="tab.cssStyle"\n                            [tab]="tab"\n                            [index]="i"\n                            role="tab"\n                            [tabStripClosable]="closable"\n                            [tabStripCloseIcon]="closeIcon"\n                            (tabClose)="tabClose.emit($event)"\n                            (click)="onTabClick($event, i)"\n                            [id]="\'k-tabstrip-tab-\' + i"\n                            [attr.aria-controls]="\'k-tabstrip-tabpanel-\' + i"></li>\n                    </ng-container>\n                </ul>\n                <span\n                    *ngIf="hasScrollButtons"\n                    #nextScrollButton\n                    kendoTabStripScrollableButton\n                    [scrollable]="scrollable"\n                    [tabPosition]="tabPosition"\n                    [prev]="false"\n                    (tabScroll)="tabScroll.emit($event)"\n                    (onClick)="onScrollButtonClick($event)"></span>\n            </div>\n        </ng-template>\n        <ng-template #content>\n            <ng-template ngFor let-tab [ngForOf]="tabs" let-i="index">\n                <div\n                    [@state]="tab.selected && animate ? \'active\' : \'inactive\'"\n                    *ngIf="tab.selected || keepTabContent"\n                    [ngClass]="!this.keepTabContent || tab.selected ? \'k-content k-state-active\' : \'k-content\'"\n                    [tabIndex]="0"\n                    role="tabpanel"\n                    [id]="\'k-tabstrip-tabpanel-\' + i"\n                    [attr.aria-hidden]="!tab.selected"\n                    [attr.aria-expanded]="tab.selected"\n                    [attr.aria-labelledby]="\'k-tabstrip-tab-\' + i"\n                    [attr.aria-disabled]="tab.disabled"\n                >\n                    <ng-template [ngTemplateOutlet]="tab.tabContent?.templateRef">\n                    </ng-template>\n                </div>\n            </ng-template>\n        </ng-template>\n        <kendo-resize-sensor *ngIf="isScrollable" (resize)="onResize()"></kendo-resize-sensor>\n    '}]}],ctorParameters:function(){return[{type:o.LocalizationService},{type:r.Renderer2},{type:r.ElementRef},{type:Le},{type:_e},{type:r.NgZone}]},propDecorators:{height:[{type:a.Input}],animate:[{type:a.Input}],tabAlignment:[{type:a.Input}],tabPosition:[{type:a.Input}],keepTabContent:[{type:a.Input}],closable:[{type:a.Input}],scrollable:[{type:a.Input}],closeIcon:[{type:a.Input}],tabSelect:[{type:a.Output}],tabClose:[{type:a.Output}],tabScroll:[{type:a.Output}],hostClasses:[{type:a.HostBinding,args:["class.k-tabstrip"]},{type:a.HostBinding,args:["class.k-floatwrap"]}],tabsAtTop:[{type:a.HostBinding,args:["class.k-tabstrip-top"]}],tabsAtRight:[{type:a.HostBinding,args:["class.k-tabstrip-right"]}],tabsAtBottom:[{type:a.HostBinding,args:["class.k-tabstrip-bottom"]}],tabsAtLeft:[{type:a.HostBinding,args:["class.k-tabstrip-left"]}],dir:[{type:a.HostBinding,args:["attr.dir"]}],tabStripScrollable:[{type:a.HostBinding,args:["class.k-tabstrip-scrollable"]}],tabs:[{type:a.ContentChildren,args:[Te]}],tablist:[{type:a.ViewChild,args:["tablist",{static:!1}]}],tabHeaderContainers:[{type:a.ViewChildren,args:["tabHeaderContainer",{read:a.ElementRef}]}],prevScrollButton:[{type:a.ViewChild,args:["prevScrollButton",{static:!1}]}],nextScrollButton:[{type:a.ViewChild,args:["nextScrollButton",{static:!1}]}]}});he(st,rt=I),Object.defineProperty(st.prototype,"override",{get:function(){return!0},enumerable:!1,configurable:!0});var rt,ot=st;function st(e){var t=rt.call(this)||this;return t.service=e,t}ot.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:ot,deps:[{token:o.LocalizationService}],target:r.ɵɵFactoryTarget.Component}),ot.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:ot,selector:"kendo-tabstrip-messages",providers:[{provide:I,useExisting:a.forwardRef(function(){return ot})}],usesInheritance:!0,ngImport:r,template:"",isInline:!0}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:ot,decorators:[{type:a.Component,args:[{providers:[{provide:I,useExisting:a.forwardRef(function(){return ot})}],selector:"kendo-tabstrip-messages",template:""}]}],ctorParameters:function(){return[{type:o.LocalizationService}]}});var I=function(e){this.templateRef=e},at=(I.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:I,deps:[{token:r.TemplateRef,optional:!0}],target:r.ɵɵFactoryTarget.Directive}),I.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:I,selector:"[kendoDrawerTemplate]",ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:I,decorators:[{type:a.Directive,args:[{selector:"[kendoDrawerTemplate]"}]}],ctorParameters:function(){return[{type:r.TemplateRef,decorators:[{type:a.Optional}]}]}}),function(e){this.templateRef=e}),lt=(at.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:at,deps:[{token:r.TemplateRef,optional:!0}],target:r.ɵɵFactoryTarget.Directive}),at.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:at,selector:"[kendoDrawerItemTemplate]",ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:at,decorators:[{type:a.Directive,args:[{selector:"[kendoDrawerItemTemplate]"}]}],ctorParameters:function(){return[{type:r.TemplateRef,decorators:[{type:a.Optional}]}]}}),function(e){this.templateRef=e}),pt=(lt.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:lt,deps:[{token:r.TemplateRef,optional:!0}],target:r.ɵɵFactoryTarget.Directive}),lt.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:lt,selector:"[kendoDrawerHeaderTemplate]",ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:lt,decorators:[{type:a.Directive,args:[{selector:"[kendoDrawerHeaderTemplate]"}]}],ctorParameters:function(){return[{type:r.TemplateRef,decorators:[{type:a.Optional}]}]}}),function(e){this.templateRef=e}),ct=(pt.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:pt,deps:[{token:r.TemplateRef,optional:!0}],target:r.ɵɵFactoryTarget.Directive}),pt.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:pt,selector:"[kendoDrawerFooterTemplate]",ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:pt,decorators:[{type:a.Directive,args:[{selector:"[kendoDrawerFooterTemplate]"}]}],ctorParameters:function(){return[{type:r.TemplateRef,decorators:[{type:a.Optional}]}]}}),dt.prototype.onSelect=function(e){this.selectedIndices=[e];e=this.owner;e.autoCollapse&&!e.minimized&&e.toggle(!1)},dt.prototype.initSelection=function(){var e=this.owner.items;this.selectedIndices=[];for(var t=0;t<e.length;t++)e[t].selected&&this.selectedIndices.push(t)},dt);function dt(){this.selectedIndices=[]}function gt(e){var t,n,i=e.animation.duration,r=e.width,o=e.miniWidth,s=e.mode,a=e.mini,l=e.rtl,e=e.position;return a&&"push"===s?(t=i,n=r,[p.style({overflow:"hidden",flexBasis:o+"px"}),p.animate(t+"ms ease-in",p.style({flexBasis:n+"px"}))]):a||"push"!==s?a||"overlay"!==s?a&&"overlay"===s?(t=i,n=r,[p.style({width:o+"px"}),p.animate(t+"ms ease-in",p.style({overflow:"hidden",width:n+"px"}))]):void 0:l?(a=i,[p.style({transform:"translateX(100%)"}),p.animate(a+"ms ease-in",p.style({overflow:"hidden",transform:"translateX(0)"}))]):(s=i,[p.style({transform:"translateX("+("end"!==e?"-100%":"100%")+")"}),p.animate(s+"ms ease-in",p.style({overflow:"hidden",transform:"translateX(0)"}))]):(o=i,l=r,[p.style({overflow:"hidden",flexBasis:"0px"}),p.animate(o+"ms ease-in",p.style({flexBasis:l+"px"}))])}function ut(e){var t,n,i=e.animation.duration,r=e.width,o=e.miniWidth,s=e.mode,a=e.mini,l=e.rtl,e=e.position;return a&&"push"===s?(t=i,n=o,[p.style({overflow:"hidden",flexBasis:r+"px"}),p.animate(t+"ms ease-in",p.style({flexBasis:n+"px"}))]):a||"push"!==s?a||"overlay"!==s?a&&"overlay"===s?(t=i,n=o,[p.style({width:r+"px"}),p.animate(t+"ms ease-in",p.style({overflow:"hidden",width:n+"px"}))]):void 0:l?(a=i,[p.style({transform:"translateX(0)"}),p.animate(a+"ms ease-in",p.style({overflow:"hidden",transform:"translateX(100%)"}))]):(s=i,o="end"!==(o=e)?"-100%":"100%",[p.style({transform:"translateX(0)"}),p.animate(s+"ms ease-in",p.style({overflow:"hidden",transform:"translateX("+o+")"}))]):(l=i,[p.style({flexBasis:r+"px"}),p.animate(l+"ms ease-in",p.style({overflow:"hidden",flexBasis:"0px"}))])}ct.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:ct,deps:[],target:r.ɵɵFactoryTarget.Injectable}),ct.ɵprov=r.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:ct}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:ct,decorators:[{type:a.Injectable}]});function ht(e,t){return e.querySelector(t)}var mt,yt="data-kendo-drawer-index",ft=(he(bt,mt=l.PreventableEvent),bt);function bt(e){var t=mt.call(this)||this;return Object.assign(t,e),t}Object.defineProperty(vt.prototype,"disabledClass",{get:function(){return this.item.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(vt.prototype,"selectedClass",{get:function(){return 0<=this.drawer.selectedIndices.indexOf(this.index)},enumerable:!1,configurable:!0}),Object.defineProperty(vt.prototype,"label",{get:function(){return this.item.text||null},enumerable:!1,configurable:!0}),vt.prototype.ngAfterViewInit=function(){var e=ht(this.element.nativeElement,".k-drawer-link");e&&this.renderer.removeAttribute(e,"tabindex")},Object.defineProperty(vt.prototype,"iconClasses",{get:function(){var e=[];return this.item.icon&&e.push("k-icon "+this.item.icon),this.item.iconClass&&e.push(""+this.item.iconClass),e},enumerable:!1,configurable:!0});var S=vt;function vt(e,t,n){this.drawer=e,this.element=t,this.renderer=n}S.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:S,deps:[{token:ct},{token:r.ElementRef},{token:r.Renderer2}],target:r.ɵɵFactoryTarget.Component}),S.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:S,selector:"[kendoDrawerItem]",inputs:{item:"item",index:"index",itemTemplate:"itemTemplate",mini:"mini",expanded:"expanded",disabled:"disabled",cssClass:"cssClass",cssStyle:"cssStyle"},host:{properties:{"attr.aria-disabled":"this.disabledClass","class.k-state-disabled":"this.disabledClass","attr.aria-selected":"this.selectedClass","class.k-state-selected":"this.selectedClass","attr.aria-label":"this.label"}},ngImport:r,template:'\n        <ng-template *ngIf="itemTemplate; else defaultTemplate"\n            [ngTemplateOutlet]="itemTemplate"\n            [ngTemplateOutletContext]="{ $implicit: item }">\n        </ng-template>\n\n        <ng-template #defaultTemplate>\n            <ng-container *ngIf="expanded">\n                <span [ngClass]="iconClasses"></span>\n                <span class="k-item-text">{{ item.text }}</span>\n            </ng-container>\n            <ng-container *ngIf="mini && !expanded">\n                <span [ngClass]="iconClasses"></span>\n            </ng-container>\n        </ng-template>\n    ',isInline:!0,directives:[{type:d.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:d.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]},{type:d.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:S,decorators:[{type:a.Component,args:[{selector:"[kendoDrawerItem]",template:'\n        <ng-template *ngIf="itemTemplate; else defaultTemplate"\n            [ngTemplateOutlet]="itemTemplate"\n            [ngTemplateOutletContext]="{ $implicit: item }">\n        </ng-template>\n\n        <ng-template #defaultTemplate>\n            <ng-container *ngIf="expanded">\n                <span [ngClass]="iconClasses"></span>\n                <span class="k-item-text">{{ item.text }}</span>\n            </ng-container>\n            <ng-container *ngIf="mini && !expanded">\n                <span [ngClass]="iconClasses"></span>\n            </ng-container>\n        </ng-template>\n    '}]}],ctorParameters:function(){return[{type:ct},{type:r.ElementRef},{type:r.Renderer2}]},propDecorators:{item:[{type:a.Input}],index:[{type:a.Input}],itemTemplate:[{type:a.Input}],mini:[{type:a.Input}],expanded:[{type:a.Input}],disabled:[{type:a.Input}],cssClass:[{type:a.Input}],cssStyle:[{type:a.Input}],disabledClass:[{type:a.HostBinding,args:["attr.aria-disabled"]},{type:a.HostBinding,args:["class.k-state-disabled"]}],selectedClass:[{type:a.HostBinding,args:["attr.aria-selected"]},{type:a.HostBinding,args:["class.k-state-selected"]}],label:[{type:a.HostBinding,args:["attr.aria-label"]}]}});Ct.prototype.ngOnInit=function(){this.initialSelection(),this.initDomEvents()},Ct.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},Ct.prototype.initialSelection=function(){0===this.drawerService.selectedIndices.length&&this.drawerService.initSelection()},Ct.prototype.initDomEvents=function(){var t=this;this.element&&this.ngZone.runOutsideAngular(function(){var e=t.element.nativeElement;t.subscriptions.add(t.renderer.listen(e,"click",t.clickHandler.bind(t))),t.subscriptions.add(t.renderer.listen(e,"keydown",t.keyDownHandler.bind(t)))})},Ct.prototype.clickHandler=function(e){var t,n=this,i=this.getDrawerItemIndex(e.target),r=this.items[i];r&&(r.disabled?e.preventDefault():(t={index:i,item:r,originalEvent:e},this.ngZone.run(function(){var e=new ft(t);n.select.emit(e),e.isDefaultPrevented()||(n.drawerService.onSelect(i),n.changeDetector.detectChanges())})))},Ct.prototype.keyDownHandler=function(e){if(e.keyCode===l.Keys.Enter||e.keyCode===l.Keys.Space)return this.clickHandler(e),e=ht(this.element.nativeElement,":focus:not(.k-state-disabled) .k-drawer-link"),e&&e.click(),!1},Ct.prototype.getDrawerItemIndex=function(e){e=Y(e,yt,this.element.nativeElement);if(e)return U(e,yt)};var w=Ct;function Ct(e,t,n,i,r){this.drawerService=e,this.renderer=t,this.ngZone=n,this.changeDetector=i,this.element=r,this.select=new a.EventEmitter,this.subscriptions=new c.Subscription}w.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:w,deps:[{token:ct},{token:r.Renderer2},{token:r.NgZone},{token:r.ChangeDetectorRef},{token:r.ElementRef}],target:r.ɵɵFactoryTarget.Component}),w.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:w,selector:"[kendoDrawerList]",inputs:{items:"items",itemTemplate:"itemTemplate",mini:"mini",expanded:"expanded"},outputs:{select:"select"},ngImport:r,template:'\n        <ng-container *ngFor="let item of items; let idx = index">\n            <li *ngIf="!item.separator" kendoDrawerItem\n                class="k-drawer-item"\n                [item]="item"\n                [index]="idx"\n                [mini]="mini"\n                [expanded]="expanded"\n                [itemTemplate]="itemTemplate"\n                [attr.data-kendo-drawer-index]="idx"\n                [ngClass]="item.cssClass"\n                [ngStyle]="item.cssStyle"\n                tabindex="0">\n            </li>\n\n            <li *ngIf="item.separator"\n                class="k-drawer-item k-drawer-separator"\n                [ngClass]="item.cssClass"\n                [ngStyle]="item.cssStyle">\n                &nbsp;\n            </li>\n        </ng-container>\n    ',isInline:!0,components:[{type:S,selector:"[kendoDrawerItem]",inputs:["item","index","itemTemplate","mini","expanded","disabled","cssClass","cssStyle"]}],directives:[{type:d.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:d.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:d.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:d.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]}]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:w,decorators:[{type:a.Component,args:[{selector:"[kendoDrawerList]",template:'\n        <ng-container *ngFor="let item of items; let idx = index">\n            <li *ngIf="!item.separator" kendoDrawerItem\n                class="k-drawer-item"\n                [item]="item"\n                [index]="idx"\n                [mini]="mini"\n                [expanded]="expanded"\n                [itemTemplate]="itemTemplate"\n                [attr.'+yt+']="idx"\n                [ngClass]="item.cssClass"\n                [ngStyle]="item.cssStyle"\n                tabindex="0">\n            </li>\n\n            <li *ngIf="item.separator"\n                class="k-drawer-item k-drawer-separator"\n                [ngClass]="item.cssClass"\n                [ngStyle]="item.cssStyle">\n                &nbsp;\n            </li>\n        </ng-container>\n    '}]}],ctorParameters:function(){return[{type:ct},{type:r.Renderer2},{type:r.NgZone},{type:r.ChangeDetectorRef},{type:r.ElementRef}]},propDecorators:{items:[{type:a.Input}],itemTemplate:[{type:a.Input}],mini:[{type:a.Input}],expanded:[{type:a.Input}],select:[{type:a.Output}]}});var It={type:"slide",duration:200},kt=(Object.defineProperty(St.prototype,"startPositionClass",{get:function(){return"start"===this.position},enumerable:!1,configurable:!0}),Object.defineProperty(St.prototype,"endPositionClass",{get:function(){return"end"===this.position},enumerable:!1,configurable:!0}),Object.defineProperty(St.prototype,"overlayTransofrmStyles",{get:function(){if("push"!==this.mode)return this.expanded||this.minimized?"translateX(0px)":"translateX(-100%)"},enumerable:!1,configurable:!0}),Object.defineProperty(St.prototype,"flexStyles",{get:function(){if("overlay"!==this.mode)return this.expanded||this.minimized?this.drawerWidth:0},enumerable:!1,configurable:!0}),Object.defineProperty(St.prototype,"items",{get:function(){return this._items},set:function(e){g(e)&&(this._items=e,this.drawerService.initSelection())},enumerable:!1,configurable:!0}),St.prototype.ngOnDestroy=function(){this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe()},Object.defineProperty(St.prototype,"minimized",{get:function(){return this.mini&&!this.expanded},enumerable:!1,configurable:!0}),Object.defineProperty(St.prototype,"drawerWidth",{get:function(){return this.minimized?this.miniWidth:this.width},enumerable:!1,configurable:!0}),St.prototype.toggle=function(e){var t=this,n=this.expanded,i=g(e)?e:!n;i!==n&&(!0===i?this.setExpanded(!0):!1!==i||this.animation||this.setExpanded(!1),this.animation?(this.animationEnd.pipe(H.take(1)).subscribe(function(){t.onAnimationEnd(i)}),this.animate(i)):this[i?"expand":"collapse"].emit())},St.prototype.onSelect=function(e){this.select.emit(Object.assign(e,{sender:this}))},St.prototype.onAnimationEnd=function(e){e?this.expand.emit():(this.setExpanded(!1),this.collapse.emit())},St.prototype.setExpanded=function(e){this.expanded=e,this.expandedChange.emit(e)},St.prototype.animate=function(e){var t={mode:this.mode,mini:this.mini,miniWidth:this.miniWidth,width:this.width,rtl:this.rtl,position:this.position,animation:"boolean"!=typeof this.animation?this.animation:It},e=(e?gt:ut)(t);this.createPlayer(e,this.element.nativeElement).play()},St.prototype.createPlayer=function(e,t){var n=this,i=this.builder.build(e).create(t);return i.onDone(function(){i&&(n.animationEnd.emit(),i.destroy(),i=null)}),i},St);function St(e,t,n,i){var r=this;this.element=e,this.builder=t,this.localizationService=n,this.drawerService=i,this.hostClasses=!0,this.mode="overlay",this.position="start",this.mini=!1,this.expanded=!1,this.width=240,this.miniWidth=50,this.autoCollapse=!0,this.animation=It,this.expand=new a.EventEmitter,this.collapse=new a.EventEmitter,this.select=new a.EventEmitter,this.expandedChange=new a.EventEmitter,this.animationEnd=new a.EventEmitter,this.rtl=!1,this._items=[],L.validatePackage(ee),this.dynamicRTLSubscription=this.localizationService.changes.subscribe(function(e){e=e.rtl;r.rtl=e,r.direction=r.rtl?"rtl":"ltr"}),this.drawerService.owner=this}kt.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:kt,deps:[{token:r.ElementRef},{token:G.AnimationBuilder},{token:o.LocalizationService},{token:ct}],target:r.ɵɵFactoryTarget.Component}),kt.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:kt,selector:"kendo-drawer",inputs:{mode:"mode",position:"position",mini:"mini",expanded:"expanded",width:"width",miniWidth:"miniWidth",autoCollapse:"autoCollapse",items:"items",animation:"animation"},outputs:{expand:"expand",collapse:"collapse",select:"select",expandedChange:"expandedChange"},host:{properties:{"class.k-widget":"this.hostClasses","class.k-drawer":"this.hostClasses","class.k-drawer-start":"this.startPositionClass","class.k-drawer-end":"this.endPositionClass","style.transform":"this.overlayTransofrmStyles","style.flexBasis.px":"this.flexStyles","attr.dir":"this.direction"}},providers:[e.LocalizationService,ct,{provide:e.L10N_PREFIX,useValue:"kendo.drawer"}],queries:[{propertyName:"drawerTemplate",first:!0,predicate:I,descendants:!0},{propertyName:"footerTemplate",first:!0,predicate:pt,descendants:!0},{propertyName:"headerTemplate",first:!0,predicate:lt,descendants:!0},{propertyName:"itemTemplate",first:!0,predicate:at,descendants:!0}],exportAs:["kendoDrawer"],ngImport:r,template:'\n        <div class="k-drawer-wrapper" *ngIf="expanded || mini" [style.width.px]="drawerWidth">\n            <ng-container *ngIf="!drawerTemplate">\n                <ng-template *ngIf="headerTemplate"\n                    [ngTemplateOutlet]="headerTemplate?.templateRef">\n                </ng-template>\n\n                <ul kendoDrawerList\n                    (select)="onSelect($event)"\n                    [items]="items" [mini]="mini" [expanded]="expanded"\n                    [itemTemplate]="itemTemplate?.templateRef"\n                    class="k-drawer-items">\n                </ul>\n\n                <ng-template *ngIf="footerTemplate"\n                    [ngTemplateOutlet]="footerTemplate?.templateRef">\n                </ng-template>\n            </ng-container>\n\n            <ng-template *ngIf="drawerTemplate"\n                [ngTemplateOutlet]="drawerTemplate?.templateRef">\n            </ng-template>\n        </div>\n    ',isInline:!0,components:[{type:w,selector:"[kendoDrawerList]",inputs:["items","itemTemplate","mini","expanded"],outputs:["select"]}],directives:[{type:d.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:d.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]}]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:kt,decorators:[{type:a.Component,args:[{exportAs:"kendoDrawer",providers:[e.LocalizationService,ct,{provide:e.L10N_PREFIX,useValue:"kendo.drawer"}],selector:"kendo-drawer",template:'\n        <div class="k-drawer-wrapper" *ngIf="expanded || mini" [style.width.px]="drawerWidth">\n            <ng-container *ngIf="!drawerTemplate">\n                <ng-template *ngIf="headerTemplate"\n                    [ngTemplateOutlet]="headerTemplate?.templateRef">\n                </ng-template>\n\n                <ul kendoDrawerList\n                    (select)="onSelect($event)"\n                    [items]="items" [mini]="mini" [expanded]="expanded"\n                    [itemTemplate]="itemTemplate?.templateRef"\n                    class="k-drawer-items">\n                </ul>\n\n                <ng-template *ngIf="footerTemplate"\n                    [ngTemplateOutlet]="footerTemplate?.templateRef">\n                </ng-template>\n            </ng-container>\n\n            <ng-template *ngIf="drawerTemplate"\n                [ngTemplateOutlet]="drawerTemplate?.templateRef">\n            </ng-template>\n        </div>\n    '}]}],ctorParameters:function(){return[{type:r.ElementRef},{type:G.AnimationBuilder},{type:o.LocalizationService},{type:ct}]},propDecorators:{hostClasses:[{type:a.HostBinding,args:["class.k-widget"]},{type:a.HostBinding,args:["class.k-drawer"]}],startPositionClass:[{type:a.HostBinding,args:["class.k-drawer-start"]}],endPositionClass:[{type:a.HostBinding,args:["class.k-drawer-end"]}],overlayTransofrmStyles:[{type:a.HostBinding,args:["style.transform"]}],flexStyles:[{type:a.HostBinding,args:["style.flexBasis.px"]}],mode:[{type:a.Input}],position:[{type:a.Input}],mini:[{type:a.Input}],expanded:[{type:a.Input}],width:[{type:a.Input}],miniWidth:[{type:a.Input}],autoCollapse:[{type:a.Input}],items:[{type:a.Input}],direction:[{type:a.HostBinding,args:["attr.dir"]}],animation:[{type:a.Input}],expand:[{type:a.Output}],collapse:[{type:a.Output}],select:[{type:a.Output}],expandedChange:[{type:a.Output}],drawerTemplate:[{type:a.ContentChild,args:[I,{static:!1}]}],footerTemplate:[{type:a.ContentChild,args:[pt,{static:!1}]}],headerTemplate:[{type:a.ContentChild,args:[lt,{static:!1}]}],itemTemplate:[{type:a.ContentChild,args:[at,{static:!1}]}]}});Object.defineProperty(xt.prototype,"hostClass",{get:function(){return!0},enumerable:!1,configurable:!0}),Object.defineProperty(xt.prototype,"overlayClass",{get:function(){return"overlay"===this.drawer.mode},enumerable:!1,configurable:!0}),Object.defineProperty(xt.prototype,"miniClass",{get:function(){return this.drawer.mini},enumerable:!1,configurable:!0}),Object.defineProperty(xt.prototype,"pushClass",{get:function(){return"push"===this.drawer.mode},enumerable:!1,configurable:!0}),Object.defineProperty(xt.prototype,"isExpandedClass",{get:function(){return this.drawer.expanded},enumerable:!1,configurable:!0}),xt.prototype.ngOnDestroy=function(){this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe()},Object.defineProperty(xt.prototype,"overlay",{get:function(){return g(this.drawer)&&this.drawer.expanded&&"overlay"===this.drawer.mode},enumerable:!1,configurable:!0}),xt.prototype.closeDrawer=function(){this.overlay&&this.drawer.autoCollapse&&this.drawer.toggle(!1)};var wt=xt;function xt(e){var t=this;this.localizationService=e,this.rtl=!1,this.dynamicRTLSubscription=this.localizationService.changes.subscribe(function(e){e=e.rtl;t.rtl=e,t.direction=t.rtl?"rtl":"ltr"})}wt.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:wt,deps:[{token:o.LocalizationService}],target:r.ɵɵFactoryTarget.Component}),wt.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:wt,selector:"kendo-drawer-container",host:{properties:{"class.k-drawer-container":"this.hostClass","class.k-drawer-overlay":"this.overlayClass","class.k-drawer-mini":"this.miniClass","class.k-drawer-push":"this.pushClass","class.k-drawer-expanded":"this.isExpandedClass","attr.dir":"this.direction"}},providers:[e.LocalizationService,{provide:e.L10N_PREFIX,useValue:"kendo.drawer.container"}],queries:[{propertyName:"drawer",first:!0,predicate:kt,descendants:!0}],ngImport:r,template:'\n        <div class="k-overlay" *ngIf="overlay" (click)="closeDrawer()"></div>\n        <ng-content></ng-content>\n    ',isInline:!0,directives:[{type:d.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]}]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:wt,decorators:[{type:a.Component,args:[{selector:"kendo-drawer-container",providers:[e.LocalizationService,{provide:e.L10N_PREFIX,useValue:"kendo.drawer.container"}],template:'\n        <div class="k-overlay" *ngIf="overlay" (click)="closeDrawer()"></div>\n        <ng-content></ng-content>\n    '}]}],ctorParameters:function(){return[{type:o.LocalizationService}]},propDecorators:{hostClass:[{type:a.HostBinding,args:["class.k-drawer-container"]}],overlayClass:[{type:a.HostBinding,args:["class.k-drawer-overlay"]}],miniClass:[{type:a.HostBinding,args:["class.k-drawer-mini"]}],pushClass:[{type:a.HostBinding,args:["class.k-drawer-push"]}],isExpandedClass:[{type:a.HostBinding,args:["class.k-drawer-expanded"]}],direction:[{type:a.HostBinding,args:["attr.dir"]}],drawer:[{type:a.ContentChild,args:[kt,{static:!1}]}]}});var Tt,Dt=function(){this.hostClasses=!0},Ot=(Dt.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Dt,deps:[],target:r.ɵɵFactoryTarget.Component}),Dt.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Dt,selector:"kendo-drawer-content",host:{properties:{"class.k-drawer-content":"this.hostClasses"}},ngImport:r,template:"\n        <ng-content></ng-content>\n    ",isInline:!0,encapsulation:r.ViewEncapsulation.None}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Dt,decorators:[{type:a.Component,args:[{selector:"kendo-drawer-content",template:"\n        <ng-content></ng-content>\n    ",encapsulation:a.ViewEncapsulation.None}]}],ctorParameters:function(){return[]},propDecorators:{hostClasses:[{type:a.HostBinding,args:["class.k-drawer-content"]}]}}),he(zt,Tt=l.PreventableEvent),zt);function zt(e){var t=Tt.call(this)||this;return Object.assign(t,e),t}var Pt,Et=function(e){this.templateRef=e},Vt=(Et.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Et,deps:[{token:r.TemplateRef,optional:!0}],target:r.ɵɵFactoryTarget.Directive}),Et.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:Et,selector:"[kendoStepperStepTemplate]",ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Et,decorators:[{type:a.Directive,args:[{selector:"[kendoStepperStepTemplate]"}]}],ctorParameters:function(){return[{type:r.TemplateRef,decorators:[{type:a.Optional}]}]}}),function(e){this.templateRef=e}),Bt=(Vt.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Vt,deps:[{token:r.TemplateRef,optional:!0}],target:r.ɵɵFactoryTarget.Directive}),Vt.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:Vt,selector:"[kendoStepperLabelTemplate]",ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Vt,decorators:[{type:a.Directive,args:[{selector:"[kendoStepperLabelTemplate]"}]}],ctorParameters:function(){return[{type:r.TemplateRef,decorators:[{type:a.Optional}]}]}}),function(e){this.templateRef=e}),Rt=(Bt.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Bt,deps:[{token:r.TemplateRef,optional:!0}],target:r.ɵɵFactoryTarget.Directive}),Bt.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:Bt,selector:"[kendoStepperIndicatorTemplate]",ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Bt,decorators:[{type:a.Directive,args:[{selector:"[kendoStepperIndicatorTemplate]"}]}],ctorParameters:function(){return[{type:r.TemplateRef,decorators:[{type:a.Optional}]}]}}),{}),Ft=(Rt[l.Keys.ArrowLeft]="left",Rt[l.Keys.ArrowRight]="right",Rt[l.Keys.ArrowUp]="up",Rt[l.Keys.ArrowDown]="down",Rt[l.Keys.Home]="home",Rt[l.Keys.End]="end",Rt[l.Keys.Enter]="enter",Rt[l.Keys.Space]="enter",Object.assign({},Rt)),Lt=(Ft[l.Keys.ArrowLeft]="right",Ft[l.Keys.ArrowRight]="left",he(Ht,Pt=l.PreventableEvent),Ht);function Ht(e){var t=Pt.call(this)||this;return Object.assign(t,e),t}Object.defineProperty(x.prototype,"handlers",{get:function(){return this.localization.rtl?Ft:Rt},enumerable:!1,configurable:!0}),x.prototype.emit=function(e,t){var n=this.owner;return l.hasObservers(n[e])&&n[e].emit(t),t.isDefaultPrevented()},x.prototype.onActivate=function(e,t){var n=this,i=new Lt({index:e,step:this.owner.steps[e],originalEvent:t,sender:this.owner});this.ngZone.run(function(){n.emit("activate",i)||(n.currentStep=e,n.owner.currentStepChange.emit(e),n.changeDetector.detectChanges())})},x.prototype.validateSteps=function(){this.triggerValidation.emit()},x.prototype.keydown=function(e){var t=this.focusedStep||this.currentStep,n=this.handlers[e.keyCode];g(t)&&n&&(e.preventDefault(),this[n](e))},x.prototype.left=function(){this.isHorizontal&&this.focusPrevStep()},x.prototype.right=function(){this.isHorizontal&&this.focusNextStep()},x.prototype.up=function(){this.isHorizontal||this.focusPrevStep()},x.prototype.down=function(){this.isHorizontal||this.focusNextStep()},x.prototype.home=function(){this.focusedStep=0,this.focusedStepChange.emit()},x.prototype.end=function(){this.focusedStep=this.owner.steps.length-1,this.focusedStepChange.emit()},x.prototype.enter=function(e){this.focusedStep===this.currentStep||this.isStepDisabled(this.focusedStep)||this.owner.linear&&!1===this.isPrevOrNextStep(this.focusedStep)||this.onActivate(this.focusedStep,e)},x.prototype.focus=function(e){this.focusedStep=e},x.prototype.focusNextStep=function(){this.focusedStep<this.owner.steps.length&&(this.focusedStep+=1,this.focusedStepChange.emit())},x.prototype.focusPrevStep=function(){0<this.focusedStep&&(--this.focusedStep,this.focusedStepChange.emit())},x.prototype.isStepDisabled=function(e){return this.owner.steps[e].disabled},x.prototype.isPrevOrNextStep=function(e){return e===this.currentStep+1||e===this.currentStep-1},Object.defineProperty(x.prototype,"isHorizontal",{get:function(){return"horizontal"===this.owner.orientation},enumerable:!1,configurable:!0});var jt=x;function x(e,t,n){this.localization=e,this.ngZone=t,this.changeDetector=n,this.currentStep=0,this.triggerValidation=new a.EventEmitter,this.focusedStepChange=new a.EventEmitter}jt.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:jt,deps:[{token:o.LocalizationService},{token:r.NgZone},{token:r.ChangeDetectorRef}],target:r.ɵɵFactoryTarget.Injectable}),jt.ɵprov=r.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:jt}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:jt,decorators:[{type:a.Injectable}],ctorParameters:function(){return[{type:o.LocalizationService},{type:r.NgZone},{type:r.ChangeDetectorRef}]}});var Mt="data-kendo-stepper-index",T=(Object.defineProperty(D.prototype,"errorStepClass",{get:function(){return!!g(this.isStepValid)&&!this.isStepValid},enumerable:!1,configurable:!0}),Object.defineProperty(D.prototype,"successStepClass",{get:function(){return!!g(this.isStepValid)&&this.isStepValid},enumerable:!1,configurable:!0}),D.prototype.ngOnInit=function(){this.handleValidityChecks()},D.prototype.ngOnChanges=function(e){e.current&&!e.current.firstChange&&this.handleValidityChecks()},D.prototype.ngOnDestroy=function(){this.subs&&this.subs.unsubscribe()},D.prototype.onFocusedStepChange=function(){var e=this;this.ngZone.runOutsideAngular(function(){e.index===e.service.focusedStep&&e.stepLink.nativeElement.focus()})},D.prototype.onFocus=function(){this.service.focus(this.index)},Object.defineProperty(D.prototype,"tabIndexAttr",{get:function(){var e=this.service.focusedStep||this.service.currentStep;return this.index===e?0:-1},enumerable:!1,configurable:!0}),Object.defineProperty(D.prototype,"indicatorIconClasses",{get:function(){return this.step.icon?"k-icon k-i-"+this.step.icon:this.step.iconClass?""+this.step.iconClass:this.shouldCheckValidity?this.validationIconClasses:void 0},enumerable:!1,configurable:!0}),Object.defineProperty(D.prototype,"showIndicatorIcon",{get:function(){return!!this.shouldCheckValidity||!(!this.step.icon&&!this.step.iconClass)},enumerable:!1,configurable:!0}),Object.defineProperty(D.prototype,"showLabelIcon",{get:function(){if(this.shouldCheckValidity){if("label"===this.type)return!0;if(this.step.icon||this.step.iconClass)return!0}return!1},enumerable:!1,configurable:!0}),Object.defineProperty(D.prototype,"showLabelText",{get:function(){return"label"===this.type||"full"===this.type},enumerable:!1,configurable:!0}),Object.defineProperty(D.prototype,"validationIconClasses",{get:function(){return this.isStepValid?this.successIcon?""+this.successIcon:"k-icon k-i-check":this.errorIcon?""+this.errorIcon:"k-icon k-i-warning"},enumerable:!1,configurable:!0}),Object.defineProperty(D.prototype,"indicatorText",{get:function(){var e=this.step.text;return e||this.index+1},enumerable:!1,configurable:!0}),D.prototype.updateStepValidity=function(){return"boolean"==typeof this.step.isValid?this.step.isValid:"function"==typeof this.step.isValid?this.step.isValid(this.index):void 0},Object.defineProperty(D.prototype,"showIndicator",{get:function(){return"indicator"===this.type||"full"===this.type},enumerable:!1,configurable:!0}),Object.defineProperty(D.prototype,"showLabel",{get:function(){return"label"===this.type||"full"===this.type||this.step.optional},enumerable:!1,configurable:!0}),Object.defineProperty(D.prototype,"optionalText",{get:function(){return this.localization.get("optional")},enumerable:!1,configurable:!0}),Object.defineProperty(D.prototype,"transitionDuration",{get:function(){return this.service.owner.animationDuration},enumerable:!1,configurable:!0}),D.prototype._shouldCheckValidity=function(){if(g(this.step.validate)){if("boolean"==typeof this.step.validate)return this.step.validate;if("function"==typeof this.step.validate)return this.step.validate(this.index)}return g(this.step.isValid)&&this.index<this.current},D.prototype.handleValidityChecks=function(){this.isStepValid=void 0,this.shouldCheckValidity=this._shouldCheckValidity(),this.shouldCheckValidity&&(this.isStepValid=this.updateStepValidity())},D);function D(e,t,n){var i=this;this.service=e,this.localization=t,this.ngZone=n,this.isStepValid=void 0,this.shouldCheckValidity=void 0,L.validatePackage(ee),this.subs=this.service.focusedStepChange.subscribe(function(){i.onFocusedStepChange()}),this.subs.add(this.service.triggerValidation.subscribe(function(){i.handleValidityChecks()}))}T.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:T,deps:[{token:jt},{token:o.LocalizationService},{token:r.NgZone}],target:r.ɵɵFactoryTarget.Component}),T.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:T,selector:"[kendoStepperStep]",inputs:{step:"step",index:"index",current:"current",type:"type",successIcon:"successIcon",errorIcon:"errorIcon",indicatorTemplate:"indicatorTemplate",labelTemplate:"labelTemplate",stepTemplate:"stepTemplate"},host:{properties:{"class.k-step-error":"this.errorStepClass","class.k-step-success":"this.successStepClass"}},viewQueries:[{propertyName:"stepLink",first:!0,predicate:["stepLink"],descendants:!0,static:!0}],usesOnChanges:!0,ngImport:r,template:"\n        <a href='#' class='k-step-link' #stepLink\n            [attr.tabindex]='tabIndexAttr'\n            [attr.title]='step.label'\n            [attr.aria-disabled]='step.disabled'\n            [attr.aria-current]='index === current ? \"step\" : null'\n            (focus)='onFocus()'\n        >\n            <ng-template *ngIf='stepTemplate'\n                [ngTemplateOutlet]='stepTemplate'\n                [ngTemplateOutletContext]='{ $implicit: step, index: index }'>\n            </ng-template>\n\n            <ng-container *ngIf='!stepTemplate'>\n                <span *ngIf='showIndicator'\n                    class='k-step-indicator'\n                    aria-hidden='true'\n                    [style.transition-duration.ms]='transitionDuration'\n                >\n                    <ng-template *ngIf='indicatorTemplate'\n                        [ngTemplateOutlet]='indicatorTemplate'\n                        [ngTemplateOutletContext]='{ $implicit: step, index: index }'>\n                    </ng-template>\n\n                    <ng-container *ngIf='!indicatorTemplate'>\n                        <span *ngIf='showIndicatorIcon' class='k-step-indicator-icon' [ngClass]='indicatorIconClasses'></span>\n                        <span class='k-step-indicator-text' *ngIf='!showIndicatorIcon'>{{ indicatorText }}</span>\n                    </ng-container>\n                </span>\n\n                <span class='k-step-label' *ngIf='showLabel'>\n                    <ng-template *ngIf='labelTemplate'\n                        [ngTemplateOutlet]='labelTemplate'\n                        [ngTemplateOutletContext]='{ $implicit: step, index: index }'>\n                    </ng-template>\n\n                    <ng-container *ngIf='!labelTemplate'>\n                        <span class='k-step-text' *ngIf='showLabelText'>{{ step.label }}</span>\n                        <span [ngClass]='validationIconClasses' *ngIf='showLabelIcon' aria-hidden='true'></span>\n                        <span class='k-step-label-optional' *ngIf='step.optional'>({{optionalText}})</span>\n                    </ng-container>\n                </span>\n            </ng-container>\n        </a>\n    ",isInline:!0,directives:[{type:d.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:d.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]},{type:d.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:T,decorators:[{type:a.Component,args:[{selector:"[kendoStepperStep]",template:"\n        <a href='#' class='k-step-link' #stepLink\n            [attr.tabindex]='tabIndexAttr'\n            [attr.title]='step.label'\n            [attr.aria-disabled]='step.disabled'\n            [attr.aria-current]='index === current ? \"step\" : null'\n            (focus)='onFocus()'\n        >\n            <ng-template *ngIf='stepTemplate'\n                [ngTemplateOutlet]='stepTemplate'\n                [ngTemplateOutletContext]='{ $implicit: step, index: index }'>\n            </ng-template>\n\n            <ng-container *ngIf='!stepTemplate'>\n                <span *ngIf='showIndicator'\n                    class='k-step-indicator'\n                    aria-hidden='true'\n                    [style.transition-duration.ms]='transitionDuration'\n                >\n                    <ng-template *ngIf='indicatorTemplate'\n                        [ngTemplateOutlet]='indicatorTemplate'\n                        [ngTemplateOutletContext]='{ $implicit: step, index: index }'>\n                    </ng-template>\n\n                    <ng-container *ngIf='!indicatorTemplate'>\n                        <span *ngIf='showIndicatorIcon' class='k-step-indicator-icon' [ngClass]='indicatorIconClasses'></span>\n                        <span class='k-step-indicator-text' *ngIf='!showIndicatorIcon'>{{ indicatorText }}</span>\n                    </ng-container>\n                </span>\n\n                <span class='k-step-label' *ngIf='showLabel'>\n                    <ng-template *ngIf='labelTemplate'\n                        [ngTemplateOutlet]='labelTemplate'\n                        [ngTemplateOutletContext]='{ $implicit: step, index: index }'>\n                    </ng-template>\n\n                    <ng-container *ngIf='!labelTemplate'>\n                        <span class='k-step-text' *ngIf='showLabelText'>{{ step.label }}</span>\n                        <span [ngClass]='validationIconClasses' *ngIf='showLabelIcon' aria-hidden='true'></span>\n                        <span class='k-step-label-optional' *ngIf='step.optional'>({{optionalText}})</span>\n                    </ng-container>\n                </span>\n            </ng-container>\n        </a>\n    "}]}],ctorParameters:function(){return[{type:jt},{type:o.LocalizationService},{type:r.NgZone}]},propDecorators:{step:[{type:a.Input}],index:[{type:a.Input}],current:[{type:a.Input}],type:[{type:a.Input}],successIcon:[{type:a.Input}],errorIcon:[{type:a.Input}],indicatorTemplate:[{type:a.Input}],labelTemplate:[{type:a.Input}],stepTemplate:[{type:a.Input}],stepLink:[{type:a.ViewChild,args:["stepLink",{static:!0}]}],errorStepClass:[{type:a.HostBinding,args:["class.k-step-error"]}],successStepClass:[{type:a.HostBinding,args:["class.k-step-success"]}]}});At.prototype.ngOnInit=function(){this.initDomEvents()},At.prototype.ngOnDestroy=function(){this.domSubs&&this.domSubs()},Object.defineProperty(At.prototype,"maxStepWidth",{get:function(){return this.maxStepDimension("width")},enumerable:!1,configurable:!0}),Object.defineProperty(At.prototype,"maxStepHeight",{get:function(){return this.maxStepDimension("height")},enumerable:!1,configurable:!0}),At.prototype.maxStepDimension=function(e){return"width"===e&&"vertical"===this.orientation||"height"===e&&"horizontal"===this.orientation?null:100/this.steps.length},At.prototype.initDomEvents=function(){var i=this;this.element&&this.ngZone.runOutsideAngular(function(){var e=i.element.nativeElement,t=i.renderer.listen(e,"click",i.clickHandler.bind(i)),n=i.renderer.listen(e,"keydown",function(e){Z(e.target,"k-step-link")&&i.listKeydown.emit(e)});i.domSubs=function(){t(),n()}})},At.prototype.clickHandler=function(e){e.preventDefault();var t=this.getStepIndex(e.target),n=this.steps[t];n&&!n.disabled&&(n={stepIdx:t,currentStep:this.currentStep,linear:this.linear,originalEvent:e},this.listClick.emit(n))},At.prototype.getStepIndex=function(e){e=Y(e,Mt,this.element.nativeElement);if(e)return U(e,Mt)};var O=At;function At(e,t,n){this.renderer=e,this.ngZone=t,this.element=n,this.listKeydown=new a.EventEmitter,this.listClick=new a.EventEmitter}O.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:O,deps:[{token:r.Renderer2},{token:r.NgZone},{token:r.ElementRef}],target:r.ɵɵFactoryTarget.Component}),O.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:O,selector:"[kendoStepperList]",inputs:{linear:"linear",stepType:"stepType",orientation:"orientation",currentStep:"currentStep",steps:"steps",successIcon:"successIcon",errorIcon:"errorIcon",indicatorTemplate:"indicatorTemplate",labelTemplate:"labelTemplate",stepTemplate:"stepTemplate"},outputs:{listKeydown:"listKeydown",listClick:"listClick"},ngImport:r,template:"\n        <ng-container *ngFor='let step of steps; let idx = index'>\n            <li kendoStepperStep\n                [attr.data-kendo-stepper-index]='idx'\n                [type]='stepType'\n                [step]='step'\n                [index]='idx'\n                [current]='currentStep'\n                [successIcon]='successIcon'\n                [errorIcon]='errorIcon'\n                [indicatorTemplate]='indicatorTemplate'\n                [labelTemplate]='labelTemplate'\n                [stepTemplate]='stepTemplate'\n                class='k-step'\n                [class.k-step-first]='idx === 0'\n                [class.k-step-last]='idx === steps.length - 1'\n                [class.k-step-done]='idx < currentStep'\n                [class.k-step-current]='idx === currentStep'\n                [class.k-step-optional]='step.optional'\n                [class.k-step-disabled]='step.disabled'\n                [ngClass]='step.cssClass'\n                [ngStyle]='step.cssStyle'\n                [style.max-width.%] = 'maxStepWidth'\n                [style.max-height.%] = 'maxStepHeight'\n            >\n            </li>\n        </ng-container>\n    ",isInline:!0,components:[{type:T,selector:"[kendoStepperStep]",inputs:["step","index","current","type","successIcon","errorIcon","indicatorTemplate","labelTemplate","stepTemplate"]}],directives:[{type:d.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:d.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:d.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]}]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:O,decorators:[{type:a.Component,args:[{selector:"[kendoStepperList]",template:"\n        <ng-container *ngFor='let step of steps; let idx = index'>\n            <li kendoStepperStep\n                [attr."+Mt+"]='idx'\n                [type]='stepType'\n                [step]='step'\n                [index]='idx'\n                [current]='currentStep'\n                [successIcon]='successIcon'\n                [errorIcon]='errorIcon'\n                [indicatorTemplate]='indicatorTemplate'\n                [labelTemplate]='labelTemplate'\n                [stepTemplate]='stepTemplate'\n                class='k-step'\n                [class.k-step-first]='idx === 0'\n                [class.k-step-last]='idx === steps.length - 1'\n                [class.k-step-done]='idx < currentStep'\n                [class.k-step-current]='idx === currentStep'\n                [class.k-step-optional]='step.optional'\n                [class.k-step-disabled]='step.disabled'\n                [ngClass]='step.cssClass'\n                [ngStyle]='step.cssStyle'\n                [style.max-width.%] = 'maxStepWidth'\n                [style.max-height.%] = 'maxStepHeight'\n            >\n            </li>\n        </ng-container>\n    "}]}],ctorParameters:function(){return[{type:r.Renderer2},{type:r.NgZone},{type:r.ElementRef}]},propDecorators:{linear:[{type:a.Input}],stepType:[{type:a.Input}],orientation:[{type:a.Input}],currentStep:[{type:a.Input}],steps:[{type:a.Input}],successIcon:[{type:a.Input}],errorIcon:[{type:a.Input}],indicatorTemplate:[{type:a.Input}],labelTemplate:[{type:a.Input}],stepTemplate:[{type:a.Input}],listKeydown:[{type:a.Output}],listClick:[{type:a.Output}]}});he(_t,Nt=e.ComponentMessages);var Nt,z=_t;function _t(){return null!==Nt&&Nt.apply(this,arguments)||this}z.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:z,deps:null,target:r.ɵɵFactoryTarget.Directive}),z.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:z,selector:"kendo-stepper-messages-base",inputs:{optional:"optional"},usesInheritance:!0,ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:z,decorators:[{type:a.Directive,args:[{selector:"kendo-stepper-messages-base"}]}],propDecorators:{optional:[{type:a.Input}]}});he(Zt,Kt=z);var Kt,Wt=Zt;function Zt(e){var t=Kt.call(this)||this;return t.service=e,t}Wt.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Wt,deps:[{token:o.LocalizationService}],target:r.ɵɵFactoryTarget.Directive}),Wt.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:Wt,selector:"\n      [kendoStepperLocalizedMessages]\n    ",providers:[{provide:z,useExisting:a.forwardRef(function(){return Wt})}],usesInheritance:!0,ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Wt,decorators:[{type:a.Directive,args:[{providers:[{provide:z,useExisting:a.forwardRef(function(){return Wt})}],selector:"\n      [kendoStepperLocalizedMessages]\n    "}]}],ctorParameters:function(){return[{type:o.LocalizationService}]}});Object.defineProperty(P.prototype,"linearClass",{get:function(){return this.linear},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"currentStep",{get:function(){return this.stepperService.currentStep},set:function(e){this.stepperService.currentStep=e},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"steps",{get:function(){return this._steps},set:function(e){g(e)&&0<e.length&&(this._steps=e)},enumerable:!1,configurable:!0}),P.prototype.ngOnInit=function(){this.applyHostStyling()},P.prototype.ngOnChanges=function(e){e.steps&&!e.steps.firstChange&&this.applyHostStyling(),e.orientation&&(this.resetHostStyling(),this.applyHostStyling())},P.prototype.ngOnDestroy=function(){this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe()},P.prototype.validateSteps=function(){this.stepperService.validateSteps()},P.prototype.applyHostStyling=function(){var e="horizontal"===this.orientation?"grid-template-columns":"grid-template-rows",t="repeat("+2*this.steps.length+", 1fr)";this.renderer.setStyle(this.elem.nativeElement,e,t)},P.prototype.resetHostStyling=function(){this.renderer.removeStyle(this.elem.nativeElement,"grid-template-columns"),this.renderer.removeStyle(this.elem.nativeElement,"grid-template-rows")},Object.defineProperty(P.prototype,"progressAnimation",{get:function(){return{duration:this.animationDuration}},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"animationDuration",{get:function(){return"number"==typeof this.animation?this.animation:"boolean"==typeof this.animation&&this.animation?400:0},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"stepsListStyling",{get:function(){return"horizontal"===this.orientation?{"grid-column-start":1,"grid-column-end":-1}:{"grid-row-start":1,"grid-row-end":-1}},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"progressBarStyling",{get:function(){return"horizontal"===this.orientation?{"grid-column-start":2,"grid-column-end":2*this.steps.length}:{"grid-row-start":2,"grid-row-end":2*this.steps.length}},enumerable:!1,configurable:!0}),P.prototype.onListKeydown=function(e){this.stepperService.keydown(e)},P.prototype.onListClick=function(e){e.stepIdx===e.currentStep?this.stepperService.focus(e.stepIdx):e.linear&&!1===this.stepperService.isPrevOrNextStep(e.stepIdx)||this.stepperService.onActivate(e.stepIdx,e.originalEvent)},Object.defineProperty(P.prototype,"isHorizontal",{get:function(){return"horizontal"===this.orientation},enumerable:!1,configurable:!0});var Xt=P;function P(e,t,n,i){var r=this;this.renderer=e,this.elem=t,this.localization=n,this.stepperService=i,this.hostClasses=!0,this.ariaRole="navigation",this.displayStyle="grid",this.stepType="indicator",this.linear=!0,this.orientation="horizontal",this.animation=!0,this.activate=new a.EventEmitter,this.currentStepChange=new a.EventEmitter,this._steps=[],this.dynamicRTLSubscription=this.localization.changes.subscribe(function(e){e=e.rtl;r.direction=e?"rtl":"ltr"}),this.stepperService.owner=this}Xt.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Xt,deps:[{token:r.Renderer2},{token:r.ElementRef},{token:o.LocalizationService},{token:jt}],target:r.ɵɵFactoryTarget.Component}),Xt.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Xt,selector:"kendo-stepper",inputs:{stepType:"stepType",linear:"linear",orientation:"orientation",currentStep:"currentStep",steps:"steps",successIcon:"successIcon",errorIcon:"errorIcon",animation:"animation"},outputs:{activate:"activate",currentStepChange:"currentStepChange"},host:{properties:{"class.k-widget":"this.hostClasses","class.k-stepper":"this.hostClasses","class.k-stepper-linear":"this.linearClass","attr.role":"this.ariaRole","attr.dir":"this.direction","style.display":"this.displayStyle"}},providers:[e.LocalizationService,jt,{provide:e.L10N_PREFIX,useValue:"kendo.stepper"}],queries:[{propertyName:"stepTemplate",first:!0,predicate:Et,descendants:!0},{propertyName:"labelTemplate",first:!0,predicate:Vt,descendants:!0},{propertyName:"indicatorTemplate",first:!0,predicate:Bt,descendants:!0}],exportAs:["kendoStepper"],usesOnChanges:!0,ngImport:r,template:"\n        <ng-container kendoStepperLocalizedMessages\n            i18n-optional=\"kendo.stepper.optional|The text for the optional segment of the step label\"\n            optional=\"Optional\"\n         >\n        </ng-container>\n        <ol kendoStepperList\n            [stepType]='stepType'\n            [linear]='linear'\n            [orientation]='orientation'\n            [steps]='steps'\n            [currentStep]='currentStep'\n            [successIcon]='successIcon'\n            [errorIcon]='errorIcon'\n            [indicatorTemplate]='indicatorTemplate?.templateRef'\n            [labelTemplate]='labelTemplate?.templateRef'\n            [stepTemplate]='stepTemplate?.templateRef'\n            class='k-step-list'\n            [class.k-step-list-horizontal]='isHorizontal'\n            [class.k-step-list-vertical]='!isHorizontal'\n            [ngStyle]='stepsListStyling'\n            (listKeydown)=\"onListKeydown($event)\"\n            (listClick)=\"onListClick($event)\">\n        </ol>\n\n        <kendo-progressbar *ngIf='steps.length > 0'\n            [attr.aria-hidden]='true'\n            [animation]='progressAnimation'\n            [max]='steps.length - 1'\n            [label]='false'\n            [orientation]='orientation'\n            [reverse]='!isHorizontal'\n            [value]='currentStep'\n            [ngStyle]='progressBarStyling'>\n        </kendo-progressbar>\n    ",isInline:!0,components:[{type:O,selector:"[kendoStepperList]",inputs:["linear","stepType","orientation","currentStep","steps","successIcon","errorIcon","indicatorTemplate","labelTemplate","stepTemplate"],outputs:["listKeydown","listClick"]},{type:Q.ProgressBarComponent,selector:"kendo-progressbar",inputs:["label","progressCssStyle","progressCssClass","emptyCssStyle","emptyCssClass","animation"],outputs:["animationEnd"],exportAs:["kendoProgressBar"]}],directives:[{type:Wt,selector:"\n      [kendoStepperLocalizedMessages]\n    "},{type:d.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]},{type:d.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]}]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Xt,decorators:[{type:a.Component,args:[{exportAs:"kendoStepper",providers:[e.LocalizationService,jt,{provide:e.L10N_PREFIX,useValue:"kendo.stepper"}],selector:"kendo-stepper",template:"\n        <ng-container kendoStepperLocalizedMessages\n            i18n-optional=\"kendo.stepper.optional|The text for the optional segment of the step label\"\n            optional=\"Optional\"\n         >\n        </ng-container>\n        <ol kendoStepperList\n            [stepType]='stepType'\n            [linear]='linear'\n            [orientation]='orientation'\n            [steps]='steps'\n            [currentStep]='currentStep'\n            [successIcon]='successIcon'\n            [errorIcon]='errorIcon'\n            [indicatorTemplate]='indicatorTemplate?.templateRef'\n            [labelTemplate]='labelTemplate?.templateRef'\n            [stepTemplate]='stepTemplate?.templateRef'\n            class='k-step-list'\n            [class.k-step-list-horizontal]='isHorizontal'\n            [class.k-step-list-vertical]='!isHorizontal'\n            [ngStyle]='stepsListStyling'\n            (listKeydown)=\"onListKeydown($event)\"\n            (listClick)=\"onListClick($event)\">\n        </ol>\n\n        <kendo-progressbar *ngIf='steps.length > 0'\n            [attr.aria-hidden]='true'\n            [animation]='progressAnimation'\n            [max]='steps.length - 1'\n            [label]='false'\n            [orientation]='orientation'\n            [reverse]='!isHorizontal'\n            [value]='currentStep'\n            [ngStyle]='progressBarStyling'>\n        </kendo-progressbar>\n    "}]}],ctorParameters:function(){return[{type:r.Renderer2},{type:r.ElementRef},{type:o.LocalizationService},{type:jt}]},propDecorators:{hostClasses:[{type:a.HostBinding,args:["class.k-widget"]},{type:a.HostBinding,args:["class.k-stepper"]}],linearClass:[{type:a.HostBinding,args:["class.k-stepper-linear"]}],ariaRole:[{type:a.HostBinding,args:["attr.role"]}],direction:[{type:a.HostBinding,args:["attr.dir"]}],displayStyle:[{type:a.HostBinding,args:["style.display"]}],stepType:[{type:a.Input}],linear:[{type:a.Input}],orientation:[{type:a.Input}],currentStep:[{type:a.Input}],steps:[{type:a.Input}],successIcon:[{type:a.Input}],errorIcon:[{type:a.Input}],animation:[{type:a.Input}],activate:[{type:a.Output}],currentStepChange:[{type:a.Output}],stepTemplate:[{type:a.ContentChild,args:[Et,{static:!1}]}],labelTemplate:[{type:a.ContentChild,args:[Vt,{static:!1}]}],indicatorTemplate:[{type:a.ContentChild,args:[Bt,{static:!1}]}]}});he($t,Ut=l.PreventableEvent);var Ut,Q=$t;function $t(e){var t=Ut.call(this)||this;return Object.assign(t,e),t}he(Gt,Yt=z),Object.defineProperty(Gt.prototype,"override",{get:function(){return!0},enumerable:!1,configurable:!0});var Yt,qt=Gt;function Gt(e){var t=Yt.call(this)||this;return t.service=e,t}qt.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:qt,deps:[{token:o.LocalizationService}],target:r.ɵɵFactoryTarget.Component}),qt.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:qt,selector:"kendo-stepper-messages",providers:[{provide:z,useExisting:a.forwardRef(function(){return qt})}],usesInheritance:!0,ngImport:r,template:"",isInline:!0}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:qt,decorators:[{type:a.Component,args:[{providers:[{provide:z,useExisting:a.forwardRef(function(){return qt})}],selector:"kendo-stepper-messages",template:""}]}],ctorParameters:function(){return[{type:o.LocalizationService}]}});Object.defineProperty(E.prototype,"borderClass",{get:function(){return this.border},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"flexBasis",{get:function(){return this.width},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"shape",{set:function(e){this.rounded=oe[e]||null},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"size",{get:function(){return this._size},set:function(e){e!==this._size&&(this.handleClasses("size",e),this._size=null===e?null:e||"medium")},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"rounded",{get:function(){return this._rounded},set:function(e){e!==this._rounded&&(this.handleClasses("rounded",e),this._rounded=null===e?null:e||"full")},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"themeColor",{get:function(){return this._themeColor},set:function(e){e!==this._themeColor&&(this._themeColor=null===e?null:e||"primary",this.handleFillModeAndThemeColorClasses(this.fillMode,this.themeColor))},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"fillMode",{get:function(){return this._fillMode},set:function(e){e!==this.fillMode&&(this._fillMode=null===e?null:e||"solid",this.handleFillModeAndThemeColorClasses(this.fillMode,this.themeColor))},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"fill",{set:function(e){this.fillMode=e},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"avatarWidth",{get:function(){return this.width},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"avatarHeight",{get:function(){return this.height},enumerable:!1,configurable:!0}),E.prototype.ngOnInit=function(){this.verifyProperties()},E.prototype.ngAfterViewInit=function(){var t=this;["size","rounded"].forEach(function(e){t.handleClasses(e,t[e])}),this.handleFillModeAndThemeColorClasses(this.fillMode,this.themeColor)},E.prototype.iconClasses=function(){return this.icon?"k-icon k-i-"+this.icon:this.iconClass?""+this.iconClass:void 0},Object.defineProperty(E.prototype,"customAvatar",{get:function(){return!(this.imageSrc||this.initials||this.icon||this.iconClass)},enumerable:!1,configurable:!0}),E.prototype.verifyProperties=function(){if(a.isDevMode()&&1<[this.icon||this.iconClass,this.imageSrc,this.initials].filter(function(e){return e}).length)throw new Error("\n                Invalid property configuration given.\n                The kendo-avatar component can accept only one of:\n                icon, imageSrc or initials properties.\n            ")},E.prototype.handleClasses=function(e,t){var n=this.element.nativeElement,e=function(e,t,n,i){switch(t){case"size":return{toRemove:"k-"+e+"-"+ie[n],toAdd:i?"k-"+e+"-"+ie[i]:null};case"rounded":return{toRemove:"k-rounded-"+re[n],toAdd:i?"k-rounded-"+re[i]:null}}}("avatar",e,this[e],t);e.toRemove&&this.renderer.removeClass(n,e.toRemove),e.toAdd&&this.renderer.addClass(n,e.toAdd)},E.prototype.handleFillModeAndThemeColorClasses=function(e,t){var n=this,i=this.element.nativeElement;Array.from(i.classList).filter(function(e){return e.startsWith("k-avatar-solid")||e.startsWith("k-avatar-outline")}).forEach(function(e){return n.renderer.removeClass(i,e)}),null!==e&&this.renderer.addClass(i,"k-avatar-"+e),null!==e&&null!==t&&this.renderer.addClass(i,"k-avatar-"+e+"-"+t)};z=E;function E(e,t){this.renderer=e,this.element=t,this.hostClass=!0,this.border=!1,this._themeColor="primary",this._size="medium",this._fillMode="solid",this._rounded="full",L.validatePackage(ee)}z.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:z,deps:[{token:r.Renderer2},{token:r.ElementRef}],target:r.ɵɵFactoryTarget.Component}),z.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:z,selector:"kendo-avatar",inputs:{shape:"shape",size:"size",rounded:"rounded",themeColor:"themeColor",fillMode:"fillMode",fill:"fill",border:"border",iconClass:"iconClass",width:"width",height:"height",cssStyle:"cssStyle",initials:"initials",icon:"icon",imageSrc:"imageSrc"},host:{properties:{"class.k-avatar":"this.hostClass","class.k-avatar-bordered":"this.borderClass","style.flexBasis":"this.flexBasis","style.width":"this.avatarWidth","style.height":"this.avatarHeight"}},ngImport:r,template:'\n        <ng-content *ngIf="customAvatar"></ng-content>\n\n        <ng-container *ngIf="imageSrc">\n            <span class="k-avatar-image">\n                <img src="{{imageSrc}}" [ngStyle]="cssStyle" />\n            </span>\n        </ng-container>\n\n        <ng-container *ngIf="initials">\n            <span class="k-avatar-text" [ngStyle]="cssStyle">{{ initials.substring(0, 2) }}</span>\n        </ng-container>\n\n        <ng-container *ngIf="icon || iconClass">\n            <span class="k-avatar-icon" [ngStyle]="cssStyle" [ngClass]="iconClasses()"></span>\n        </ng-container>\n    ',isInline:!0,directives:[{type:d.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:d.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]},{type:d.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:z,decorators:[{type:a.Component,args:[{selector:"kendo-avatar",template:'\n        <ng-content *ngIf="customAvatar"></ng-content>\n\n        <ng-container *ngIf="imageSrc">\n            <span class="k-avatar-image">\n                <img src="{{imageSrc}}" [ngStyle]="cssStyle" />\n            </span>\n        </ng-container>\n\n        <ng-container *ngIf="initials">\n            <span class="k-avatar-text" [ngStyle]="cssStyle">{{ initials.substring(0, 2) }}</span>\n        </ng-container>\n\n        <ng-container *ngIf="icon || iconClass">\n            <span class="k-avatar-icon" [ngStyle]="cssStyle" [ngClass]="iconClasses()"></span>\n        </ng-container>\n    '}]}],ctorParameters:function(){return[{type:r.Renderer2},{type:r.ElementRef}]},propDecorators:{hostClass:[{type:a.HostBinding,args:["class.k-avatar"]}],borderClass:[{type:a.HostBinding,args:["class.k-avatar-bordered"]}],flexBasis:[{type:a.HostBinding,args:["style.flexBasis"]}],shape:[{type:a.Input}],size:[{type:a.Input}],rounded:[{type:a.Input}],themeColor:[{type:a.Input}],fillMode:[{type:a.Input}],fill:[{type:a.Input}],border:[{type:a.Input}],iconClass:[{type:a.Input}],width:[{type:a.Input}],avatarWidth:[{type:a.HostBinding,args:["style.width"]}],height:[{type:a.Input}],avatarHeight:[{type:a.HostBinding,args:["style.height"]}],cssStyle:[{type:a.Input}],initials:[{type:a.Input}],icon:[{type:a.Input}],imageSrc:[{type:a.Input}]}});Object.defineProperty(Jt.prototype,"widthStyle",{get:function(){return this.width},enumerable:!1,configurable:!0}),Object.defineProperty(Jt.prototype,"vertical",{get:function(){return"vertical"===this.orientation},enumerable:!1,configurable:!0}),Object.defineProperty(Jt.prototype,"horizontal",{get:function(){return"horizontal"===this.orientation},enumerable:!1,configurable:!0}),Jt.prototype.ngOnDestroy=function(){this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe()};var Qt=Jt;function Jt(e){var t=this;this.localizationService=e,this.hostClass=!0,this.orientation="vertical",this.width="285px",this.rtl=!1,L.validatePackage(ee),this.dynamicRTLSubscription=this.localizationService.changes.subscribe(function(e){e=e.rtl;t.rtl=e,t.direction=t.rtl?"rtl":"ltr"})}Qt.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Qt,deps:[{token:o.LocalizationService}],target:r.ɵɵFactoryTarget.Component}),Qt.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Qt,selector:"kendo-card",inputs:{orientation:"orientation",width:"width"},host:{properties:{"class.k-widget":"this.hostClass","class.k-card":"this.hostClass","style.width":"this.widthStyle","class.k-card-vertical":"this.vertical","class.k-card-horizontal":"this.horizontal","attr.dir":"this.direction"}},providers:[e.LocalizationService,{provide:e.L10N_PREFIX,useValue:"kendo.card.component"}],ngImport:r,template:"\n        <ng-content></ng-content>\n    ",isInline:!0}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Qt,decorators:[{type:a.Component,args:[{selector:"kendo-card",providers:[e.LocalizationService,{provide:e.L10N_PREFIX,useValue:"kendo.card.component"}],template:"\n        <ng-content></ng-content>\n    "}]}],ctorParameters:function(){return[{type:o.LocalizationService}]},propDecorators:{hostClass:[{type:a.HostBinding,args:["class.k-widget"]},{type:a.HostBinding,args:["class.k-card"]}],widthStyle:[{type:a.HostBinding,args:["style.width"]}],vertical:[{type:a.HostBinding,args:["class.k-card-vertical"]}],horizontal:[{type:a.HostBinding,args:["class.k-card-horizontal"]}],direction:[{type:a.HostBinding,args:["attr.dir"]}],orientation:[{type:a.Input}],width:[{type:a.Input}]}});var en=function(){this.hostClass=!0},tn=(en.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:en,deps:[],target:r.ɵɵFactoryTarget.Component}),en.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:en,selector:"kendo-card-header",host:{properties:{"class.k-card-header":"this.hostClass"}},ngImport:r,template:"\n        <ng-content></ng-content>\n    ",isInline:!0}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:en,decorators:[{type:a.Component,args:[{selector:"kendo-card-header",template:"\n        <ng-content></ng-content>\n    "}]}],propDecorators:{hostClass:[{type:a.HostBinding,args:["class.k-card-header"]}]}}),function(){this.hostClass=!0}),nn=(tn.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:tn,deps:[],target:r.ɵɵFactoryTarget.Component}),tn.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:tn,selector:"kendo-card-body",host:{properties:{"class.k-card-body":"this.hostClass"}},ngImport:r,template:"\n        <ng-content></ng-content>\n    ",isInline:!0}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:tn,decorators:[{type:a.Component,args:[{selector:"kendo-card-body",template:"\n        <ng-content></ng-content>\n    "}]}],propDecorators:{hostClass:[{type:a.HostBinding,args:["class.k-card-body"]}]}}),function(){this.hostClass=!0}),rn=(nn.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:nn,deps:[],target:r.ɵɵFactoryTarget.Component}),nn.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:nn,selector:"kendo-card-footer",host:{properties:{"class.k-card-footer":"this.hostClass"}},ngImport:r,template:"\n        <ng-content></ng-content>\n    ",isInline:!0}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:nn,decorators:[{type:a.Component,args:[{selector:"kendo-card-footer",template:"\n        <ng-content></ng-content>\n    "}]}],propDecorators:{hostClass:[{type:a.HostBinding,args:["class.k-card-footer"]}]}}),Object.defineProperty(on.prototype,"stretchedClass",{get:function(){return"stretched"===this.layout},enumerable:!1,configurable:!0}),Object.defineProperty(on.prototype,"startClass",{get:function(){return"start"===this.layout},enumerable:!1,configurable:!0}),Object.defineProperty(on.prototype,"endClass",{get:function(){return"end"===this.layout},enumerable:!1,configurable:!0}),Object.defineProperty(on.prototype,"centerClass",{get:function(){return"center"===this.layout},enumerable:!1,configurable:!0}),Object.defineProperty(on.prototype,"verticalClass",{get:function(){return"vertical"===this.orientation},enumerable:!1,configurable:!0}),Object.defineProperty(on.prototype,"horizontalClass",{get:function(){return"horizontal"===this.orientation},enumerable:!1,configurable:!0}),Object.defineProperty(on.prototype,"actions",{set:function(e){Array.isArray(e)?this.actionsArray=e:e instanceof a.TemplateRef&&(this.actionsTemplate=e)},enumerable:!1,configurable:!0}),on.prototype.onClick=function(e){this.action.emit(e)},on);function on(){this.hostClass=!0,this.orientation="horizontal",this.layout="start",this.action=new a.EventEmitter}rn.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:rn,deps:[],target:r.ɵɵFactoryTarget.Component}),rn.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:rn,selector:"kendo-card-actions",inputs:{orientation:"orientation",layout:"layout",actions:"actions"},outputs:{action:"action"},host:{properties:{"class.k-card-actions":"this.hostClass","class.k-card-actions-stretched":"this.stretchedClass","class.k-card-actions-start":"this.startClass","class.k-card-actions-end":"this.endClass","class.k-card-actions-center":"this.centerClass","class.k-card-actions-vertical":"this.verticalClass","class.k-card-actions-horizontal":"this.horizontalClass"}},ngImport:r,template:'\n        <ng-content *ngIf="!actionsArray && !actionsTemplate"></ng-content>\n\n        <ng-container *ngIf="actionsArray">\n            <button type="button"\n                class="k-button"\n                [class.k-primary]="action.primary"\n                [class.k-flat]="action.flat"\n                (click)="onClick(action)"\n                *ngFor="let action of actionsArray"\n            >\n                {{ action.text }}\n            </button>\n        </ng-container>\n\n        <ng-template [ngTemplateOutlet]="actionsTemplate" *ngIf="actionsTemplate"></ng-template>\n    ',isInline:!0,directives:[{type:d.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:d.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:d.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]}]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:rn,decorators:[{type:a.Component,args:[{selector:"kendo-card-actions",template:'\n        <ng-content *ngIf="!actionsArray && !actionsTemplate"></ng-content>\n\n        <ng-container *ngIf="actionsArray">\n            <button type="button"\n                class="k-button"\n                [class.k-primary]="action.primary"\n                [class.k-flat]="action.flat"\n                (click)="onClick(action)"\n                *ngFor="let action of actionsArray"\n            >\n                {{ action.text }}\n            </button>\n        </ng-container>\n\n        <ng-template [ngTemplateOutlet]="actionsTemplate" *ngIf="actionsTemplate"></ng-template>\n    '}]}],propDecorators:{hostClass:[{type:a.HostBinding,args:["class.k-card-actions"]}],stretchedClass:[{type:a.HostBinding,args:["class.k-card-actions-stretched"]}],startClass:[{type:a.HostBinding,args:["class.k-card-actions-start"]}],endClass:[{type:a.HostBinding,args:["class.k-card-actions-end"]}],centerClass:[{type:a.HostBinding,args:["class.k-card-actions-center"]}],verticalClass:[{type:a.HostBinding,args:["class.k-card-actions-vertical"]}],horizontalClass:[{type:a.HostBinding,args:["class.k-card-actions-horizontal"]}],orientation:[{type:a.Input}],layout:[{type:a.Input}],actions:[{type:a.Input}],action:[{type:a.Output}]}});Object.defineProperty(an.prototype,"verticalClass",{get:function(){return"vertical"===this.orientation},enumerable:!1,configurable:!0}),Object.defineProperty(an.prototype,"horizontalClass",{get:function(){return"horizontal"===this.orientation},enumerable:!1,configurable:!0});var sn=an;function an(){this.hostClass=!0,this.orientation="horizontal"}sn.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:sn,deps:[],target:r.ɵɵFactoryTarget.Directive}),sn.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:sn,selector:"[kendoCardSeparator]",inputs:{color:"color",orientation:"orientation"},host:{properties:{"class.k-card-separator":"this.hostClass","class.k-separator-vertical":"this.verticalClass","class.k-separator-horizontal":"this.horizontalClass","style.color":"this.color"}},ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:sn,decorators:[{type:a.Directive,args:[{selector:"[kendoCardSeparator]"}]}],propDecorators:{hostClass:[{type:a.HostBinding,args:["class.k-card-separator"]}],verticalClass:[{type:a.HostBinding,args:["class.k-separator-vertical"]}],horizontalClass:[{type:a.HostBinding,args:["class.k-separator-horizontal"]}],color:[{type:a.HostBinding,args:["style.color"]},{type:a.Input}],orientation:[{type:a.Input}]}});function ln(){}var pn=function(){this.hostClass=!0},cn=(pn.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:pn,deps:[],target:r.ɵɵFactoryTarget.Directive}),pn.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:pn,selector:"[kendoCardTitle]",host:{properties:{"class.k-card-title":"this.hostClass"}},ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:pn,decorators:[{type:a.Directive,args:[{selector:"[kendoCardTitle]"}]}],propDecorators:{hostClass:[{type:a.HostBinding,args:["class.k-card-title"]}]}}),function(){this.hostClass=!0}),dn=(cn.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:cn,deps:[],target:r.ɵɵFactoryTarget.Directive}),cn.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:cn,selector:"[kendoCardSubtitle]",host:{properties:{"class.k-card-subtitle":"this.hostClass"}},ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:cn,decorators:[{type:a.Directive,args:[{selector:"[kendoCardSubtitle]"}]}],propDecorators:{hostClass:[{type:a.HostBinding,args:["class.k-card-subtitle"]}]}}),function(){this.hostClass=!0}),gn=(dn.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:dn,deps:[],target:r.ɵɵFactoryTarget.Directive}),dn.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:dn,selector:"[kendoCardMedia]",host:{properties:{"class.k-card-media":"this.hostClass"}},ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:dn,decorators:[{type:a.Directive,args:[{selector:"[kendoCardMedia]"}]}],propDecorators:{hostClass:[{type:a.HostBinding,args:["class.k-card-media"]}]}}),function(e){this.templateRef=e});gn.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:gn,deps:[{token:r.TemplateRef,optional:!0}],target:r.ɵɵFactoryTarget.Directive}),gn.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:gn,selector:"[kendoExpansionPanelTitleDirective]",ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:gn,decorators:[{type:a.Directive,args:[{selector:"[kendoExpansionPanelTitleDirective]"}]}],ctorParameters:function(){return[{type:r.TemplateRef,decorators:[{type:a.Optional}]}]}});he(mn,un=l.PreventableEvent);var un,hn=mn;function mn(e){var t=un.call(this)||this;return Object.assign(t,e),t}var yn="k-hidden",fn=(Object.defineProperty(V.prototype,"expanded",{get:function(){return this._expanded},set:function(e){e!==this.expanded&&(this._expanded=e,this.expanded?this.removeContentHiddenClass():this.addContentHiddenClass())},enumerable:!1,configurable:!0}),Object.defineProperty(V.prototype,"expandedClass",{get:function(){return this.expanded&&!this.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(V.prototype,"focusClass",{get:function(){return this.focused},enumerable:!1,configurable:!0}),Object.defineProperty(V.prototype,"disabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),V.prototype.onComponentBlur=function(){this.focused&&(this.focused=!1)},V.prototype.onComponentFocus=function(){this.focused||(this.focused=!0)},V.prototype.ngOnInit=function(){var t=this;this.renderer.removeAttribute(this.hostElement.nativeElement,"title"),this.subscriptions=this.localizationService.changes.subscribe(function(e){e=e.rtl;t.direction=e?"rtl":"ltr"})},V.prototype.ngAfterViewInit=function(){this.initDomEvents(),this.expanded||this.renderer.addClass(this.content.nativeElement,yn)},V.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},V.prototype.initDomEvents=function(){var t=this;this.hostElement&&!this.disabled&&this.ngZone.runOutsideAngular(function(){var e=t.hostElement.nativeElement;t.subscriptions.add(t.renderer.listen(e,"keydown",t.keyDownHandler.bind(t)))})},V.prototype.keyDownHandler=function(e){var t=this;e.keyCode!==l.Keys.Enter&&e.keyCode!==l.Keys.Space||!Z(e.target,"k-expander")||(e.preventDefault(),this.ngZone.run(function(){t.onHeaderAction()}))},V.prototype.onHeaderClick=function(e){W(e.target)||this.disabled||this.onHeaderAction()},V.prototype.onHeaderAction=function(){this.focused=!0;var e=new hn;e.action=this.expanded?"collapse":"expand",this.action.emit(e),e.isDefaultPrevented()||(this.setExpanded(!this.expanded),this.expanded&&this.removeContentHiddenClass(),this.animation?this.animateContent():(this.expanded||this.addContentHiddenClass(),this.emitExpandCollapseEvent()))},Object.defineProperty(V.prototype,"indicatorClasses",{get:function(){return this.expanded?this.collapseIcon||"k-icon k-i-arrow-chevron-up":this.expandIcon||"k-icon k-i-arrow-chevron-down"},enumerable:!1,configurable:!0}),V.prototype.toggle=function(e){var t=this.expanded,e=g(e)?e:!t;e!==t&&(this.setExpanded(e),this.expanded&&this.removeContentHiddenClass(),this.animation?this.animateContent():(this.expanded||this.addContentHiddenClass(),this.emitExpandCollapseEvent()))},V.prototype.setExpanded=function(e){this._expanded=e,this.expandedChange.emit(e)},V.prototype.animateContent=function(){var e,t=this,n="boolean"==typeof this.animation?200:this.animation,i=getComputedStyle(this.content.nativeElement).height,r=this.expanded?(e=n,r=i,[p.style({overflow:"hidden",display:"block",height:0}),p.animate(e+"ms ease-in",p.style({height:""+r}))]):(e=n,[p.style({overflow:"hidden",height:""+i}),p.animate(e+"ms ease-in",p.style({overflow:"hidden",height:0}))]),n=this.createPlayer(r,this.content.nativeElement);this.animationEnd.pipe(H.take(1)).subscribe(function(){t.expanded||t.addContentHiddenClass(),t.emitExpandCollapseEvent()}),n.play()},V.prototype.createPlayer=function(e,t){var n=this,i=this.builder.build(e).create(t);return i.onDone(function(){i&&(n.animationEnd.emit(),i.destroy(),i=null)}),i},V.prototype.emitExpandCollapseEvent=function(){this[this.expanded?"expand":"collapse"].emit()},V.prototype.addContentHiddenClass=function(){this.renderer.addClass(this.content.nativeElement,yn)},V.prototype.removeContentHiddenClass=function(){this.renderer.removeClass(this.content.nativeElement,yn)},V);function V(e,t,n,i,r){this.renderer=e,this.hostElement=t,this.ngZone=n,this.localizationService=i,this.builder=r,this.title="",this.subtitle="",this.disabled=!1,this.animation=!0,this.expandedChange=new a.EventEmitter,this.action=new a.EventEmitter,this.expand=new a.EventEmitter,this.collapse=new a.EventEmitter,this.hostClass=!0,this.tabindex=0,this.focused=!1,this.animationEnd=new a.EventEmitter,this.subscriptions=new c.Subscription,this._expanded=!1,L.validatePackage(ee),this.direction=i.rtl?"rtl":"ltr"}fn.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:fn,deps:[{token:r.Renderer2},{token:r.ElementRef},{token:r.NgZone},{token:o.LocalizationService},{token:G.AnimationBuilder}],target:r.ɵɵFactoryTarget.Component}),fn.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:fn,selector:"kendo-expansionpanel",inputs:{title:"title",subtitle:"subtitle",disabled:"disabled",expanded:"expanded",expandIcon:"expandIcon",collapseIcon:"collapseIcon",animation:"animation"},outputs:{expandedChange:"expandedChange",action:"action",expand:"expand",collapse:"collapse"},host:{listeners:{blur:"onComponentBlur()",focus:"onComponentFocus()"},properties:{"class.k-expander":"this.hostClass","attr.aria-expanded":"this.expandedClass","class.k-expanded":"this.expandedClass","class.k-state-focus":"this.focusClass","attr.aria-disabled":"this.disabledClass","class.k-state-disabled":"this.disabledClass","attr.dir":"this.direction","attr.tabindex":"this.tabindex"}},providers:[e.LocalizationService,{provide:e.L10N_PREFIX,useValue:"kendo.expansionpanel"}],queries:[{propertyName:"titleTemplate",first:!0,predicate:gn,descendants:!0}],viewQueries:[{propertyName:"content",first:!0,predicate:["content"],descendants:!0,static:!0}],exportAs:["kendoExpansionPanel"],ngImport:r,template:'\n        <div\n            [class.k-expander-header]="true"\n            (click)="onHeaderClick($event)">\n            <ng-container *ngIf="!titleTemplate">\n                <div *ngIf="title" class="k-expander-title">{{ title }}</div>\n                <span class="k-spacer"></span>\n                <div *ngIf="subtitle" class="k-expander-sub-title">\n                    {{ subtitle }}\n                </div>\n            </ng-container>\n            <ng-template\n                *ngIf="titleTemplate"\n                [ngTemplateOutlet]="titleTemplate?.templateRef">\n            </ng-template>\n            <span class="k-expander-indicator">\n                <span [ngClass]="indicatorClasses"></span>\n            </span>\n        </div>\n        <div #content class="k-expander-content-wrapper">\n            <div  class="k-expander-content" [attr.aria-hidden]="!expanded">\n                <ng-content></ng-content>\n            </div>\n        </div>\n    ',isInline:!0,directives:[{type:d.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:d.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]},{type:d.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:fn,decorators:[{type:a.Component,args:[{exportAs:"kendoExpansionPanel",providers:[e.LocalizationService,{provide:e.L10N_PREFIX,useValue:"kendo.expansionpanel"}],selector:"kendo-expansionpanel",template:'\n        <div\n            [class.k-expander-header]="true"\n            (click)="onHeaderClick($event)">\n            <ng-container *ngIf="!titleTemplate">\n                <div *ngIf="title" class="k-expander-title">{{ title }}</div>\n                <span class="k-spacer"></span>\n                <div *ngIf="subtitle" class="k-expander-sub-title">\n                    {{ subtitle }}\n                </div>\n            </ng-container>\n            <ng-template\n                *ngIf="titleTemplate"\n                [ngTemplateOutlet]="titleTemplate?.templateRef">\n            </ng-template>\n            <span class="k-expander-indicator">\n                <span [ngClass]="indicatorClasses"></span>\n            </span>\n        </div>\n        <div #content class="k-expander-content-wrapper">\n            <div  class="k-expander-content" [attr.aria-hidden]="!expanded">\n                <ng-content></ng-content>\n            </div>\n        </div>\n    '}]}],ctorParameters:function(){return[{type:r.Renderer2},{type:r.ElementRef},{type:r.NgZone},{type:o.LocalizationService},{type:G.AnimationBuilder}]},propDecorators:{title:[{type:a.Input}],subtitle:[{type:a.Input}],disabled:[{type:a.Input}],expanded:[{type:a.Input}],expandIcon:[{type:a.Input}],collapseIcon:[{type:a.Input}],animation:[{type:a.Input}],expandedChange:[{type:a.Output}],action:[{type:a.Output}],expand:[{type:a.Output}],collapse:[{type:a.Output}],titleTemplate:[{type:a.ContentChild,args:[gn,{static:!1}]}],content:[{type:a.ViewChild,args:["content",{static:!0}]}],hostClass:[{type:a.HostBinding,args:["class.k-expander"]}],expandedClass:[{type:a.HostBinding,args:["attr.aria-expanded"]},{type:a.HostBinding,args:["class.k-expanded"]}],focusClass:[{type:a.HostBinding,args:["class.k-state-focus"]}],disabledClass:[{type:a.HostBinding,args:["attr.aria-disabled"]},{type:a.HostBinding,args:["class.k-state-disabled"]}],direction:[{type:a.HostBinding,args:["attr.dir"]}],tabindex:[{type:a.HostBinding,args:["attr.tabindex"]}],onComponentBlur:[{type:a.HostListener,args:["blur"]}],onComponentFocus:[{type:a.HostListener,args:["focus"]}]}});function bn(e){return e?+e:void 0}function vn(e,t){for(var n=0;n<e.length;n++)if(e[n]!==t[n])return 1}function Cn(t,n,i){Object.keys(i).forEach(function(e){t.setStyle(n,e,i[e])})}function In(e,t,n,i,r,o){void 0===o&&(o=!1);var s=((t=t.getBoundingClientRect()).height-n.rows)/(i.height+n.rows),a=e.y-t.y,l=e.x-t.x,t=t.right-e.x,e=Math.floor((o?t:l)/(n.columns+i.width)),o=Math.min(e+1,r),t=Math.floor(a/(n.rows+i.height)),l=Math.min(t+1,s),e=Math.max(o,0);return{row:Math.max(l,0),col:e}}var kn,Sn=["ew","ns","nwse"],wn=["ew","ns","nesw"],xn={ew:{width:9,overlapX:5},ns:{height:9,overlapY:5},nwse:{width:25,height:25,overlapX:18,overlapY:18},nesw:{width:25,height:25,overlapX:18,overlapY:18}},Tn=(he(Dn,kn=l.PreventableEvent),Dn);function Dn(e,t,n,i,r,o,s,a){var l=kn.call(this)||this;return l.item=e,l.items=t,l.newIndex=n,l.oldIndex=i,l.newCol=r,l.oldCol=o,l.newRow=s,l.oldRow=a,l}he(Pn,On=l.PreventableEvent);var On,zn=Pn;function Pn(e,t,n,i,r,o){var s=On.call(this)||this;return s.item=e,s.items=t,s.newRowSpan=n,s.oldRowSpan=i,s.newColSpan=r,s.oldColSpan=o,s}Object.defineProperty(B.prototype,"colStart",{get:function(){return this.currentColStart},enumerable:!1,configurable:!0}),Object.defineProperty(B.prototype,"rowStart",{get:function(){return this.currentRowStart},enumerable:!1,configurable:!0}),Object.defineProperty(B.prototype,"itemWrapper",{get:function(){return this.draggedItemWrapper},enumerable:!1,configurable:!0}),Object.defineProperty(B.prototype,"order",{get:function(){return this.targetOrder},enumerable:!1,configurable:!0}),B.prototype.ngOnDestroy=function(){this.localizationSubscription.unsubscribe()},B.prototype.handlePress=function(e){var t,n,i=this,r=!!e.target.classList.contains("k-resize-handle"),o=X(e.target,function(e){return e.classList.contains("k-tilelayout-item")},this.tileLayoutSettings.tileLayoutElement),s=X(e.target,function(e){return e.classList.contains("k-tilelayout-item-header")},this.tileLayoutSettings.tileLayoutElement);o&&(this.zone.run(function(){i.draggedItemWrapper=o,i.draggedItem=i.tileLayoutSettings.items.find(function(e){return e.order===+o.style.order})}),((t=!r&&this.reorderable.getValue()&&this.draggedItem.reorderable&&s)||r)&&(e.preventDefault(),this.zone.run(function(){i.reordering=t,i.resizing=r}),n=this.draggedItemWrapper.getBoundingClientRect(),this.zone.run(function(){i.offset={top:e.clientY-n.top,left:e.clientX-n.left,x:n.x,y:n.y,width:n.width,height:n.height},i.targetSize={rowSpan:i.draggedItem.rowSpan,colSpan:i.draggedItem.colSpan},i.cellSize={width:(n.width-(i.targetSize.colSpan-1)*i.tileLayoutSettings.gap.columns)/i.targetSize.colSpan,height:(n.height-(i.targetSize.rowSpan-1)*i.tileLayoutSettings.gap.rows)/i.targetSize.rowSpan},i.lastDragCursorOffset={x:e.clientX,y:e.clientY}}),Cn(this.renderer,this.draggedItemWrapper,{left:n.left+window.pageXOffset+"px",top:n.top+window.pageYOffset+"px",width:n.width+"px",height:n.height+"px",zIndex:10}),Cn(this.renderer,this.tileLayoutSettings.hintElement,{display:"flex",height:n.height-2+"px"}),this.zone.run(function(){return i.targetOrder=i.draggedItem.order}),Cn(this.renderer,this.draggedItemWrapper,{position:"absolute"}),this.reorderable.getValue()&&!r?(this.zone.run(function(){i.currentColStart=i.draggedItem.colStart,i.currentRowStart=i.draggedItem.rowStart}),s=this.draggedItem.elem.nativeElement.querySelector(".k-tilelayout-item-header"),this.renderer.addClass(s,"k-cursor-grabbing")):this.resizable&&r&&this.zone.run(function(){i.startingPoint={top:e.clientY,left:e.clientX},i.currentResizingColSpan=i.draggedItem.colSpan,i.currentResizingRowSpan=i.draggedItem.rowSpan,i.draggedItem.col&&(i.currentColStart=i.draggedItem.col.toString()),i.draggedItem.row&&(i.currentRowStart=i.draggedItem.row.toString()),i.direction=e.target.classList[1]})))},B.prototype.handleDrag=function(e){this.draggedItemWrapper&&(this.reordering?this.reorderItems(e):this.resizing&&this.resizeItem(e),this.lastDragCursorOffset={x:e.clientX,y:e.clientY})},B.prototype.handleRelease=function(e){var t,n,i,r,o=this;e.preventDefault(),this.reordering?(t=this.draggedItem.order,e=this.draggedItem.col,r=this.draggedItem.row,i=bn(this.currentColStart),n=bn(this.currentRowStart),vn([this.targetOrder,i,n],[t,e,r])&&(i=new Tn(this.draggedItem,this.tileLayoutSettings.items,this.targetOrder,t,bn(this.currentColStart),e,n,r),this.reorder.next(i),i.isDefaultPrevented()||(this.targetOrder>t?this.zone.run(function(){for(var e=t+1;e<=o.targetOrder;e++)!function(t){o.tileLayoutSettings.items.find(function(e){return e.order===t}).order=t-1}(e)}):this.zone.run(function(){for(var e=o.targetOrder;e<t;e++)!function(t){o.tileLayoutSettings.items.find(function(e){return e.order===t}).order=t+1}(e)}),this.draggedItem.order=this.targetOrder,this.draggedItem.col&&(this.draggedItem.col=+this.currentColStart),this.draggedItem.row&&(this.draggedItem.row=+this.currentRowStart))),this.tileLayoutSettings.tileLayoutElement.appendChild(this.tileLayoutSettings.hintElement),this.zone.run(function(){return o.cleanUp()})):!this.reordering&&this.resizing&&(e=this.draggedItem.rowSpan,n=this.draggedItem.colSpan,i=(r=this.tileLayoutSettings.items.some(function(e){return g(e.row)})?this.targetSpan():{targetColSpan:this.currentResizingColSpan,targetRowSpan:this.currentResizingRowSpan}).targetColSpan,r=r.targetRowSpan,vn([e,n],[r,i])&&(r=new zn(this.draggedItem,this.tileLayoutSettings.items,r,e,i,n),this.resize.next(r),r.isDefaultPrevented()||(this.draggedItem.colSpan=this.currentResizingColSpan,this.draggedItem.rowSpan=this.currentResizingRowSpan)),this.zone.run(function(){return o.cleanUp()}))},B.prototype.reorderItems=function(e){var t=this;r=e;var n,i,r=(l.isDocumentAvailable()&&g(document.elementsFromPoint)?document.elementsFromPoint(r.clientX,r.clientY).filter(function(e){return e.classList&&(e.classList.contains("k-tilelayout-item")||e.classList.contains("k-layout-item-hint"))}):[r.target]).find(function(e){return e!==t.draggedItemWrapper}),o=r?+r.style.order:+this.draggedItemWrapper.style.order,s=("none"!==this.tileLayoutSettings.autoFlow&&(n=0<(r=e.clientX-this.lastDragCursorOffset.x)?"right":r<0?"left":void 0,r=0<e.clientY-this.lastDragCursorOffset.y?"down":r<0?"up":void 0,s=this.draggedItemWrapper.getBoundingClientRect(),i=this.tileLayoutSettings.gap.columns,a=this.tileLayoutSettings.gap.rows,n&&this.draggedItem.col&&(i=In({x:"right"===n?s.right-i:s.left+i,y:e.clientY},this.tileLayoutSettings.tileLayoutElement,this.tileLayoutSettings.gap,this.cellSize,this.tileLayoutSettings.columns,this.rtl).col,i=this.getTargetCol(i,n),this.currentColStart=i.toString()),r&&this.draggedItem.row&&(n=In({x:e.clientX,y:"down"===r?s.bottom-a:s.top+a},this.tileLayoutSettings.tileLayoutElement,this.tileLayoutSettings.gap,this.cellSize,this.tileLayoutSettings.columns,this.rtl).row,i=this.getTargetRow(n,r),this.currentRowStart=i.toString())),o<this.targetOrder),a=o>this.targetOrder;this.zone.run(function(){return t.targetOrder=o}),s?this.tileLayoutSettings.tileLayoutElement.insertBefore(this.tileLayoutSettings.hintElement,this.tileLayoutSettings.tileLayoutElement.firstChild):a&&this.tileLayoutSettings.tileLayoutElement.appendChild(this.tileLayoutSettings.hintElement),Cn(this.renderer,this.draggedItemWrapper,{top:e.pageY-this.offset.top+"px",left:e.pageX-this.offset.left+"px"})},B.prototype.resizeItem=function(r){function e(){Cn(o.renderer,o.draggedItemWrapper,{width:Math.min(Math.max(s,o.cellSize.width),d)+"px"}),o.rtl&&s>o.cellSize.width&&(e=o.tileLayoutSettings.columns*(o.cellSize.width+o.tileLayoutSettings.gap.columns),e=o.tileLayoutSettings.tileLayoutElement.getBoundingClientRect().right-e,Cn(o.renderer,o.draggedItemWrapper,{left:Math.max(r.clientX,e)+"px"}));var e=s-a,t=(i=o.draggedItem.elem.nativeElement.getBoundingClientRect()).x,n=i.y,i=i.right,i=In({x:o.rtl?i:t,y:n},o.tileLayoutSettings.tileLayoutElement,o.tileLayoutSettings.gap,o.cellSize,o.tileLayoutSettings.columns,o.rtl).col+o.currentResizingColSpan,t=o.rtl?p<0:0<p,n=o.rtl?0<p:p<0;e>.3*o.cellSize.width&&t&&i<=o.tileLayoutSettings.columns?o.currentResizingColSpan++:1<o.currentResizingColSpan&&n&&e<-.7*o.cellSize.width&&o.currentResizingColSpan--,Cn(o.renderer,o.tileLayoutSettings.hintElement,{gridColumnEnd:"span "+o.currentResizingColSpan})}function t(){Cn(o.renderer,o.draggedItemWrapper,{height:Math.max(n,o.cellSize.height)+"px"});var e=n-l;e>.3*o.cellSize.height&&0<c?o.currentResizingRowSpan++:1<o.currentResizingRowSpan&&c<0&&e<-.7*o.cellSize.height&&o.currentResizingRowSpan--,Cn(o.renderer,o.tileLayoutSettings.hintElement,{gridRowEnd:"span "+o.currentResizingRowSpan}),Cn(o.renderer,o.tileLayoutSettings.hintElement,{height:o.calculateHintHeight()+"px"})}var o=this,s=(Cn(this.renderer,this.tileLayoutSettings.tileLayoutElement,{cursor:this.direction.split("k-cursor-")[1]}),this.rtl?this.offset.width+(this.offset.x-r.clientX):this.offset.width+(r.clientX-this.startingPoint.left)),n=this.offset.height+(r.clientY-this.startingPoint.top),i=this.tileLayoutSettings.hintElement.getBoundingClientRect(),a=i.width,l=i.height,p=r.clientX-this.lastDragCursorOffset.x,c=r.clientY-this.lastDragCursorOffset.y,i=this.draggedItem.col||In({x:this.rtl?i.right:i.x,y:i.y},this.tileLayoutSettings.tileLayoutElement,this.tileLayoutSettings.gap,this.cellSize,this.tileLayoutSettings.columns,this.rtl).col,d=(this.tileLayoutSettings.columns-i)*(this.cellSize.width+this.tileLayoutSettings.gap.columns)+this.cellSize.width;-1<this.direction.indexOf("ew")?e():(-1<this.direction.indexOf("ns")||e(),t())},B.prototype.cleanUp=function(){var e;this.targetOrder=this.currentResizingColSpan=this.currentColStart=this.currentResizingRowSpan=this.currentRowStart=void 0,this.resizing=this.reordering=!1,this.direction=null,this.draggedItemWrapper&&((e=this.draggedItemWrapper.querySelector(".k-cursor-grab"))&&this.renderer.removeClass(e,"k-cursor-grabbing"),Cn(this.renderer,this.draggedItemWrapper,{top:"",left:"",display:"",width:"",height:"",zIndex:"",position:""}),Cn(this.renderer,this.tileLayoutSettings.hintElement,{display:"none",height:"auto"}),Cn(this.renderer,this.tileLayoutSettings.tileLayoutElement,{cursor:"default"}),this.draggedItemWrapper=this.offset=this.draggedItem=this.resizing=this.reordering=this.currentResizingColSpan=this.currentResizingRowSpan=this.startingPoint=void 0,this.lastDragCursorOffset={x:0,y:0})},B.prototype.targetSpan=function(){var e=this.draggedItem.elem.nativeElement.getBoundingClientRect(),t=In({x:this.rtl?e.right:e.x,y:e.y},this.tileLayoutSettings.tileLayoutElement,this.tileLayoutSettings.gap,this.cellSize,this.tileLayoutSettings.columns,this.rtl),e=In({x:this.rtl?e.x+.3*this.cellSize.width:e.right-.3*this.cellSize.width,y:e.bottom-.3*this.cellSize.height},this.tileLayoutSettings.tileLayoutElement,this.tileLayoutSettings.gap,this.cellSize,this.tileLayoutSettings.columns,this.rtl);return{targetColSpan:e.col-t.col+1,targetRowSpan:e.row-t.row+1}},B.prototype.getTargetCol=function(e,t){return this.rtl?"left"===t?e-this.draggedItem.colSpan+1:e:"right"===t?e-this.draggedItem.colSpan+1:e},B.prototype.getTargetRow=function(e,t){return"down"===t?e-this.draggedItem.rowSpan+1:e},B.prototype.calculateHintHeight=function(){return this.currentResizingRowSpan*this.cellSize.height+(this.currentResizingRowSpan-1)*this.tileLayoutSettings.gap.rows-2};var En=B;function B(e,t,n){var i=this;this.zone=e,this.renderer=t,this.localization=n,this.reorderable=new c.BehaviorSubject(null),this.resizable=new c.BehaviorSubject(null),this.reorder=new c.Subject,this.resize=new c.Subject,this.lastDragCursorOffset={x:0,y:0},this.localizationSubscription=this.localization.changes.subscribe(function(e){e=e.rtl;return i.rtl=e})}En.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:En,deps:[{token:r.NgZone},{token:r.Renderer2},{token:o.LocalizationService}],target:r.ɵɵFactoryTarget.Injectable}),En.ɵprov=r.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:En}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:En,decorators:[{type:a.Injectable}],ctorParameters:function(){return[{type:r.NgZone},{type:r.Renderer2},{type:o.LocalizationService}]}});Object.defineProperty(Bn.prototype,"reorderable",{set:function(e){var t=this.hostEl.nativeElement;e?(this.renderer.addClass(t,"k-touch-action-none"),this.renderer.removeClass(t,"k-touch-action-auto")):(this.renderer.addClass(t,"k-touch-action-auto"),this.renderer.removeClass(t,"k-touch-action-none"))},enumerable:!1,configurable:!0});var Vn=Bn;function Bn(e,t){this.hostEl=e,this.renderer=t,this.hostClass=!0}Vn.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Vn,deps:[{token:r.ElementRef},{token:r.Renderer2}],target:r.ɵɵFactoryTarget.Component}),Vn.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Vn,selector:"kendo-tilelayout-item-header",inputs:{reorderable:"reorderable"},host:{properties:{"class.k-tilelayout-item-header":"this.hostClass","class.k-card-header":"this.hostClass"}},ngImport:r,template:"\n        <ng-content></ng-content>\n    ",isInline:!0}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Vn,decorators:[{type:a.Component,args:[{selector:"kendo-tilelayout-item-header",template:"\n        <ng-content></ng-content>\n    "}]}],ctorParameters:function(){return[{type:r.ElementRef},{type:r.Renderer2}]},propDecorators:{hostClass:[{type:a.HostBinding,args:["class.k-tilelayout-item-header"]},{type:a.HostBinding,args:["class.k-card-header"]}],reorderable:[{type:a.Input}]}});Fn.prototype.ngOnInit=function(){this.sizeHandle()},Fn.prototype.setHorizontalPosition=function(e){this.renderer.setStyle(e,this.rtl?"left":"right",-xn[this.resizeDirection].overlapX+"px")},Fn.prototype.setBottom=function(e){this.renderer.setStyle(e,"bottom",-xn[this.resizeDirection].overlapY+"px")},Fn.prototype.sizeHandle=function(){var e=this.el.nativeElement,t=xn[this.resizeDirection].width?xn[this.resizeDirection].width+"px":"100%",n=xn[this.resizeDirection].height?xn[this.resizeDirection].height+"px":"100%";this.renderer.setStyle(e,"width",t),this.renderer.setStyle(e,"height",n),"ew"===this.resizeDirection?this.setHorizontalPosition(e):("ns"!==this.resizeDirection&&this.setHorizontalPosition(e),this.setBottom(e))};var Rn=Fn;function Fn(e,t){this.el=e,this.renderer=t}Rn.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Rn,deps:[{token:r.ElementRef},{token:r.Renderer2}],target:r.ɵɵFactoryTarget.Directive}),Rn.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:Rn,selector:"[kendoTileLayoutResizeHandle]",inputs:{resizeDirection:"resizeDirection",rtl:"rtl"},ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Rn,decorators:[{type:a.Directive,args:[{selector:"[kendoTileLayoutResizeHandle]"}]}],ctorParameters:function(){return[{type:r.ElementRef},{type:r.Renderer2}]},propDecorators:{resizeDirection:[{type:a.Input}],rtl:[{type:a.Input}]}});Object.defineProperty(Hn.prototype,"order",{get:function(){return this._order},set:function(e){this._order=e,this.renderer.setStyle(this.elem.nativeElement,"order",""+this._order)},enumerable:!1,configurable:!0}),Object.defineProperty(Hn.prototype,"colEnd",{get:function(){return"span "+this.colSpan},enumerable:!1,configurable:!0}),Object.defineProperty(Hn.prototype,"rowEnd",{get:function(){return"span "+this.rowSpan},enumerable:!1,configurable:!0}),Object.defineProperty(Hn.prototype,"colStart",{get:function(){return g(this.col)?this.col.toString():void 0},enumerable:!1,configurable:!0}),Object.defineProperty(Hn.prototype,"rowStart",{get:function(){return g(this.row)?this.row.toString():void 0},enumerable:!1,configurable:!0}),Object.defineProperty(Hn.prototype,"reorderableHeader",{get:function(){return this.reorderable&&this.draggingService.reorderable.getValue()},enumerable:!1,configurable:!0}),Hn.prototype.ngAfterViewInit=function(){var n=this;this.subs.add(this.draggingService.reorderable.subscribe(function(e){var t;n.toggleCursorClass(e&&n.reorderable),null!=(t=n.headers)&&t.first&&(n.headers.first.reorderable=e&&n.reorderable)}))},Hn.prototype.ngOnChanges=function(e){e.reorderable&&!e.reorderable.firstChange&&this.toggleCursorClass(e.reorderable.currentValue&&this.draggingService.reorderable.getValue()),e.resizable&&(this.resizeDirections=this.resizable&&this.draggingService.resizable.getValue()?this.rtl?wn:Sn:void 0)},Hn.prototype.ngOnDestroy=function(){this.subs.unsubscribe()},Hn.prototype.toggleCursorClass=function(e){var t=this.elem.nativeElement.querySelector(".k-tilelayout-item-header");t&&(e?this.renderer.addClass(t,"k-cursor-grab"):this.renderer.removeClass(t,"k-cursor-grab"))};var Ln=Hn;function Hn(e,t,n,i){var r=this;this.elem=e,this.renderer=t,this.localization=n,this.draggingService=i,this.rowSpan=1,this.colSpan=1,this.reorderable=!0,this.resizable=!0,this.itemClass=!0,this.subs=new c.Subscription,this.subs.add(this.localization.changes.subscribe(function(e){e=e.rtl;r.rtl=e})),this.subs.add(this.draggingService.resizable.subscribe(function(e){r.resizeDirections=e&&r.resizable?r.rtl?wn:Sn:void 0}))}Ln.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Ln,deps:[{token:r.ElementRef},{token:r.Renderer2},{token:o.LocalizationService},{token:En}],target:r.ɵɵFactoryTarget.Component}),Ln.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Ln,selector:"kendo-tilelayout-item",inputs:{title:"title",rowSpan:"rowSpan",colSpan:"colSpan",order:"order",col:"col",row:"row",reorderable:"reorderable",resizable:"resizable"},host:{properties:{"class.k-tilelayout-item":"this.itemClass","class.k-card":"this.itemClass","style.grid-column-end":"this.colEnd","style.grid-row-end":"this.rowEnd","style.grid-column-start":"this.colStart","style.grid-row-start":"this.rowStart"}},queries:[{propertyName:"headers",predicate:Vn}],usesOnChanges:!0,ngImport:r,template:'\n        <kendo-tilelayout-item-header [reorderable]="reorderableHeader" *ngIf="title">\n            <h5 class="k-card-title">{{ title }}</h5>\n        </kendo-tilelayout-item-header>\n        <ng-content></ng-content>\n        <ng-container *ngIf="resizable">\n            <div\n                *ngFor="let dir of resizeDirections"\n                class="k-resize-handle k-cursor-{{dir}}-resize k-touch-action-none"\n                kendoTileLayoutResizeHandle\n                [rtl]="rtl"\n                [resizeDirection]="dir">\n            </div>\n        </ng-container>\n    ',isInline:!0,components:[{type:Vn,selector:"kendo-tilelayout-item-header",inputs:["reorderable"]}],directives:[{type:d.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:d.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:Rn,selector:"[kendoTileLayoutResizeHandle]",inputs:["resizeDirection","rtl"]}]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Ln,decorators:[{type:a.Component,args:[{selector:"kendo-tilelayout-item",template:'\n        <kendo-tilelayout-item-header [reorderable]="reorderableHeader" *ngIf="title">\n            <h5 class="k-card-title">{{ title }}</h5>\n        </kendo-tilelayout-item-header>\n        <ng-content></ng-content>\n        <ng-container *ngIf="resizable">\n            <div\n                *ngFor="let dir of resizeDirections"\n                class="k-resize-handle k-cursor-{{dir}}-resize k-touch-action-none"\n                kendoTileLayoutResizeHandle\n                [rtl]="rtl"\n                [resizeDirection]="dir">\n            </div>\n        </ng-container>\n    '}]}],ctorParameters:function(){return[{type:r.ElementRef},{type:r.Renderer2},{type:o.LocalizationService},{type:En}]},propDecorators:{title:[{type:a.Input}],rowSpan:[{type:a.Input}],colSpan:[{type:a.Input}],order:[{type:a.Input}],col:[{type:a.Input}],row:[{type:a.Input}],reorderable:[{type:a.Input}],resizable:[{type:a.Input}],itemClass:[{type:a.HostBinding,args:["class.k-tilelayout-item"]},{type:a.HostBinding,args:["class.k-card"]}],colEnd:[{type:a.HostBinding,args:["style.grid-column-end"]}],rowEnd:[{type:a.HostBinding,args:["style.grid-row-end"]}],colStart:[{type:a.HostBinding,args:["style.grid-column-start"]}],rowStart:[{type:a.HostBinding,args:["style.grid-row-start"]}],headers:[{type:a.ContentChildren,args:[Vn]}]}});var jn={column:"k-grid-flow-col",row:"k-grid-flow-row","column-dense":"k-grid-flow-col-dense","row-dense":"k-grid-flow-row-dense"},d=(Object.defineProperty(R.prototype,"gap",{get:function(){return this._gap},set:function(e){this._gap="number"==typeof e?{rows:e,columns:e}:Object.assign(this._gap,e)},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"gapStyle",{get:function(){return this.gap.rows+"px "+this.gap.columns+"px"},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"currentColStart",{get:function(){return this.draggingService.colStart},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"currentRowStart",{get:function(){return this.draggingService.rowStart},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"draggedItemWrapper",{get:function(){return this.draggingService.itemWrapper},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"targetOrder",{get:function(){return this.draggingService.order},enumerable:!1,configurable:!0}),R.prototype.ngOnInit=function(){var t=this;this.applyColStyling(),this.applyRowStyling(),this.draggingService.reorderable.next(this.reorderable),this.draggingService.resizable.next(this.resizable),l.hasObservers(this.reorder)&&this.subs.add(this.draggingService.reorder.subscribe(function(e){return t.reorder.emit(e)})),l.hasObservers(this.resize)&&this.subs.add(this.draggingService.resize.subscribe(function(e){return t.resize.emit(e)})),this.subs.add(this.draggingService.reorderable.subscribe(function(e){e&&!t.draggable&&t.initializeDraggable()})),this.subs.add(this.draggingService.resizable.subscribe(function(e){e&&!t.draggable&&t.initializeDraggable()})),this.subs.add(this.localization.changes.subscribe(function(e){e=e.rtl;t.direction=e?"rtl":"ltr"}))},R.prototype.ngAfterViewInit=function(){var e=this;this.draggingService.tileLayoutSettings=this.draggingServiceConfig(),this.applyAutoFlow(null,jn[this.autoFlow]),this.items.changes.subscribe(function(){e.setItemsOrder(),e.draggingService.tileLayoutSettings.items=e.items.toArray()})},R.prototype.ngAfterContentInit=function(){this.setItemsOrder()},R.prototype.ngOnChanges=function(e){(e.columns||e.columnWidth)&&this.applyColStyling(),e.rowHeight&&this.applyRowStyling(),e.reorderable&&this.draggingService.reorderable.next(e.reorderable.currentValue),e.resizable&&this.draggingService.resizable.next(e.resizable.currentValue),(e.gap||e.autoFlow||e.columns)&&(this.draggingService.tileLayoutSettings=this.draggingServiceConfig(),e.autoFlow&&this.applyAutoFlow(jn[e.autoFlow.previousValue]||"",jn[e.autoFlow.currentValue]))},R.prototype.ngOnDestroy=function(){this.draggable&&this.draggable.destroy(),this.subs.unsubscribe()},R.prototype.handlePress=function(e){e=e.originalEvent;this.draggingService.handlePress(e)},R.prototype.handleDrag=function(e){e=e.originalEvent;this.draggingService.handleDrag(e)},R.prototype.handleRelease=function(e){e=e.originalEvent;this.draggingService.handleRelease(e)},R.prototype.applyColStyling=function(){var e="number"==typeof this.columnWidth?this.columnWidth+"px":this.columnWidth,e="repeat("+this.columns+", "+e+")";this.renderer.setStyle(this.elem.nativeElement,"grid-template-columns",e)},R.prototype.applyRowStyling=function(){var e="number"==typeof this.rowHeight?this.rowHeight+"px":this.rowHeight;this.renderer.setStyle(this.elem.nativeElement,"grid-auto-rows",""+e)},R.prototype.draggingServiceConfig=function(){return{tileLayoutElement:this.elem?this.elem.nativeElement:void 0,hintElement:this.hint?this.hint.nativeElement:void 0,gap:this.gap,columns:this.columns,autoFlow:this.autoFlow,items:this.items?this.items.toArray():[]}},R.prototype.initializeDraggable=function(){var e=this;this.draggable=new J.default({press:this.handlePress.bind(this),drag:this.handleDrag.bind(this),release:this.handleRelease.bind(this)}),this.zone.runOutsideAngular(function(){return e.draggable.bindTo(e.elem.nativeElement)})},R.prototype.applyAutoFlow=function(e,t){var n=this.elem.nativeElement;e&&this.renderer.removeClass(n,e),"none"!==this.autoFlow&&g(t)&&this.renderer.addClass(n,t)},R.prototype.setItemsOrder=function(){this.items.forEach(function(e,t){g(e.order)||(e.order=t)})},R);function R(e,t,n,i,r){this.elem=e,this.renderer=t,this.localization=n,this.draggingService=i,this.zone=r,this.columns=1,this.columnWidth="1fr",this.reorderable=!1,this.resizable=!1,this.rowHeight="1fr",this.autoFlow="column",this.reorder=new a.EventEmitter,this.resize=new a.EventEmitter,this.hostClass=!0,this.subs=new c.Subscription,this._gap={rows:16,columns:16},L.validatePackage(ee)}d.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:d,deps:[{token:r.ElementRef},{token:r.Renderer2},{token:o.LocalizationService},{token:En},{token:r.NgZone}],target:r.ɵɵFactoryTarget.Component}),d.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:d,selector:"kendo-tilelayout",inputs:{columns:"columns",columnWidth:"columnWidth",gap:"gap",reorderable:"reorderable",resizable:"resizable",rowHeight:"rowHeight",autoFlow:"autoFlow"},outputs:{reorder:"reorder",resize:"resize"},host:{properties:{"class.k-widget":"this.hostClass","class.k-tilelayout":"this.hostClass","style.gap":"this.gapStyle","style.padding":"this.gapStyle","attr.dir":"this.direction"}},providers:[e.LocalizationService,En,{provide:e.L10N_PREFIX,useValue:"kendo.tilelayout.component"}],queries:[{propertyName:"items",predicate:Ln}],viewQueries:[{propertyName:"hint",first:!0,predicate:["hint"],descendants:!0}],usesOnChanges:!0,ngImport:r,template:'\n        <ng-content></ng-content>\n        <div #hint class="k-layout-item-hint k-layout-item-hint-reorder"\n            [style.display]="\'none\'"\n            [style.order]="targetOrder"\n            [style.gridColumnEnd]="draggedItemWrapper?.style.gridColumnEnd"\n            [style.gridRowEnd]="draggedItemWrapper?.style.gridRowEnd"\n            [style.gridColumnStart]="currentColStart"\n            [style.gridRowStart]="currentRowStart"\n            [style.zIndex]="\'1\'"></div>\n    ',isInline:!0}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:d,decorators:[{type:a.Component,args:[{selector:"kendo-tilelayout",providers:[e.LocalizationService,En,{provide:e.L10N_PREFIX,useValue:"kendo.tilelayout.component"}],template:'\n        <ng-content></ng-content>\n        <div #hint class="k-layout-item-hint k-layout-item-hint-reorder"\n            [style.display]="\'none\'"\n            [style.order]="targetOrder"\n            [style.gridColumnEnd]="draggedItemWrapper?.style.gridColumnEnd"\n            [style.gridRowEnd]="draggedItemWrapper?.style.gridRowEnd"\n            [style.gridColumnStart]="currentColStart"\n            [style.gridRowStart]="currentRowStart"\n            [style.zIndex]="\'1\'"></div>\n    '}]}],ctorParameters:function(){return[{type:r.ElementRef},{type:r.Renderer2},{type:o.LocalizationService},{type:En},{type:r.NgZone}]},propDecorators:{columns:[{type:a.Input}],columnWidth:[{type:a.Input}],gap:[{type:a.Input}],reorderable:[{type:a.Input}],resizable:[{type:a.Input}],rowHeight:[{type:a.Input}],autoFlow:[{type:a.Input}],reorder:[{type:a.Output}],resize:[{type:a.Output}],hostClass:[{type:a.HostBinding,args:["class.k-widget"]},{type:a.HostBinding,args:["class.k-tilelayout"]}],gapStyle:[{type:a.HostBinding,args:["style.gap"]},{type:a.HostBinding,args:["style.padding"]}],direction:[{type:a.HostBinding,args:["attr.dir"]}],items:[{type:a.ContentChildren,args:[Ln]}],hint:[{type:a.ViewChild,args:["hint",{static:!1}]}]}});var Mn=function(){this.hostClass=!0,this.minHeight=0},F=(Mn.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Mn,deps:[],target:r.ɵɵFactoryTarget.Component}),Mn.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Mn,selector:"kendo-tilelayout-item-body",host:{properties:{"class.k-tilelayout-item-body":"this.hostClass","class.k-card-body":"this.hostClass","style.min-height":"this.minHeight"}},ngImport:r,template:"\n        <ng-content></ng-content>\n    ",isInline:!0}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Mn,decorators:[{type:a.Component,args:[{selector:"kendo-tilelayout-item-body",template:"\n        <ng-content></ng-content>\n    "}]}],propDecorators:{hostClass:[{type:a.HostBinding,args:["class.k-tilelayout-item-body"]},{type:a.HostBinding,args:["class.k-card-body"]}],minHeight:[{type:a.HostBinding,args:["style.min-height"]}]}}),[z]),An=f([],y(F)),Nn=function(){};Nn.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Nn,deps:[],target:r.ɵɵFactoryTarget.NgModule}),Nn.ɵmod=r.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Nn,declarations:[z],imports:[t.CommonModule],exports:[z]}),Nn.ɵinj=r.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Nn,imports:[[t.CommonModule]]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Nn,decorators:[{type:a.NgModule,args:[{declarations:[An],exports:[F],imports:[t.CommonModule]}]}]});var An=f([Qt,en,tn,nn,rn],y([pn,cn,sn,dn])),F=f([],y(An)),_n=function(){};_n.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:_n,deps:[],target:r.ɵɵFactoryTarget.NgModule}),_n.ɵmod=r.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:_n,declarations:[Qt,en,tn,nn,rn,pn,cn,sn,dn],imports:[t.CommonModule],exports:[Qt,en,tn,nn,rn,pn,cn,sn,dn]}),_n.ɵinj=r.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:_n,imports:[[t.CommonModule]]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:_n,decorators:[{type:a.NgModule,args:[{declarations:[F],exports:[An],imports:[t.CommonModule]}]}]});var F=f([kt,wt,Dt],y([I,lt,pt,at])),An=f([S,w],y(F)),Kn=function(){},S=(Kn.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Kn,deps:[],target:r.ɵɵFactoryTarget.NgModule}),Kn.ɵmod=r.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Kn,declarations:[S,w,kt,wt,Dt,I,lt,pt,at],imports:[t.CommonModule],exports:[kt,wt,Dt,I,lt,pt,at]}),Kn.ɵinj=r.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Kn,imports:[[t.CommonModule]]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Kn,decorators:[{type:a.NgModule,args:[{declarations:[An],exports:[F],imports:[t.CommonModule]}]}]}),[fn,gn]),w=f([],y(S)),An=function(){},F=(An.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:An,deps:[],target:r.ɵɵFactoryTarget.NgModule}),An.ɵmod=r.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:An,declarations:[fn,gn],imports:[t.CommonModule,l.EventsModule],exports:[fn,gn]}),An.ɵinj=r.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:An,imports:[[t.CommonModule,l.EventsModule]]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:An,decorators:[{type:a.NgModule,args:[{declarations:[w],exports:[S],imports:[t.CommonModule,l.EventsModule]}]}]}),[ge,u,i,de,te]),w=f([],y(F)),S=function(){},w=(S.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:S,deps:[],target:r.ɵɵFactoryTarget.NgModule}),S.ɵmod=r.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:S,declarations:[ge,u,i,de,te],imports:[t.CommonModule],exports:[ge,u,i,de,te]}),S.ɵinj=r.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:S,imports:[[t.CommonModule]]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:S,decorators:[{type:a.NgModule,args:[{declarations:[w],exports:[F],imports:[t.CommonModule]}]}]}),[ke,ye]),F=f([b],y(w)),Wn=function(){};Wn.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Wn,deps:[],target:r.ɵɵFactoryTarget.NgModule}),Wn.ɵmod=r.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Wn,declarations:[b,ke,ye],imports:[t.CommonModule,l.DraggableModule],exports:[ke,ye]}),Wn.ɵinj=r.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Wn,imports:[[t.CommonModule,l.DraggableModule]]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Wn,decorators:[{type:a.NgModule,args:[{declarations:[F],exports:[w],imports:[t.CommonModule,l.DraggableModule]}]}]});var b=f([Xt,qt],y([Et,Vt,Bt])),F=f([T,O,Wt],y(b)),w=function(){},T=(w.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:w,deps:[],target:r.ɵɵFactoryTarget.NgModule}),w.ɵmod=r.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:w,declarations:[T,O,Wt,Xt,qt,Et,Vt,Bt],imports:[t.CommonModule,n.ProgressBarModule],exports:[Xt,qt,Et,Vt,Bt]}),w.ɵinj=r.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:w,imports:[[t.CommonModule,n.ProgressBarModule]]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:w,decorators:[{type:a.NgModule,args:[{declarations:[F],exports:[b],imports:[t.CommonModule,n.ProgressBarModule]}]}]}),[it,Te,we,xe,qe,ot,tt]),O=f(f([],y(T)),[C]),F=function(){},b=(F.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:F,deps:[],target:r.ɵɵFactoryTarget.NgModule}),F.ɵmod=r.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:F,declarations:[it,Te,we,xe,qe,ot,tt,C],imports:[t.CommonModule,l.ResizeSensorModule],exports:[it,Te,we,xe,qe,ot,tt]}),F.ɵinj=r.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:F,imports:[[t.CommonModule,l.ResizeSensorModule]]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:F,decorators:[{type:a.NgModule,args:[{declarations:[O],exports:[T],imports:[t.CommonModule,l.ResizeSensorModule]}]}]}),[d,Ln,Vn,Mn,Rn]),n=f([],y(b)),C=function(){},Zn=(C.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:C,deps:[],target:r.ɵɵFactoryTarget.NgModule}),C.ɵmod=r.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:C,declarations:[d,Ln,Vn,Mn,Rn],imports:[t.CommonModule],exports:[d,Ln,Vn,Mn,Rn]}),C.ɵinj=r.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:C,imports:[[t.CommonModule]]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:C,decorators:[{type:a.NgModule,args:[{declarations:[n],exports:[b],imports:[t.CommonModule]}]}]}),{top:"start",middle:"center",bottom:"end",stretch:"stretch"}),Xn="k-justify-content",Un="k-align-items",O=(Object.defineProperty($n.prototype,"horizontalClass",{get:function(){return"horizontal"===this.orientation},enumerable:!1,configurable:!0}),Object.defineProperty($n.prototype,"verticalClass",{get:function(){return"vertical"===this.orientation},enumerable:!1,configurable:!0}),Object.defineProperty($n.prototype,"dir",{get:function(){return this.direction},enumerable:!1,configurable:!0}),Object.defineProperty($n.prototype,"align",{get:function(){return this._align},set:function(e){this._align=Object.assign({},this._align,e),this.handleAlignClasses()},enumerable:!1,configurable:!0}),$n.prototype.ngAfterViewInit=function(){this.handleAlignClasses(),this.setGap()},$n.prototype.ngOnChanges=function(e){l.isChanged("gap",e)&&this.setGap(),l.isChanged("orientation",e)&&this.handleAlignClasses()},$n.prototype.handleAlignClasses=function(){var e=this.element.nativeElement;g(this.justifyClass)&&this.renderer.removeClass(e,this.justifyClass),g(this.alignClass)&&this.renderer.removeClass(e,this.alignClass),"horizontal"===this.orientation?(this.justifyClass=Xn+"-"+this.align.horizontal,this.alignClass=Un+"-"+Zn[this.align.vertical]):(this.justifyClass=Xn+"-"+Zn[this.align.vertical],this.alignClass=Un+"-"+this.align.horizontal),this.renderer.addClass(e,this.justifyClass),this.renderer.addClass(e,this.alignClass)},$n.prototype.setGap=function(){var e="number"==typeof(e=this.gap)&&isFinite(e)?this.gap+"px":this.gap;this.renderer.setStyle(this.element.nativeElement,"gap",e)},Object.defineProperty($n.prototype,"direction",{get:function(){return this.localization.rtl?"rtl":"ltr"},enumerable:!1,configurable:!0}),$n);function $n(e,t,n){this.renderer=e,this.element=t,this.localization=n,this.hostClass=!0,this.gap=0,this.orientation="horizontal",this._align={horizontal:"stretch",vertical:"stretch"},L.validatePackage(ee)}O.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:O,deps:[{token:r.Renderer2},{token:r.ElementRef},{token:o.LocalizationService}],target:r.ɵɵFactoryTarget.Component}),O.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:O,selector:"kendo-stacklayout",inputs:{align:"align",gap:"gap",orientation:"orientation"},host:{properties:{"class.k-stack-layout":"this.hostClass","class.k-hstack":"this.horizontalClass","class.k-vstack":"this.verticalClass","attr.dir":"this.dir"}},providers:[e.LocalizationService,{provide:e.L10N_PREFIX,useValue:"kendo.stacklayout"}],exportAs:["kendoStackLayout"],usesOnChanges:!0,ngImport:r,template:"\n        <ng-content></ng-content>\n    ",isInline:!0}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:O,decorators:[{type:a.Component,args:[{exportAs:"kendoStackLayout",selector:"kendo-stacklayout",providers:[e.LocalizationService,{provide:e.L10N_PREFIX,useValue:"kendo.stacklayout"}],template:"\n        <ng-content></ng-content>\n    "}]}],ctorParameters:function(){return[{type:r.Renderer2},{type:r.ElementRef},{type:o.LocalizationService}]},propDecorators:{hostClass:[{type:a.HostBinding,args:["class.k-stack-layout"]}],horizontalClass:[{type:a.HostBinding,args:["class.k-hstack"]}],verticalClass:[{type:a.HostBinding,args:["class.k-vstack"]}],dir:[{type:a.HostBinding,args:["attr.dir"]}],align:[{type:a.Input}],gap:[{type:a.Input}],orientation:[{type:a.Input}]}});T=[O],n=f([],y(T)),b=function(){},b.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:b,deps:[],target:r.ɵɵFactoryTarget.NgModule}),b.ɵmod=r.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:b,declarations:[O],imports:[t.CommonModule],exports:[O]}),b.ɵinj=r.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:b,imports:[[t.CommonModule]]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:b,decorators:[{type:a.NgModule,args:[{declarations:[n],exports:[T],imports:[t.CommonModule]}]}]}),Object.defineProperty(Yn.prototype,"dir",{get:function(){return this.direction},enumerable:!1,configurable:!0}),Object.defineProperty(Yn.prototype,"align",{get:function(){return this._align},set:function(e){this._align=Object.assign({},this._align,e),this.handleAlignClasses()},enumerable:!1,configurable:!0}),Yn.prototype.ngAfterViewInit=function(){this.handleAlignClasses(),this.handleGridTemplateStyling("rows"),this.handleGridTemplateStyling("cols"),this.setGap()},Yn.prototype.ngOnChanges=function(e){l.isChanged("gap",e)&&this.setGap(),l.isChanged("rows",e)&&this.handleGridTemplateStyling("rows"),l.isChanged("cols",e)&&this.handleGridTemplateStyling("cols")},Yn.prototype.handleAlignClasses=function(){var e=this.element.nativeElement;g(this.justifyClass)&&this.renderer.removeClass(e,this.justifyClass),g(this.alignClass)&&this.renderer.removeClass(e,this.alignClass),this.justifyClass="k-justify-items-"+this.align.horizontal,this.alignClass=Un+"-"+Zn[this.align.vertical],this.renderer.addClass(e,this.justifyClass),this.renderer.addClass(e,this.alignClass)},Yn.prototype.setGap=function(){var e,t="number"==typeof(t=this.gap)||"string"==typeof t?{cols:t,rows:t}:((e={}).rows=t.rows||0,e.cols=t.cols||0,e),t=(e=t).rows===e.cols?"number"==typeof e.rows?e.rows+"px":e.rows:""+("number"==typeof e.rows?e.rows+"px":e.rows)+" "+(""+("number"==typeof e.cols?e.cols+"px":e.cols));this.renderer.setStyle(this.element.nativeElement,"gap",t)},Yn.prototype.handleGridTemplateStyling=function(e){if(g(this[e])){if(!function(e){var t,n;try{for(var i=me(e),r=i.next();!r.done;r=i.next()){var o=r.value;if(!("number"==typeof o)&&!("string"==typeof o)&&!("object"==typeof o&&null!==o))return!1}}catch(e){t={error:e}}finally{try{r&&!r.done&&(n=i.return)&&n.call(i)}finally{if(t)throw t.error}}return!0}(this[e])&&a.isDevMode())throw new Error("The provided "+e+" value contains invalid elements. The array supports values of type number, string or "+("rows"===e?"GridLayoutRowSize":"GridLayoutColSize")+".");var t,n,i,r="rows"===e?"grid-template-rows":"grid-template-columns",e=(t=this[e],n=e,i=[],t.forEach(function(e){var t;"number"==typeof e?i.push(e+"px"):"string"==typeof e?i.push(e):"rows"===n?(t=e.height)?i.push("number"==typeof t?t+"px":t):i.push("0px"):(t=e.width)?i.push("number"==typeof t?t+"px":t):i.push("0px")}),i);this.renderer.setStyle(this.element.nativeElement,r,e.join(" "))}},Object.defineProperty(Yn.prototype,"direction",{get:function(){return this.localization.rtl?"rtl":"ltr"},enumerable:!1,configurable:!0}),n=Yn;function Yn(e,t,n){this.renderer=e,this.element=t,this.localization=n,this.hostClass=!0,this.gap=0,this._align={horizontal:"stretch",vertical:"stretch"},L.validatePackage(ee)}n.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:n,deps:[{token:r.Renderer2},{token:r.ElementRef},{token:o.LocalizationService}],target:r.ɵɵFactoryTarget.Component}),n.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:n,selector:"kendo-gridlayout",inputs:{rows:"rows",cols:"cols",gap:"gap",align:"align"},host:{properties:{"class.k-grid-layout":"this.hostClass","attr.dir":"this.dir"}},providers:[e.LocalizationService,{provide:e.L10N_PREFIX,useValue:"kendo.gridlayout"}],exportAs:["kendoGridLayout"],usesOnChanges:!0,ngImport:r,template:"\n        <ng-content></ng-content>\n    ",isInline:!0}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:n,decorators:[{type:a.Component,args:[{exportAs:"kendoGridLayout",selector:"kendo-gridlayout",providers:[e.LocalizationService,{provide:e.L10N_PREFIX,useValue:"kendo.gridlayout"}],template:"\n        <ng-content></ng-content>\n    "}]}],ctorParameters:function(){return[{type:r.Renderer2},{type:r.ElementRef},{type:o.LocalizationService}]},propDecorators:{hostClass:[{type:a.HostBinding,args:["class.k-grid-layout"]}],dir:[{type:a.HostBinding,args:["attr.dir"]}],rows:[{type:a.Input}],cols:[{type:a.Input}],gap:[{type:a.Input}],align:[{type:a.Input}]}});qn.prototype.ngOnInit=function(){this.setItemStyle()},qn.prototype.ngOnChanges=function(){this.setItemStyle()},qn.prototype.setItemStyle=function(){var e=this.row||"auto",t=this.col||"auto",n=this.rowSpan?"span "+this.rowSpan:"auto",i=this.colSpan?"span "+this.colSpan:"auto";this.renderer.setStyle(this.element.nativeElement,"grid-area",e+" / "+t+" / "+n+" / "+i)};T=qn;function qn(e,t){this.renderer=e,this.element=t}T.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:T,deps:[{token:r.Renderer2},{token:r.ElementRef}],target:r.ɵɵFactoryTarget.Component}),T.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:T,selector:"kendo-gridlayout-item",inputs:{row:"row",col:"col",rowSpan:"rowSpan",colSpan:"colSpan"},usesOnChanges:!0,ngImport:r,template:"\n        <ng-content></ng-content>\n    ",isInline:!0}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:T,decorators:[{type:a.Component,args:[{selector:"kendo-gridlayout-item",template:"\n        <ng-content></ng-content>\n    "}]}],ctorParameters:function(){return[{type:r.Renderer2},{type:r.ElementRef}]},propDecorators:{row:[{type:a.Input}],col:[{type:a.Input}],rowSpan:[{type:a.Input}],colSpan:[{type:a.Input}]}});var e=[n,T],Gn=f([],y(e)),Qn=function(){},Gn=(Qn.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Qn,deps:[],target:r.ɵɵFactoryTarget.NgModule}),Qn.ɵmod=r.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Qn,declarations:[n,T],imports:[t.CommonModule],exports:[n,T]}),Qn.ɵinj=r.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Qn,imports:[[t.CommonModule]]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Qn,decorators:[{type:a.NgModule,args:[{declarations:[Gn],exports:[e],imports:[t.CommonModule]}]}]}),function(){});Gn.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Gn,deps:[],target:r.ɵɵFactoryTarget.NgModule}),Gn.ɵmod=r.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Gn,exports:[Nn,_n,Kn,S,An,Wn,w,F,C,b,Qn]}),Gn.ɵinj=r.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Gn,imports:[Nn,_n,Kn,S,An,Wn,w,F,C,b,Qn]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Gn,decorators:[{type:a.NgModule,args:[{exports:[Nn,_n,Kn,S,An,Wn,w,F,C,b,Qn]}]}]}),s.AvatarComponent=z,s.AvatarModule=Nn,s.CardAction=ln,s.CardActionsComponent=rn,s.CardBodyComponent=tn,s.CardComponent=Qt,s.CardFooterComponent=nn,s.CardHeaderComponent=en,s.CardMediaDirective=dn,s.CardModule=_n,s.CardSeparatorDirective=sn,s.CardSubtitleDirective=cn,s.CardTitleDirective=pn,s.DrawerComponent=kt,s.DrawerContainerComponent=wt,s.DrawerContentComponent=Dt,s.DrawerFooterTemplateDirective=pt,s.DrawerHeaderTemplateDirective=lt,s.DrawerItemTemplateDirective=at,s.DrawerModule=Kn,s.DrawerSelectEvent=Ot,s.DrawerTemplateDirective=I,s.ExpansionPanelActionEvent=hn,s.ExpansionPanelComponent=fn,s.ExpansionPanelModule=An,s.ExpansionPanelTitleDirective=gn,s.GridLayoutComponent=n,s.GridLayoutItemComponent=T,s.GridLayoutModule=Qn,s.LayoutModule=Gn,s.LocalizedStepperMessagesDirective=Wt,s.LocalizedTabStripMessagesDirective=tt,s.PanelBarComponent=ge,s.PanelBarContentDirective=i,s.PanelBarItemComponent=u,s.PanelBarItemTemplateDirective=de,s.PanelBarItemTitleDirective=te,s.PanelBarModule=S,s.SelectEvent=Pe,s.SplitterComponent=ke,s.SplitterModule=Wn,s.SplitterPaneComponent=ye,s.StackLayoutComponent=O,s.StackLayoutModule=b,s.StepperActivateEvent=Q,s.StepperComponent=Xt,s.StepperCustomMessagesComponent=qt,s.StepperIndicatorTemplateDirective=Bt,s.StepperLabelTemplateDirective=Vt,s.StepperModule=w,s.StepperStepTemplateDirective=Et,s.TabCloseEvent=ze,s.TabComponent=qe,s.TabContentDirective=we,s.TabStripComponent=it,s.TabStripCustomMessagesComponent=ot,s.TabStripModule=F,s.TabStripTabComponent=Te,s.TabTitleDirective=xe,s.TileLayoutComponent=d,s.TileLayoutItemBodyComponent=Mn,s.TileLayoutItemComponent=Ln,s.TileLayoutItemHeaderComponent=Vn,s.TileLayoutModule=C,s.TileLayoutReorderEvent=Tn,s.TileLayoutResizeEvent=zn,s.TileLayoutResizeHandleDirective=Rn,Object.defineProperty(s,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@progress/kendo-angular-l10n"),require("@progress/kendo-angular-common"),require("@progress/kendo-licensing"),require("@angular/animations"),require("rxjs"),require("@angular/common"),require("rxjs/operators"),require("@progress/kendo-angular-progressbar"),require("@telerik/kendo-draggable")):"function"==typeof define&&define.amd?define("KendoAngularLayout",["exports","@angular/core","@progress/kendo-angular-l10n","@progress/kendo-angular-common","@progress/kendo-licensing","@angular/animations","rxjs","@angular/common","rxjs/operators","@progress/kendo-angular-progressbar","@telerik/kendo-draggable"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoAngularLayout={},e.ng.core,e.KendoAngularL10N,e.KendoAngularCommon,e.KendoLicensing,e.ng.animations,e.rxjs,e.ng.common,e.rxjs.operators,e.KendoAngularProgressbar,e.Draggable)}(this,function(s,a,e,l,L,p,c,t,H,n,i){"use strict";function j(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function M(n){if(n&&n.__esModule)return n;var i=Object.create(null);return n&&Object.keys(n).forEach(function(e){var t;"default"!==e&&(t=Object.getOwnPropertyDescriptor(n,e),Object.defineProperty(i,e,t.get?t:{enumerable:!0,get:function(){return n[e]}}))}),i.default=n,Object.freeze(i)}function A(e){return e.map(function(e){return e.id||(e.id="default-"+ne++),e.children&&(e.children=A(e.children)),e})}function N(e){return e===l.Keys.ArrowLeft||e===l.Keys.ArrowRight}function _(e){return e===l.Keys.ArrowUp||e===l.Keys.ArrowDown}function K(e){return e===l.Keys.PageUp||e===l.Keys.PageDown||e===l.Keys.Home||e===l.Keys.End}function W(e){var t,n,i;return!!e.tagName&&(t=e.tagName.toLowerCase(),n="-1"===(i=e.getAttribute("tabIndex")),i=null!==i&&!n,se.test(t)?!e.disabled&&!n:i)}function Z(e,t){return Boolean((e=e.className,String(e).trim().split(" ").find(function(e){return e===t})))}function X(e,t,n,i){for(;e&&e!==n&&!t(e,i);)e=e.parentNode;if(e!==n)return e}function U(e,t){return+e.getAttribute(t)}function $(e,t){return g(e.getAttribute(t))}function Y(e,t,n){return X(e,$,n,t)}var r=M(a),o=M(e),q=M(l),G=M(p),d=M(t),Q=M(n),J=j(i),ee={name:"@progress/kendo-angular-layout",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1648814545,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"},i=(s.PanelBarExpandMode=void 0,(i=s.PanelBarExpandMode||(s.PanelBarExpandMode={}))[i.Single=0]="Single",i[i.Full=1]="Full",i[i.Multiple=2]="Multiple",i[i.Default=2]="Default",function(e){this.templateRef=e}),te=(i.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:i,deps:[{token:r.TemplateRef}],target:r.ɵɵFactoryTarget.Directive}),i.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:i,selector:"[kendoPanelBarContent]",ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:i,decorators:[{type:a.Directive,args:[{selector:"[kendoPanelBarContent]"}]}],ctorParameters:function(){return[{type:r.TemplateRef}]}}),function(e){this.templateRef=e}),ne=(te.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:te,deps:[{token:r.TemplateRef,optional:!0}],target:r.ɵɵFactoryTarget.Directive}),te.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:te,selector:"[kendoPanelBarItemTitle]",ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:te,decorators:[{type:a.Directive,args:[{selector:"[kendoPanelBarItemTitle]"}]}],ctorParameters:function(){return[{type:r.TemplateRef,decorators:[{type:a.Optional}]}]}}),0),ie={small:"sm",medium:"md",large:"lg"},re={small:"sm",medium:"md",large:"lg",full:"full"},oe={rounded:"large",circle:"full"},g=function(e){return null!=e},se=/^(?:a|input|select|option|textarea|button|object)$/i,ae=0,le=(pe.prototype.onKeepContent=function(e){this.keepContentSource.next(e)},pe.prototype.onSelect=function(e){this.childSource.next(e)},pe.prototype.onFocus=function(){this.parentSource.next(!0)},pe.prototype.onBlur=function(){this.parentSource.next(!1)},pe);function pe(){this.parentSource=new c.Subject,this.keepContentSource=new c.BehaviorSubject(!1),this.childSource=new c.Subject,this.parent$=this.parentSource.asObservable(),this.children$=this.childSource.asObservable(),this.keepContent$=this.keepContentSource.asObservable(),this.pbId=ae++}le.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:le,deps:[],target:r.ɵɵFactoryTarget.Injectable}),le.ɵprov=r.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:le}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:le,decorators:[{type:a.Injectable}],ctorParameters:function(){return[]}});var ce=0,u=(Object.defineProperty(h.prototype,"expanded",{get:function(){return this._expanded},set:function(e){var t=this.animate?"active":"activeWithoutAnimation";this.state=e?t:"inactive",this.keepContent||this.toggleExpandedChildAnimations(e),this._expanded=e},enumerable:!1,configurable:!0}),Object.defineProperty(h.prototype,"animate",{get:function(){return this.eventService.animate},enumerable:!1,configurable:!0}),Object.defineProperty(h.prototype,"kStateDefaultClass",{get:function(){return!this.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(h.prototype,"kStateDisabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(h.prototype,"kStateExpandedClass",{get:function(){return!this.disabled&&this.expanded&&(this.hasChildItems||this.hasContent)},enumerable:!1,configurable:!0}),Object.defineProperty(h.prototype,"itemId",{get:function(){return"k-panelbar-"+this.eventService.pbId+"-item-"+this.id},enumerable:!1,configurable:!0}),Object.defineProperty(h.prototype,"ariaExpanded",{get:function(){return this.hasChildItems||this.hasContent?!this.disabled&&this.expanded:null},enumerable:!1,configurable:!0}),Object.defineProperty(h.prototype,"ariaSelected",{get:function(){return!this.disabled&&this.selected},enumerable:!1,configurable:!0}),Object.defineProperty(h.prototype,"ariaDisabled",{get:function(){return!!this.disabled||null},enumerable:!1,configurable:!0}),Object.defineProperty(h.prototype,"headerClass",{get:function(){return!this.parent||null},enumerable:!1,configurable:!0}),Object.defineProperty(h.prototype,"childClass",{get:function(){return!!this.parent||null},enumerable:!1,configurable:!0}),Object.defineProperty(h.prototype,"titleTemplate",{get:function(){return 0<this.titleTemplates.length?this.titleTemplates.toArray()[0].templateRef:void 0},enumerable:!1,configurable:!0}),h.prototype.headerHeight=function(){return this.element.nativeElement.offsetHeight-(this.contentWrapper?this.contentWrapper.nativeElement.offsetHeight:0)},h.prototype.ngOnInit=function(){this.addLevelClass()},h.prototype.ngAfterContentChecked=function(){var t=this;this.hasItems=this.items&&0<this.items.filter(function(e){return!e.hidden}).length,this.hasChildItems=0<this.contentItems.filter(function(e){return e!==t}).length||this.hasItems,this.hasContent=void 0!==this.contentTemplate&&0<this.contentTemplate.length||void 0!==this.content,this.validateConfiguration()},h.prototype.ngAfterViewChecked=function(){var t=this;this.items?this.childrenItems=this.viewChildItems.toArray():this.childrenItems=this.contentItems.filter(function(e){return e!==t})},h.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},h.prototype.onItemAction=function(){this.disabled||this.eventService.onSelect(this)},h.prototype.onItemClick=function(e){W(e.target)||this.onItemAction()},Object.defineProperty(h.prototype,"iconClasses",{get:function(){var e={};return e[(this.icon?"k-i-"+this.icon:null)||this.iconClass]=!0,e},enumerable:!1,configurable:!0}),h.prototype.serialize=function(){return{content:this.content,disabled:this.disabled,expanded:this.expanded,focused:this.focused,icon:this.icon,iconClass:this.iconClass,id:this.id,imageUrl:this.imageUrl,selected:this.selected,title:this.title}},h.prototype.subTreeViewItems=function(){var t=[];return this.viewChildItems.forEach(function(e){(t=t.concat(e.subTreeViewItems())).push(e)}),t},h.prototype.validateConfiguration=function(){if(a.isDevMode()&&this.content&&void 0!==this.contentTemplate&&0<this.contentTemplate.length)throw new Error("Invalid configuration: mixed template components and component property.")},h.prototype.toggleAnimationState=function(e){this.animate&&(this.state=e&&this.eventService.expandMode!==s.PanelBarExpandMode.Single?"active":"activeWithoutAnimation")},h.prototype.toggleExpandedChildAnimations=function(t){this.childrenItems&&this.childrenItems.forEach(function(e){e.expanded&&(e.toggleAnimationState(t),e.toggleExpandedChildAnimations(t))})},h.prototype.addLevelClass=function(){0<=this.level&&this.renderer.addClass(this.element.nativeElement,"k-level-"+this.level)},h.prototype.onWrapperFocusChange=function(e){this.wrapperFocused=e},h);function h(e,t,n,i){var r=this;this.parent=e,this.eventService=t,this.element=n,this.renderer=i,this.id="default-"+ce++,this.icon="",this.iconClass="",this.imageUrl="",this.disabled=!1,this.selected=!1,this.keepContent=!1,this.hasChildItems=!1,this.hasItems=!1,this.hasContent=!1,this.state="inactive",this.role="treeitem",this.titleAttribute=null,this.kItemClass=!0,this.focused=!1,this.wrapperFocused=!1,this.subscriptions=new c.Subscription(function(){}),this._expanded=!1,this.subscriptions.add(t.parent$.subscribe(function(e){return r.onWrapperFocusChange(e)})),this.subscriptions.add(t.keepContent$.subscribe(function(e){return r.keepContent=e})),this.wrapperFocused=!!e&&e.focused,this.level=this.parent?this.parent.level+1:0}u.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:u,deps:[{token:u,host:!0,optional:!0,skipSelf:!0},{token:le},{token:r.ElementRef},{token:r.Renderer2}],target:r.ɵɵFactoryTarget.Component}),u.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:u,selector:"kendo-panelbar-item",inputs:{title:"title",id:"id",icon:"icon",iconClass:"iconClass",imageUrl:"imageUrl",disabled:"disabled",expanded:"expanded",selected:"selected",content:"content",items:"items",template:"template"},host:{properties:{"attr.role":"this.role","attr.title":"this.titleAttribute","class.k-item":"this.kItemClass","class.k-state-default":"this.kStateDefaultClass","class.k-state-disabled":"this.kStateDisabledClass","class.k-state-expanded":"this.kStateExpandedClass",id:"this.itemId","attr.aria-expanded":"this.ariaExpanded","attr.aria-selected":"this.ariaSelected","attr.aria-disabled":"this.ariaDisabled","class.k-panelbar-header":"this.headerClass","class.k-panelbar-item":"this.childClass"}},queries:[{propertyName:"contentItems",predicate:u},{propertyName:"contentTemplate",predicate:i},{propertyName:"titleTemplates",predicate:te}],viewQueries:[{propertyName:"header",first:!0,predicate:["header"],descendants:!0},{propertyName:"contentWrapper",first:!0,predicate:["contentWrapper"],descendants:!0},{propertyName:"viewChildItems",predicate:u,descendants:!0}],exportAs:["kendoPanelbarItem"],ngImport:r,template:'\n            <span\n                #header\n                [class.k-link]="true"\n                [class.k-state-selected]="!disabled && selected"\n                [class.k-state-focused]="focused && wrapperFocused"\n                (click)="onItemClick($event)">\n                <span\n                    *ngIf="icon || iconClass"\n                    class="k-icon k-panelbar-item-icon"\n                    [ngClass]="iconClasses">\n                </span>\n                <img\n                    *ngIf="imageUrl"\n                    class="k-image k-panelbar-item-icon"\n                    [src]="imageUrl"\n                    alt="">\n                <ng-container *ngIf="!titleTemplate"><span class="k-panelbar-item-text">{{title}}</span></ng-container>\n                <ng-template *ngIf="titleTemplate" [ngTemplateOutlet]="titleTemplate"></ng-template>\n                <span *ngIf="hasChildItems || hasContent"\n                    class="k-icon k-panelbar-toggle"\n                    [ngClass]="{\'k-i-arrow-chevron-up k-panelbar-collapse\': expanded, \'k-i-arrow-chevron-down k-panelbar-expand\': !expanded}">\n                </span>\n            </span>\n            <div #contentWrapper\n                *ngIf="keepContent || (!disabled && expanded && (hasChildItems || hasContent))"\n                [@toggle]="state"\n                [attr.role]="\'group\'"\n                [attr.aria-hidden]="!disabled && !expanded">\n                <div\n                    *ngIf="hasChildItems && !items?.length"\n                    [style.overflow]="contentOverflow"\n                    [style.height]="contentHeight"\n                    class="k-panel k-group k-panelbar-group">\n                        <ng-content select="kendo-panelbar-item"></ng-content>\n                </div>\n                <div\n                    *ngIf="hasContent && !content"\n                    [style.overflow]="contentOverflow"\n                    [style.height]="contentHeight"\n                    class="k-content k-panelbar-content">\n                    <ng-template\n                        [ngTemplateOutlet]="contentTemplate.first.templateRef"\n                        [ngTemplateOutletContext]="{\n                            $implicit: {\n                                title: title,\n                                id: id,\n                                icon: icon,\n                                imageUrl: imageUrl,\n                                disabled: disabled,\n                                content: content\n                            }\n                        }">\n                    </ng-template>\n                </div>\n                <div *ngIf="hasItems"\n                    [style.overflow]="contentOverflow"\n                    [style.height]="contentHeight"\n                    class="k-panel k-group k-panelbar-group">\n                    <ng-container *ngFor="let item of items">\n                        <kendo-panelbar-item *ngIf="!item.hidden"\n                            [title]="item.title"\n                            [id]="item.id"\n                            [icon]="item.icon"\n                            [iconClass]="item.iconClass"\n                            [imageUrl]="item.imageUrl"\n                            [selected]="!!item.selected"\n                            [expanded]="!!item.expanded"\n                            [disabled]="!!item.disabled"\n                            [template]="template"\n                            [items]="item.children"\n                            [content]="item.content">\n                        </kendo-panelbar-item>\n                    </ng-container>\n                </div>\n                <div\n                    *ngIf="content"\n                    [style.overflow]="contentOverflow"\n                    [style.height]="contentHeight"\n                    class="k-content k-panelbar-content">\n                    <ng-template\n                        [ngTemplateOutlet]="template"\n                        [ngTemplateOutletContext]="{\n                            $implicit: {\n                                title: title,\n                                id: id,\n                                icon: icon,\n                                imageUrl: imageUrl,\n                                disabled: disabled,\n                                content: content\n                            }\n                        }">\n                    </ng-template>\n                    <ng-template [ngIf]="!template">{{content}}</ng-template>\n                </div>\n            </div>',isInline:!0,components:[{type:u,selector:"kendo-panelbar-item",inputs:["title","id","icon","iconClass","imageUrl","disabled","expanded","selected","content","items","template"],exportAs:["kendoPanelbarItem"]}],directives:[{type:d.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:d.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:d.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]},{type:d.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]}],animations:[p.trigger("toggle",[p.state("inactive",p.style({display:"none"})),p.transition("* => active",[p.style({overflow:"hidden",display:"block",height:0}),p.animate(200,p.style({height:p.AUTO_STYLE}))]),p.transition("active => *",[p.style({overflow:"hidden",height:p.AUTO_STYLE}),p.animate(200,p.style({height:0,display:"none"}))])])]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:u,decorators:[{type:a.Component,args:[{animations:[p.trigger("toggle",[p.state("inactive",p.style({display:"none"})),p.transition("* => active",[p.style({overflow:"hidden",display:"block",height:0}),p.animate(200,p.style({height:p.AUTO_STYLE}))]),p.transition("active => *",[p.style({overflow:"hidden",height:p.AUTO_STYLE}),p.animate(200,p.style({height:0,display:"none"}))])])],exportAs:"kendoPanelbarItem",selector:"kendo-panelbar-item",template:'\n            <span\n                #header\n                [class.k-link]="true"\n                [class.k-state-selected]="!disabled && selected"\n                [class.k-state-focused]="focused && wrapperFocused"\n                (click)="onItemClick($event)">\n                <span\n                    *ngIf="icon || iconClass"\n                    class="k-icon k-panelbar-item-icon"\n                    [ngClass]="iconClasses">\n                </span>\n                <img\n                    *ngIf="imageUrl"\n                    class="k-image k-panelbar-item-icon"\n                    [src]="imageUrl"\n                    alt="">\n                <ng-container *ngIf="!titleTemplate"><span class="k-panelbar-item-text">{{title}}</span></ng-container>\n                <ng-template *ngIf="titleTemplate" [ngTemplateOutlet]="titleTemplate"></ng-template>\n                <span *ngIf="hasChildItems || hasContent"\n                    class="k-icon k-panelbar-toggle"\n                    [ngClass]="{\'k-i-arrow-chevron-up k-panelbar-collapse\': expanded, \'k-i-arrow-chevron-down k-panelbar-expand\': !expanded}">\n                </span>\n            </span>\n            <div #contentWrapper\n                *ngIf="keepContent || (!disabled && expanded && (hasChildItems || hasContent))"\n                [@toggle]="state"\n                [attr.role]="\'group\'"\n                [attr.aria-hidden]="!disabled && !expanded">\n                <div\n                    *ngIf="hasChildItems && !items?.length"\n                    [style.overflow]="contentOverflow"\n                    [style.height]="contentHeight"\n                    class="k-panel k-group k-panelbar-group">\n                        <ng-content select="kendo-panelbar-item"></ng-content>\n                </div>\n                <div\n                    *ngIf="hasContent && !content"\n                    [style.overflow]="contentOverflow"\n                    [style.height]="contentHeight"\n                    class="k-content k-panelbar-content">\n                    <ng-template\n                        [ngTemplateOutlet]="contentTemplate.first.templateRef"\n                        [ngTemplateOutletContext]="{\n                            $implicit: {\n                                title: title,\n                                id: id,\n                                icon: icon,\n                                imageUrl: imageUrl,\n                                disabled: disabled,\n                                content: content\n                            }\n                        }">\n                    </ng-template>\n                </div>\n                <div *ngIf="hasItems"\n                    [style.overflow]="contentOverflow"\n                    [style.height]="contentHeight"\n                    class="k-panel k-group k-panelbar-group">\n                    <ng-container *ngFor="let item of items">\n                        <kendo-panelbar-item *ngIf="!item.hidden"\n                            [title]="item.title"\n                            [id]="item.id"\n                            [icon]="item.icon"\n                            [iconClass]="item.iconClass"\n                            [imageUrl]="item.imageUrl"\n                            [selected]="!!item.selected"\n                            [expanded]="!!item.expanded"\n                            [disabled]="!!item.disabled"\n                            [template]="template"\n                            [items]="item.children"\n                            [content]="item.content">\n                        </kendo-panelbar-item>\n                    </ng-container>\n                </div>\n                <div\n                    *ngIf="content"\n                    [style.overflow]="contentOverflow"\n                    [style.height]="contentHeight"\n                    class="k-content k-panelbar-content">\n                    <ng-template\n                        [ngTemplateOutlet]="template"\n                        [ngTemplateOutletContext]="{\n                            $implicit: {\n                                title: title,\n                                id: id,\n                                icon: icon,\n                                imageUrl: imageUrl,\n                                disabled: disabled,\n                                content: content\n                            }\n                        }">\n                    </ng-template>\n                    <ng-template [ngIf]="!template">{{content}}</ng-template>\n                </div>\n            </div>'}]}],ctorParameters:function(){return[{type:u,decorators:[{type:a.SkipSelf},{type:a.Host},{type:a.Optional}]},{type:le},{type:r.ElementRef},{type:r.Renderer2}]},propDecorators:{title:[{type:a.Input}],id:[{type:a.Input}],icon:[{type:a.Input}],iconClass:[{type:a.Input}],imageUrl:[{type:a.Input}],disabled:[{type:a.Input}],expanded:[{type:a.Input}],selected:[{type:a.Input}],content:[{type:a.Input}],items:[{type:a.Input}],template:[{type:a.Input}],header:[{type:a.ViewChild,args:["header",{static:!1}]}],contentWrapper:[{type:a.ViewChild,args:["contentWrapper",{static:!1}]}],role:[{type:a.HostBinding,args:["attr.role"]}],titleAttribute:[{type:a.HostBinding,args:["attr.title"]}],kItemClass:[{type:a.HostBinding,args:["class.k-item"]}],kStateDefaultClass:[{type:a.HostBinding,args:["class.k-state-default"]}],kStateDisabledClass:[{type:a.HostBinding,args:["class.k-state-disabled"]}],kStateExpandedClass:[{type:a.HostBinding,args:["class.k-state-expanded"]}],itemId:[{type:a.HostBinding,args:["id"]}],ariaExpanded:[{type:a.HostBinding,args:["attr.aria-expanded"]}],ariaSelected:[{type:a.HostBinding,args:["attr.aria-selected"]}],ariaDisabled:[{type:a.HostBinding,args:["attr.aria-disabled"]}],headerClass:[{type:a.HostBinding,args:["class.k-panelbar-header"]}],childClass:[{type:a.HostBinding,args:["class.k-panelbar-item"]}],viewChildItems:[{type:a.ViewChildren,args:[u]}],contentItems:[{type:a.ContentChildren,args:[u]}],contentTemplate:[{type:a.ContentChildren,args:[i,{descendants:!1}]}],titleTemplates:[{type:a.ContentChildren,args:[te,{descendants:!1}]}]}});var de=function(e){this.templateRef=e},ge=(de.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:de,deps:[{token:r.TemplateRef,optional:!0}],target:r.ɵɵFactoryTarget.Directive}),de.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:de,selector:"[kendoPanelBarItemTemplate]",ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:de,decorators:[{type:a.Directive,args:[{selector:"[kendoPanelBarItemTemplate]"}]}],ctorParameters:function(){return[{type:r.TemplateRef,decorators:[{type:a.Optional}]}]}}),Object.defineProperty(m.prototype,"keepItemContent",{get:function(){return this._keepItemContent},set:function(e){this._keepItemContent=e,this.eventService.onKeepContent(e)},enumerable:!1,configurable:!0}),Object.defineProperty(m.prototype,"items",{get:function(){return this._items},set:function(e){e&&(this._items=A(e))},enumerable:!1,configurable:!0}),Object.defineProperty(m.prototype,"hostHeight",{get:function(){return this.expandMode===s.PanelBarExpandMode.Full?this.height:"auto"},enumerable:!1,configurable:!0}),Object.defineProperty(m.prototype,"overflow",{get:function(){return this.expandMode===s.PanelBarExpandMode.Full?"hidden":"visible"},enumerable:!1,configurable:!0}),Object.defineProperty(m.prototype,"dir",{get:function(){return this.localization.rtl?"rtl":"ltr"},enumerable:!1,configurable:!0}),m.prototype.invertKeys=function(e,t){return this.localization.rtl?t:e},Object.defineProperty(m.prototype,"computedKeys",{get:function(){var e=this,t={};return t[l.Keys.Space]=function(){return e.selectFocusedItem()},t[l.Keys.Enter]=function(){return e.selectFocusedItem()},t[l.Keys.ArrowUp]=function(){return e.focusPreviousItem()},t[this.invertKeys(l.Keys.ArrowLeft,l.Keys.ArrowRight)]=function(){return e.collapseItem()},t[l.Keys.ArrowDown]=function(){return e.focusNextItem()},t[this.invertKeys(l.Keys.ArrowRight,l.Keys.ArrowLeft)]=function(){return e.expandItem()},t[l.Keys.End]=function(){return e.focusLastItem()},t[l.Keys.Home]=function(){return e.focusFirstItem()},t},enumerable:!1,configurable:!0}),m.prototype.ngOnDestroy=function(){this.localizationChangeSubscription&&this.localizationChangeSubscription.unsubscribe()},m.prototype.ngOnInit=function(){var e=this;this.localizationChangeSubscription=this.localization.changes.subscribe(function(){return e.keyBindings=e.computedKeys}),this.eventService.animate=this.animate,this.eventService.expandMode=this.expandMode},m.prototype.ngAfterViewChecked=function(){var e=this;this.items?(this.childrenItems=this.viewChildItems.toArray(),this.allItems=this.viewItems):(this.childrenItems=this.contentChildItems.toArray(),this.allItems=this.contentItems.toArray()),this.isViewInit&&this.childrenItems.length&&(this.isViewInit=!1,setTimeout(function(){return e.updateChildrenHeight()})),this.validateConfiguration()},m.prototype.ngOnChanges=function(e){(e.height||e.expandMode||e.items)&&this.childrenItems&&setTimeout(this.updateChildrenHeight),e.animate&&(this.eventService.animate=this.animate),e.expandMode&&(this.eventService.expandMode=this.expandMode)},Object.defineProperty(m.prototype,"templateRef",{get:function(){return this.template?this.template.templateRef:void 0},enumerable:!1,configurable:!0}),m.prototype.onComponentClick=function(t){var e=this.visibleItems().some(function(e){return e.header.nativeElement.contains(t.target)});W(t.target)||this.focused||!e||this.elementRef.nativeElement.focus()},m.prototype.onComponentFocus=function(){var e;this.eventService.onFocus(),this.focused=!0,0<this.allItems.length&&(!(e=this.visibleItems()).filter(function(e){return e.focused}).length&&0<e.length&&(e[0].focused=!0,this.activeDescendant=e[0].itemId))},m.prototype.onComponentBlur=function(){this.eventService.onBlur(),this.focused=!1,this.activeDescendant=""},m.prototype.onComponentKeyDown=function(e){e.target===this.elementRef.nativeElement&&(e.keyCode!==l.Keys.Space&&e.keyCode!==l.Keys.ArrowUp&&e.keyCode!==l.Keys.ArrowDown&&e.keyCode!==l.Keys.ArrowLeft&&e.keyCode!==l.Keys.ArrowRight&&e.keyCode!==l.Keys.Home&&e.keyCode!==l.Keys.End&&e.keyCode!==l.Keys.PageUp&&e.keyCode!==l.Keys.PageDown||e.preventDefault(),(e=this.keyBindings[e.keyCode])&&e())},Object.defineProperty(m.prototype,"viewItems",{get:function(){var t=[];return this.viewChildItems.toArray().forEach(function(e){t.push(e),t=t.concat(e.subTreeViewItems())}),t},enumerable:!1,configurable:!0}),m.prototype.validateConfiguration=function(){if(a.isDevMode()&&this.items&&this.contentItems&&0<this.contentItems.length)throw new Error("Invalid configuration: mixed template components and items property.")},m.prototype.onItemAction=function(i){var r,e,o=this;i&&(r=new Array,this.allItems.forEach(function(e){var t=n=e===i,n=o.selectable?n:e.selected;e.selected===n&&e.focused===t||(e.selected=n,e.focused=t,o.activeDescendant=t?e.itemId:"",r.push(e))}),this.expandMode===s.PanelBarExpandMode.Multiple?((i.hasChildItems||i.hasContent)&&(i.expanded=!i.expanded),r.indexOf(i)<0&&r.push(i)):(e=(i.parent||this).childrenItems,(i.hasChildItems||i.hasContent)&&e.forEach(function(e){var t=e===i;e.expanded!==t&&(e.expanded=t,r.indexOf(e)<0&&r.push(e))})),0<r.length&&this.stateChange.emit(r.map(function(e){return e.serialize()})))},m.prototype.isVisible=function(t){return this.visibleItems().some(function(e){return e===t})},m.prototype.getVisibleParent=function(t){var e=this.visibleItems();return t.parent?e.some(function(e){return e===t.parent})?t.parent:this.getVisibleParent(t.parent):t},m.prototype.focusItem=function(e){var t,n,i=this.visibleItems(),r=i.findIndex(function(e){return e.focused}),o=i[r];switch(-1===r&&((n=this.allItems.find(function(e){return e.focused})).focused=!1,o=this.getVisibleParent(n),r=i.findIndex(function(e){return e===o})),e){case"lastItem":t=i[i.length-1];break;case"firstItem":t=i[0];break;case"nextItem":t=i[r<i.length-1?r+1:0];break;case"previousItem":t=i[0<r?r-1:i.length-1]}o&&t&&o!==t&&this.moveFocus(o,t)},m.prototype.moveFocus=function(e,t){e.focused=!1,t.focused=!0,this.activeDescendant=t.itemId;e=new Array(e.serialize(),t.serialize());this.stateChange.emit(e)},m.prototype.focusLastItem=function(){this.focusItem("lastItem")},m.prototype.focusFirstItem=function(){this.focusItem("firstItem")},m.prototype.focusNextItem=function(){this.focusItem("nextItem")},m.prototype.focusPreviousItem=function(){this.focusItem("previousItem")},m.prototype.expandItem=function(){var e,t=this.allItems.filter(function(e){return e.focused})[0];this.isVisible(t)||(t.focused=!1,t=this.getVisibleParent(t)),(t.hasChildItems||t.hasContent)&&(t.expanded?t.hasChildItems&&-1<(e=t.childrenItems.findIndex(function(e){return!e.disabled}))&&this.moveFocus(t,t.childrenItems[e]):this.onItemAction(t))},m.prototype.collapseItem=function(){var e=this.allItems.filter(function(e){return e.focused})[0];e.expanded?this.onItemAction(e):e.parent&&this.moveFocus(e,e.parent)},m.prototype.selectFocusedItem=function(){var e=this.allItems.filter(function(e){return e.focused})[0];this.isVisible(e)||(e.focused=!1,e=this.getVisibleParent(e)),e&&e.onItemAction()},m.prototype.visibleItems=function(){return this.flatVisibleItems(this.childrenItems)},m.prototype.flatVisibleItems=function(e,t){var n=this;return void 0===e&&(e=new Array),void 0===t&&(t=new Array),e.forEach(function(e){t.push(e),e.expanded&&e.hasChildItems&&n.flatVisibleItems(e.childrenItems,t)}),t},m);function m(e,t,n){var r=this;this.localization=n,this.expandMode=s.PanelBarExpandMode.Default,this.selectable=!0,this.animate=!0,this.height="400px",this.stateChange=new a.EventEmitter,this.tabIndex=0,this.role="tree",this.hostClass=!0,this.activeDescendant="",this.isViewInit=!0,this.focused=!1,this._keepItemContent=!1,this.updateChildrenHeight=function(){var t=0,n=r.elementRef.nativeElement.offsetHeight,i=r.expandMode===s.PanelBarExpandMode.Full?"auto":"visible";r.childrenItems.forEach(function(e){t+=e.headerHeight()}),r.childrenItems.forEach(function(e){e.contentHeight=s.PanelBarExpandMode.Full===r.expandMode?n-t+"px":"auto",e.contentOverflow=i})},L.validatePackage(ee),this.keyBindings=this.computedKeys,this.elementRef=e,this.eventService=t,this.eventService.children$.subscribe(function(e){return r.onItemAction(e)})}ge.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:ge,deps:[{token:r.ElementRef},{token:le},{token:o.LocalizationService}],target:r.ɵɵFactoryTarget.Component}),ge.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:ge,selector:"kendo-panelbar",inputs:{expandMode:"expandMode",selectable:"selectable",animate:"animate",height:"height",keepItemContent:"keepItemContent",items:"items"},outputs:{stateChange:"stateChange"},host:{listeners:{click:"onComponentClick($event)",focus:"onComponentFocus()",blur:"onComponentBlur()",keydown:"onComponentKeyDown($event)"},properties:{"attr.tabIndex":"this.tabIndex","attr.role":"this.role","class.k-panelbar":"this.hostClass","attr.aria-activedescendant":"this.activeDescendant","style.height":"this.hostHeight","style.overflow":"this.overflow","attr.dir":"this.dir"}},providers:[le,e.LocalizationService,{provide:e.L10N_PREFIX,useValue:"kendo.panelbar"}],queries:[{propertyName:"template",first:!0,predicate:de,descendants:!0},{propertyName:"contentItems",predicate:u,descendants:!0},{propertyName:"contentChildItems",predicate:u}],viewQueries:[{propertyName:"viewChildItems",predicate:u,descendants:!0}],exportAs:["kendoPanelbar"],usesOnChanges:!0,ngImport:r,template:'\n        <ng-content *ngIf="contentChildItems && !items" select="kendo-panelbar-item"></ng-content>\n        <ng-template [ngIf]="items?.length">\n            <ng-container *ngFor="let item of items">\n                <kendo-panelbar-item *ngIf="!item.hidden"\n                     [title]="item.title"\n                     [id]="item.id"\n                     [icon]="item.icon"\n                     [iconClass]="item.iconClass"\n                     [imageUrl]="item.imageUrl"\n                     [selected]="!!item.selected"\n                     [expanded]="!!item.expanded"\n                     [disabled]="!!item.disabled"\n                     [template]="templateRef"\n                     [items]="item.children"\n                     [content]="item.content"\n                >\n                </kendo-panelbar-item>\n            </ng-container>\n        </ng-template>\n    ',isInline:!0,components:[{type:u,selector:"kendo-panelbar-item",inputs:["title","id","icon","iconClass","imageUrl","disabled","expanded","selected","content","items","template"],exportAs:["kendoPanelbarItem"]}],directives:[{type:d.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:d.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]}]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:ge,decorators:[{type:a.Component,args:[{exportAs:"kendoPanelbar",providers:[le,e.LocalizationService,{provide:e.L10N_PREFIX,useValue:"kendo.panelbar"}],selector:"kendo-panelbar",template:'\n        <ng-content *ngIf="contentChildItems && !items" select="kendo-panelbar-item"></ng-content>\n        <ng-template [ngIf]="items?.length">\n            <ng-container *ngFor="let item of items">\n                <kendo-panelbar-item *ngIf="!item.hidden"\n                     [title]="item.title"\n                     [id]="item.id"\n                     [icon]="item.icon"\n                     [iconClass]="item.iconClass"\n                     [imageUrl]="item.imageUrl"\n                     [selected]="!!item.selected"\n                     [expanded]="!!item.expanded"\n                     [disabled]="!!item.disabled"\n                     [template]="templateRef"\n                     [items]="item.children"\n                     [content]="item.content"\n                >\n                </kendo-panelbar-item>\n            </ng-container>\n        </ng-template>\n    '}]}],ctorParameters:function(){return[{type:r.ElementRef},{type:le},{type:o.LocalizationService}]},propDecorators:{expandMode:[{type:a.Input}],selectable:[{type:a.Input}],animate:[{type:a.Input}],height:[{type:a.Input}],keepItemContent:[{type:a.Input}],items:[{type:a.Input}],stateChange:[{type:a.Output}],tabIndex:[{type:a.HostBinding,args:["attr.tabIndex"]}],role:[{type:a.HostBinding,args:["attr.role"]}],hostClass:[{type:a.HostBinding,args:["class.k-panelbar"]}],activeDescendant:[{type:a.HostBinding,args:["attr.aria-activedescendant"]}],hostHeight:[{type:a.HostBinding,args:["style.height"]}],overflow:[{type:a.HostBinding,args:["style.overflow"]}],dir:[{type:a.HostBinding,args:["attr.dir"]}],template:[{type:a.ContentChild,args:[de,{static:!1}]}],contentItems:[{type:a.ContentChildren,args:[u,{descendants:!0}]}],contentChildItems:[{type:a.ContentChildren,args:[u]}],viewChildItems:[{type:a.ViewChildren,args:[u]}],onComponentClick:[{type:a.HostListener,args:["click",["$event"]]}],onComponentFocus:[{type:a.HostListener,args:["focus"]}],onComponentBlur:[{type:a.HostListener,args:["blur"]}],onComponentKeyDown:[{type:a.HostListener,args:["keydown",["$event"]]}]}});var ue=function(e,t){return(ue=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}ue(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}Object.create;function me(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],i=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return{value:(e=e&&i>=e.length?void 0:e)&&e[i++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function y(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var i,r,o=n.call(e),s=[];try{for(;(void 0===t||0<t--)&&!(i=o.next()).done;)s.push(i.value)}catch(e){r={error:e}}finally{try{i&&!i.done&&(n=o.return)&&n.call(o)}finally{if(r)throw r.error}}return s}function f(e,t,n){if(n||2===arguments.length)for(var i,r=0,o=t.length;r<o;r++)!i&&r in t||((i=i||Array.prototype.slice.call(t,0,r))[r]=t[r]);return e.concat(i||Array.prototype.slice.call(t))}Object.create;Object.defineProperty(fe.prototype,"order",{get:function(){return this._order},set:function(e){this._order=e,this.setOrderStyles()},enumerable:!1,configurable:!0}),Object.defineProperty(fe.prototype,"size",{get:function(){return this._size},set:function(e){this._size=e;var t=this.element.nativeElement;this.renderer.setStyle(t,"-ms-flex-preferred-size",e),this.renderer.setStyle(t,"flex-basis",e),this.staticPaneClass?this.renderer.addClass(t,"k-pane-static"):this.renderer.removeClass(t,"k-pane-static")},enumerable:!1,configurable:!0}),Object.defineProperty(fe.prototype,"containsSplitter",{set:function(e){var t=this.element.nativeElement;e?this.renderer.addClass(t,"k-pane-flex"):this.renderer.removeClass(t,"k-pane-flex")},enumerable:!1,configurable:!0}),Object.defineProperty(fe.prototype,"isHidden",{get:function(){return this.collapsed},enumerable:!1,configurable:!0}),Object.defineProperty(fe.prototype,"staticPaneClass",{get:function(){return!this.forceExpand&&(!this.resizable&&!this.collapsible||this.fixedSize)},enumerable:!1,configurable:!0}),Object.defineProperty(fe.prototype,"scrollablePaneClass",{get:function(){return this.scrollable},enumerable:!1,configurable:!0}),Object.defineProperty(fe.prototype,"fixedSize",{get:function(){return this.size&&0<this.size.length},enumerable:!1,configurable:!0}),fe.prototype.ngAfterViewChecked=function(){var e=this.element.nativeElement;this.isHidden?(this.renderer.addClass(e,"k-state-hidden"),this.renderer.addClass(e,"hidden")):(this.renderer.removeClass(e,"k-state-hidden"),this.renderer.removeClass(e,"hidden"))},Object.defineProperty(fe.prototype,"computedSize",{get:function(){return"vertical"===this.orientation?this.element.nativeElement.offsetHeight:this.element.nativeElement.offsetWidth},enumerable:!1,configurable:!0}),fe.prototype.toggleOverlay=function(e){this.overlayContent=e,this.cdr.detectChanges()},fe.prototype.detectChanges=function(){this.cdr.detectChanges()},fe.prototype.setOrderStyles=function(){var e=this.element.nativeElement;this.renderer.setStyle(e,"-ms-flex-order",this.order),this.renderer.setStyle(e,"order",this.order)};var ye=fe;function fe(e,t,n){this.element=e,this.renderer=t,this.cdr=n,this.resizable=!0,this.collapsible=!1,this.scrollable=!0,this.collapsed=!1,this.orientation="horizontal",this.overlayContent=!1,this.sizeChange=new a.EventEmitter,this.collapsedChange=new a.EventEmitter,this.hostClass=!0,this.forceExpand=!1,this.isResized=!1}ye.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:ye,deps:[{token:r.ElementRef},{token:r.Renderer2},{token:r.ChangeDetectorRef}],target:r.ɵɵFactoryTarget.Component}),ye.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:ye,selector:"kendo-splitter-pane",inputs:{order:"order",size:"size",min:"min",max:"max",resizable:"resizable",collapsible:"collapsible",scrollable:"scrollable",collapsed:"collapsed",orientation:"orientation",containsSplitter:"containsSplitter",overlayContent:"overlayContent"},outputs:{sizeChange:"sizeChange",collapsedChange:"collapsedChange"},host:{properties:{"class.k-pane":"this.hostClass","class.k-pane-static":"this.staticPaneClass","class.k-scrollable":"this.scrollablePaneClass"}},exportAs:["kendoSplitterPane"],ngImport:r,template:'\n        <ng-container *ngIf="!collapsed"><ng-content></ng-content></ng-container>\n        <div *ngIf="overlayContent" class="k-splitter-overlay k-overlay"></div>\n    ',isInline:!0,directives:[{type:d.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]}]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:ye,decorators:[{type:a.Component,args:[{exportAs:"kendoSplitterPane",selector:"kendo-splitter-pane",template:'\n        <ng-container *ngIf="!collapsed"><ng-content></ng-content></ng-container>\n        <div *ngIf="overlayContent" class="k-splitter-overlay k-overlay"></div>\n    '}]}],ctorParameters:function(){return[{type:r.ElementRef},{type:r.Renderer2},{type:r.ChangeDetectorRef}]},propDecorators:{order:[{type:a.Input}],size:[{type:a.Input}],min:[{type:a.Input}],max:[{type:a.Input}],resizable:[{type:a.Input}],collapsible:[{type:a.Input}],scrollable:[{type:a.Input}],collapsed:[{type:a.Input}],orientation:[{type:a.Input}],containsSplitter:[{type:a.Input}],overlayContent:[{type:a.Input}],sizeChange:[{type:a.Output}],collapsedChange:[{type:a.Output}],hostClass:[{type:a.HostBinding,args:["class.k-pane"]}],staticPaneClass:[{type:a.HostBinding,args:["class.k-pane-static"]}],scrollablePaneClass:[{type:a.HostBinding,args:["class.k-scrollable"]}]}});ve.prototype.tryToggle=function(e){var e=this.pane(e),t=(e.collapsible&&(e.collapsed=!e.collapsed,e.collapsedChange.emit(e.collapsed),this.emit(this.layoutChange,{}),e.collapsed&&e.detectChanges()),this.panes.filter(function(e){return!e.collapsed})),n=t.every(function(e){return e.fixedSize});return t[t.length-1].forceExpand=!!n,e.collapsible},ve.prototype.toggleContentOverlay=function(e,t){this.pane(e).toggleOverlay(t),this.pane(e+1).toggleOverlay(t)},ve.prototype.dragState=function(e){function t(e){return n.toPixels(e)}var n=this,i=this.pane(e),r=this.pane(e+1),o=i.computedSize+r.computedSize;return{prev:{index:e,initialSize:i.computedSize,min:t(i.min)||o-t(r.max)||0,max:t(i.max)||o-t(r.min)||o},next:{index:e+1,initialSize:r.computedSize,min:t(r.min)||o-t(i.max)||0,max:t(r.max)||o-t(i.min)||o}}},ve.prototype.setSize=function(e,t){function n(e,t){var n=r.pane(e.index),i=r.containerSize(),e=o(e.min,e.max,e.initialSize+t),t="",t=r.isPercent(n.size)?100*e/i+"%":e+"px";n.size=t,n.isResized=!0,r.emit(n.sizeChange,t)}var r=this,o=function(e,t,n){return Math.min(t,Math.max(e,n))},i=this.pane(e.prev.index),s=this.pane(e.next.index);i.fixedSize&&s.fixedSize?(n(e.prev,t),n(e.next,-t)):s.collapsible||s.fixedSize?n(e.next,-t):n(e.prev,t),this.emit(this.layoutChange,{})},ve.prototype.isDraggable=function(e){var t=this.pane(e),e=this.pane(e+1),n=t.resizable&&e.resizable,t=t.collapsed||e.collapsed;return n&&!t},ve.prototype.isStatic=function(e){var t=this.pane(e),e=this.pane(e+1),n=t.resizable&&e.resizable,t=t.collapsible||e.collapsible;return!n&&!t},ve.prototype.pane=function(e){if(!this.panes)throw new Error("Panes not initialized");if(e<0||e>=this.panes.length)throw new Error("Index out of range");return this.panes[e]},ve.prototype.configure=function(e){var t=e.panes,n=e.orientation,e=e.containerSize;if(this.panes=t,this.panes.forEach(function(e,t){e.order=2*t,e.orientation=n}),a.isDevMode()){var i=t.length&&!t.some(function(e){return!e.fixedSize}),t=t.length&&t.some(function(e){return e.isResized});if(i&&!t)throw new Error("\n                    The Splitter should have at least one pane without a set size.\n                    See https://www.telerik.com/kendo-angular-ui/components/layout/splitter/panes/#toc-size for more information.\n                ")}this.containerSize=e},ve.prototype.isPercent=function(e){return/%$/.test(e)},ve.prototype.toPixels=function(e){var t=parseFloat(e);return t=this.isPercent(e)?this.containerSize()*t/100:t},ve.prototype.emit=function(e,t){e.observers.length&&this.zone.run(function(){return e.emit(t)})};var be=ve;function ve(e){this.zone=e,this.layoutChange=new a.EventEmitter,this.containerSize=function(){}}be.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:be,deps:[{token:r.NgZone}],target:r.ɵɵFactoryTarget.Injectable}),be.ɵprov=r.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:be}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:be,decorators:[{type:a.Injectable}],ctorParameters:function(){return[{type:r.NgZone}]}});function Ce(e){(e=e.originalEvent).stopPropagation(),e.preventDefault()}function Ie(t){return Object.keys(t).filter(function(e){return t[e]}).join(" ")}Object.defineProperty(v.prototype,"direction",{get:function(){return this.localization.rtl?"rtl":"ltr"},enumerable:!1,configurable:!0}),Object.defineProperty(v.prototype,"tabIndex",{get:function(){return this.splitter.isStatic(this.index)?-1:0},enumerable:!1,configurable:!0}),Object.defineProperty(v.prototype,"hostClasses",{get:function(){var e="horizontal"===this.orientation,t=this.splitter.isDraggable(this.index),n=this.splitter.isStatic(this.index);return Ie({"k-state-focused":this.focused,"k-splitbar":!0,"k-splitbar-horizontal":e,"k-splitbar-vertical":!e,"k-splitbar-draggable-horizontal":e&&t,"k-splitbar-draggable-vertical":!e&&t,"k-splitbar-static-horizontal":e&&n,"k-splitbar-static-vertical":!e&&n,"k-touch-action-none":t})},enumerable:!1,configurable:!0}),Object.defineProperty(v.prototype,"order",{get:function(){return 2*this.index+1},enumerable:!1,configurable:!0}),v.prototype.collapseAny=function(){this.expandLast?this.toggleNext():this.tryToggleNearest()},v.prototype.onFocusIn=function(){this.focused=!0},v.prototype.onFocusOut=function(){this.focused=!1},v.prototype.onKeyDown=function(n){function e(e){n.preventDefault();var t=i.splitter.dragState(i.index);i.splitter.setSize(t,e)}var i=this,t=n&&n.keyCode,r="horizontal"===this.orientation;t===l.Keys.Enter?(n.preventDefault(),this.collapseAny()):r&&t===l.Keys.ArrowLeft?e(-10):r&&t===l.Keys.ArrowRight?e(10):r||t!==l.Keys.ArrowUp?r||t!==l.Keys.ArrowDown||e(10):e(-10)},Object.defineProperty(v.prototype,"expandLast",{get:function(){var e=this.splitter.panes;return 2===e.length&&e[1].collapsed},enumerable:!1,configurable:!0}),v.prototype.ngOnInit=function(){var r,e,t,o=this,n=this.draggable.kendoPress.pipe(H.tap(Ce),H.filter(function(){return o.splitter.isDraggable(o.index)}),H.tap(function(){return r=o.splitter.dragState(o.index)}),H.tap(function(){return o.splitter.toggleContentOverlay(o.index,!0)}),H.switchMap((t=this.draggable.kendoRelease,function(e){return c.of(e).pipe(H.delay(150),H.takeUntil(t))})),H.switchMap((e=this.draggable,function(n){return e.kendoDrag.pipe(H.takeUntil(e.kendoRelease),H.map(function(e){var t=e.pageX,e=e.pageY;return{originalX:n.pageX,originalY:n.pageY,pageX:t,pageY:e}}))}))).subscribe(function(e){var t=e.pageX,n=e.pageY,i=e.originalX,e=e.originalY,n="vertical"===o.orientation?n-e:"rtl"===o.direction?i-t:t-i;o.splitter.setSize(r,n)});this.subscriptions.add(n),this.subscriptions.add(this.draggable.kendoRelease.subscribe(function(){return o.splitter.toggleContentOverlay(o.index,!1)}))},v.prototype.ngOnDestroy=function(){this.subscriptions&&this.subscriptions.unsubscribe()},v.prototype.togglePrevious=function(){this.splitter.tryToggle(this.index)},v.prototype.toggleNext=function(){this.splitter.tryToggle(this.index+1)},v.prototype.previousArrowClass=function(){var e=this.splitter.pane(this.index),t=this.splitter.pane(this.index+1),n=e.collapsible,e=e.collapsed,i="horizontal"===this.orientation;return Ie({"k-icon":!0,"k-hidden":!n||t.isHidden,"k-collapse-prev":n,"k-i-arrow-60-left":n&&i&&!e,"k-i-arrow-60-right":n&&i&&e,"k-i-arrow-60-up":n&&!i&&!e,"k-i-arrow-60-down":n&&!i&&e})},v.prototype.nextArrowClass=function(){var e=this.splitter.pane(this.index+1),t=this.splitter.pane(this.index),n=e.collapsible,e=e.collapsed,i="horizontal"===this.orientation;return Ie({"k-icon":!0,"k-hidden":!n||t.isHidden,"k-collapse-next":n,"k-i-arrow-60-right":n&&i&&!e,"k-i-arrow-60-left":n&&i&&e,"k-i-arrow-60-down":n&&!i&&!e,"k-i-arrow-60-up":n&&!i&&e})},v.prototype.tryToggleNearest=function(){var e=this.index,t=this.index+1;this.splitter.tryToggle(e)||this.splitter.tryToggle(t)};var b=v;function v(e,t,n,i){this.draggable=e,this.element=t,this.splitter=n,this.localization=i,this.orientation="horizontal",this.index=0,this.ariaRole="separator",this.focused=!1,this.subscriptions=new c.Subscription}b.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:b,deps:[{token:q.DraggableDirective,host:!0},{token:r.ElementRef},{token:be},{token:o.LocalizationService}],target:r.ɵɵFactoryTarget.Component}),b.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:b,selector:"kendo-splitter-bar",inputs:{orientation:"orientation",index:"index"},host:{listeners:{dblclick:"collapseAny()",focusin:"onFocusIn()",focusout:"onFocusOut()",keydown:"onKeyDown($event)"},properties:{"attr.aria-orientation":"this.orientation","attr.role":"this.ariaRole","class.k-state-focused":"this.focused","attr.tabindex":"this.tabIndex",class:"this.hostClasses","style.-ms-flex-order":"this.order","style.order":"this.order"}},ngImport:r,template:'\n      <div [class]="previousArrowClass()" (click)="togglePrevious()"></div>\n      <div class="k-resize-handle"></div>\n      <div [class]="nextArrowClass()" (click)="toggleNext()"></div>\n    ',isInline:!0}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:b,decorators:[{type:a.Component,args:[{selector:"kendo-splitter-bar",template:'\n      <div [class]="previousArrowClass()" (click)="togglePrevious()"></div>\n      <div class="k-resize-handle"></div>\n      <div [class]="nextArrowClass()" (click)="toggleNext()"></div>\n    '}]}],ctorParameters:function(){return[{type:q.DraggableDirective,decorators:[{type:a.Host}]},{type:r.ElementRef},{type:be},{type:o.LocalizationService}]},propDecorators:{orientation:[{type:a.Input},{type:a.HostBinding,args:["attr.aria-orientation"]}],index:[{type:a.Input}],ariaRole:[{type:a.HostBinding,args:["attr.role"]}],focused:[{type:a.HostBinding,args:["class.k-state-focused"]}],tabIndex:[{type:a.HostBinding,args:["attr.tabindex"]}],hostClasses:[{type:a.HostBinding,args:["class"]}],order:[{type:a.HostBinding,args:["style.-ms-flex-order"]},{type:a.HostBinding,args:["style.order"]}],collapseAny:[{type:a.HostListener,args:["dblclick"]}],onFocusIn:[{type:a.HostListener,args:["focusin"]}],onFocusOut:[{type:a.HostListener,args:["focusout"]}],onKeyDown:[{type:a.HostListener,args:["keydown",["$event"]]}]}});Object.defineProperty(Se.prototype,"hostClasses",{get:function(){return!0},enumerable:!1,configurable:!0}),Object.defineProperty(Se.prototype,"horizontalHostClasses",{get:function(){return"horizontal"===this.orientation},enumerable:!1,configurable:!0}),Object.defineProperty(Se.prototype,"verticalHostClasses",{get:function(){return"vertical"===this.orientation},enumerable:!1,configurable:!0}),Object.defineProperty(Se.prototype,"dir",{get:function(){return this.direction},enumerable:!1,configurable:!0}),Object.defineProperty(Se.prototype,"splitbars",{set:function(e){var t=this;g(e)&&g(this.panes)&&f(f([],y(this.panes.toArray())),y(e.toArray())).sort(function(e,t){return e.order-t.order}).map(function(e){return e.element.nativeElement}).forEach(function(e){return t.renderer.appendChild(t.element.nativeElement,e)})},enumerable:!1,configurable:!0}),Se.prototype.ngAfterContentInit=function(){this.reconfigure()},Se.prototype.ngOnChanges=function(e){e.orientation&&!e.orientation.isFirstChange()&&this.reconfigure()},Se.prototype.ngOnDestroy=function(){this.enclosingPane&&(this.enclosingPane.containsSplitter=!1),this.unsubscribeChanges()},Se.prototype.reconfigure=function(){this.unsubscribeChanges(),this.configure(),this.paneChangesSubscription=this.panes.changes.subscribe(this.configure)},Se.prototype.unsubscribeChanges=function(){this.paneChangesSubscription&&(this.paneChangesSubscription.unsubscribe(),this.paneChangesSubscription=null)},Se.prototype.configure=function(){var e=this;this.splitterService.configure({panes:this.panes.toArray(),orientation:this.orientation,containerSize:function(){return"vertical"===e.orientation?e.element.nativeElement.clientHeight:e.element.nativeElement.clientWidth}})},Object.defineProperty(Se.prototype,"direction",{get:function(){return this.localization.rtl?"rtl":"ltr"},enumerable:!1,configurable:!0});var ke=Se;function Se(e,t,n,i,r){this.element=e,this.splitterService=t,this.localization=n,this.renderer=i,this.enclosingPane=r,this.orientation="horizontal",this.ariaRole="splitter",L.validatePackage(ee),r&&(r.containsSplitter=!0),this.layoutChange=this.splitterService.layoutChange,this.configure=this.configure.bind(this)}ke.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:ke,deps:[{token:r.ElementRef},{token:be},{token:o.LocalizationService},{token:r.Renderer2},{token:ye,host:!0,optional:!0}],target:r.ɵɵFactoryTarget.Component}),ke.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:ke,selector:"kendo-splitter",inputs:{orientation:"orientation"},outputs:{layoutChange:"layoutChange"},host:{properties:{"class.k-splitter":"this.hostClasses","class.k-splitter-flex":"this.hostClasses","class.k-splitter-horizontal":"this.horizontalHostClasses","class.k-splitter-vertical":"this.verticalHostClasses","attr.dir":"this.dir","attr.role":"this.ariaRole"}},providers:[be,e.LocalizationService,{provide:e.L10N_PREFIX,useValue:"kendo.spliter"}],queries:[{propertyName:"panes",predicate:ye}],viewQueries:[{propertyName:"splitbars",predicate:b,descendants:!0}],exportAs:["kendoSplitter"],usesOnChanges:!0,ngImport:r,template:'\n      <ng-content select="kendo-splitter-pane"></ng-content>\n      <ng-container *ngFor="\n        let pane of panes;\n        let index = index;\n        let last = last;\n      ">\n        <kendo-splitter-bar\n          kendoDraggable\n          *ngIf="!last"\n          [index]="index"\n          [orientation]="orientation">\n        </kendo-splitter-bar>\n      </ng-container>\n    ',isInline:!0,components:[{type:b,selector:"kendo-splitter-bar",inputs:["orientation","index"]}],directives:[{type:d.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:d.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:q.DraggableDirective,selector:"[kendoDraggable]",inputs:["enableDrag"],outputs:["kendoPress","kendoDrag","kendoRelease"]}]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:ke,decorators:[{type:a.Component,args:[{exportAs:"kendoSplitter",selector:"kendo-splitter",providers:[be,e.LocalizationService,{provide:e.L10N_PREFIX,useValue:"kendo.spliter"}],template:'\n      <ng-content select="kendo-splitter-pane"></ng-content>\n      <ng-container *ngFor="\n        let pane of panes;\n        let index = index;\n        let last = last;\n      ">\n        <kendo-splitter-bar\n          kendoDraggable\n          *ngIf="!last"\n          [index]="index"\n          [orientation]="orientation">\n        </kendo-splitter-bar>\n      </ng-container>\n    '}]}],ctorParameters:function(){return[{type:r.ElementRef},{type:be},{type:o.LocalizationService},{type:r.Renderer2},{type:ye,decorators:[{type:a.Optional},{type:a.Host},{type:a.Inject,args:[ye]}]}]},propDecorators:{orientation:[{type:a.Input}],layoutChange:[{type:a.Output}],hostClasses:[{type:a.HostBinding,args:["class.k-splitter"]},{type:a.HostBinding,args:["class.k-splitter-flex"]}],horizontalHostClasses:[{type:a.HostBinding,args:["class.k-splitter-horizontal"]}],verticalHostClasses:[{type:a.HostBinding,args:["class.k-splitter-vertical"]}],dir:[{type:a.HostBinding,args:["attr.dir"]}],ariaRole:[{type:a.HostBinding,args:["attr.role"]}],splitbars:[{type:a.ViewChildren,args:[b]}],panes:[{type:a.ContentChildren,args:[ye]}]}});var we=function(e){this.templateRef=e},xe=(we.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:we,deps:[{token:r.TemplateRef}],target:r.ɵɵFactoryTarget.Directive}),we.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:we,selector:"[kendoTabContent]",ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:we,decorators:[{type:a.Directive,args:[{selector:"[kendoTabContent]"}]}],ctorParameters:function(){return[{type:r.TemplateRef}]}}),function(e){this.templateRef=e}),Te=(xe.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:xe,deps:[{token:r.TemplateRef}],target:r.ɵɵFactoryTarget.Directive}),xe.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:xe,selector:"[kendoTabTitle]",ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:xe,decorators:[{type:a.Directive,args:[{selector:"[kendoTabTitle]"}]}],ctorParameters:function(){return[{type:r.TemplateRef}]}}),Object.defineProperty(De.prototype,"tabContent",{get:function(){return this._tabContent.first},enumerable:!1,configurable:!0}),Object.defineProperty(De.prototype,"tabTitle",{get:function(){return this._tabTitleDirective.first},enumerable:!1,configurable:!0}),De);function De(){this.disabled=!1,this._tabContent=new a.QueryList,this.focused=!1}Te.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Te,deps:[],target:r.ɵɵFactoryTarget.Component}),Te.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Te,selector:"kendo-tabstrip-tab",inputs:{title:"title",disabled:"disabled",cssClass:"cssClass",cssStyle:"cssStyle",selected:"selected",closable:"closable",closeIcon:"closeIcon"},queries:[{propertyName:"_tabContent",predicate:we},{propertyName:"_tabTitleDirective",predicate:xe}],exportAs:["kendoTabStripTab"],ngImport:r,template:"",isInline:!0}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Te,decorators:[{type:a.Component,args:[{exportAs:"kendoTabStripTab",selector:"kendo-tabstrip-tab",template:""}]}],propDecorators:{title:[{type:a.Input}],disabled:[{type:a.Input}],cssClass:[{type:a.Input}],cssStyle:[{type:a.Input}],selected:[{type:a.Input}],closable:[{type:a.Input}],closeIcon:[{type:a.Input}],_tabContent:[{type:a.ContentChildren,args:[we]}],_tabTitleDirective:[{type:a.ContentChildren,args:[xe]}]}});var Oe,ze=function(e,t){this.index=e,this.tab=t},Pe=(he(Ee,Oe=l.PreventableEvent),Ee);function Ee(e,t){var n=Oe.call(this)||this;return n.index=e,n.title=t,n}function Ve(e){return e.enabled&&e.mouseScroll}function Be(e){var n,i,r=-1,o=-1;return e.forEach(function(e,t){e.selected?(i=e,o=t):e.focused&&(n=e,r=t)}),0<=r?{tab:n,index:r}:{tab:i,index:o}}function Re(e,n){return 0<(e=e.filter(function(e,t){return t===n})).length?e[0]:null}function Fe(e){return"top"===e||"bottom"===e}He.prototype.onKeyDown=function(e){var t;!function(e){e=e.getAttribute("id");return!!(g(e)||0<=e.indexOf("k-tabstrip-tab-"))}(e.target)||(t=e.keyCode,this.shouldHandleKey(t)&&(e.preventDefault(),K(t)||(N(e=t)||_(e))?this.onNavigate(t):t===l.Keys.Delete&&this.onDelete()))},He.prototype.onTabSelect=function(e,t){var n=new Pe(t,e.title);this.owner.tabSelect.emit(n),n.isDefaultPrevented()||(e.selected?this.focusTabHeader(t):this.selectTab(e,t))},He.prototype.selectTab=function(e,t){this.owner.tabs.forEach(function(e){e.selected=!1}),this.focusTabHeader(t),e.selected=!0,this.owner.isScrollable&&this.owner.scrollToSelectedTab()},He.prototype.onNavigate=function(t){var n=this,e=Be(this.owner.tabs),i=e.tab,r=e.index;a.NgZone.isInAngularZone()||this.ngZone.run(function(){var e;r<0?n.owner.selectTab(n.firstNavigatableIndex()):(i.focused=!1,e=n.computeNextIndex(r,t),n.activateTab(e))})},He.prototype.onDelete=function(){var e,t=this,n=Be(this.owner.tabs),i=n.tab,r=n.index;n=i,e=this.owner.closable,(void 0!==n.closable?n.closable:e)&&!i.disabled&&this.ngZone.run(function(){t.owner.tabClose.emit({tab:i,index:r})})},He.prototype.activateTab=function(e){var t=Re(this.owner.tabs,e);t.disabled?(this.focusTabHeader(e),t.focused=!0):this.onTabSelect(t,e)},He.prototype.focusTabHeader=function(e){(function(e,n){e=e.filter(function(e,t){return t===n});return 0<e.length?e[0]:null})(this.owner.tabHeaderContainers,e).nativeElement.focus()},He.prototype.shouldHandleKey=function(e){return!!K(e)||(!(!Fe(this.owner.tabPosition)||!N(e))||(!(Fe(this.owner.tabPosition)||!_(e))||e===l.Keys.Delete))},He.prototype.computeNextIndex=function(e,t){switch(t){case this.invertKeys(l.Keys.ArrowLeft,l.Keys.ArrowRight):case this.invertKeys(l.Keys.ArrowUp,l.Keys.ArrowDown):return this.prevNavigatableIndex(e);case this.invertKeys(l.Keys.ArrowRight,l.Keys.ArrowLeft):case this.invertKeys(l.Keys.ArrowDown,l.Keys.ArrowUp):return this.nextNavigatableIndex(e);case l.Keys.Home:return this.firstNavigatableIndex();case l.Keys.End:return this.lastNavigatableIndex();default:return}},He.prototype.invertKeys=function(e,t){return this.localization.rtl?t:e},He.prototype.firstNavigatableIndex=function(){return 0},He.prototype.lastNavigatableIndex=function(){return this.owner.tabs.length-1},He.prototype.prevNavigatableIndex=function(e){return e-1<0?this.lastNavigatableIndex():e-1},He.prototype.nextNavigatableIndex=function(e){return e+1>=this.owner.tabs.length?this.firstNavigatableIndex():e+1};var Le=He;function He(e,t){this.localization=e,this.ngZone=t}Le.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Le,deps:[{token:o.LocalizationService},{token:r.NgZone}],target:r.ɵɵFactoryTarget.Injectable}),Le.ɵprov=r.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Le}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Le,decorators:[{type:a.Injectable}],ctorParameters:function(){return[{type:o.LocalizationService},{type:r.NgZone}]}});var je="k-i-arrow-60-left",Me="k-i-arrow-60-right",Ae="k-i-arrow-60-up",Ne="k-i-arrow-60-down",_e=(Object.defineProperty(Ke.prototype,"tablistElement",{get:function(){return this.owner.tablist.nativeElement},enumerable:!1,configurable:!0}),Object.defineProperty(Ke.prototype,"tabstripSize",{get:function(){var e=this.owner.wrapper.nativeElement,t=parseFloat(getComputedStyle(e).width),e=parseFloat(getComputedStyle(e).height);return Fe(this.owner.tabPosition)?t:e},enumerable:!1,configurable:!0}),Object.defineProperty(Ke.prototype,"tablistOverflowSize",{get:function(){if(!l.isDocumentAvailable())return 0;var e=Fe(this.owner.tabPosition),e=Math.floor(this.tablistElement[e?"scrollWidth":"scrollHeight"]-this.tablistElement.getBoundingClientRect()[e?"width":"height"]);return e<0?0:e},enumerable:!1,configurable:!0}),Object.defineProperty(Ke.prototype,"tabsOverflow",{get:function(){return 0<this.tablistOverflowSize},enumerable:!1,configurable:!0}),Object.defineProperty(Ke.prototype,"scrollButtonsSize",{get:function(){if(!this.owner.hasScrollButtons)return 0;var e=this.owner.prevScrollButton.hostBoundingClientRect,e=Fe(this.owner.tabPosition)?e.width:e.height,t=this.owner.nextScrollButton.hostBoundingClientRect;return e+(Fe(this.owner.tabPosition)?t.width:t.height)},enumerable:!1,configurable:!0}),Ke.prototype.toggleScrollButtonsState=function(){var e,t,n,i,r=this;this.owner.hasScrollButtons&&(e=!this.isDisabled("prev"),t=!this.isDisabled("next"),n=0<this.position&&0<this.tablistOverflowSize,i=this.position<this.tablistOverflowSize+this.scrollButtonsSize&&0<this.tablistOverflowSize,n!=e&&this.ngZone.run(function(){return r.toggleButtonActiveState("prev",n)}),i!=t&&this.ngZone.run(function(){return r.toggleButtonActiveState("next",i)}))},Ke.prototype.scrollToSelectedTab=function(){var e,t,n=this;!this.tabsOverflow||-1!==(e=Be(this.owner.tabs).index)&&(this.position+=this.getScrollOffset(e),Fe(this.owner.tabPosition)?this.tablistElement.scrollLeft=this.position:this.tablistElement.scrollTop=this.position,this.toggleScrollButtonsState(),this.owner.hasScrollButtons&&(t=e===this.owner.tabs.length-1,0!==e||this.isDisabled("prev")||this.ngZone.run(function(){return n.toggleButtonActiveState("prev",!1)}),t&&!this.isDisabled("next")&&this.ngZone.run(function(){return n.toggleButtonActiveState("next",!1)})))},Ke.prototype.getScrollOffset=function(e){if(!l.isDocumentAvailable())return 0;var t=Fe(this.owner.tabPosition),e=(this.tablistElement["scroll"+(t?"Left":"Top")]=this.position,this.tablistElement.children[e].getBoundingClientRect()),n=this.tablistElement.getBoundingClientRect(),i=t?"right":"bottom",t=t?"left":"top",r=e[t],e=e[i],t=n[t],n=n[i],i=e<=n,o=t<=r;return i&&o?0:i?o?void 0:r-t:e-n},Ke.prototype.onMouseScroll=function(e){e.preventDefault(),Ve(this.owner.scrollable)&&(e=e.deltaY<0?"prev":"next",this.calculateListPosition(e,this.owner.scrollable.mouseScrollSpeed),Fe(this.owner.tabPosition)?this.tablistElement.scrollLeft=this.position:this.tablistElement.scrollTop=this.position,this.toggleScrollButtonsState())},Ke.prototype.scrollTabs=function(e){this.calculateListPosition(e,this.owner.scrollable.buttonScrollSpeed),Fe(this.owner.tabPosition)?this.tablistElement.scrollTo({left:this.position,behavior:"smooth"}):this.tablistElement.scrollTo({top:this.position,behavior:"smooth"}),this.toggleScrollButtonsState()},Ke.prototype.calculateListPosition=function(e,t){var n=this.tablistOverflowSize+this.scrollButtonsSize;"prev"===e&&0<this.position?this.position=this.position-t<=0?0:this.position-t:"next"===e&&this.position<n&&(this.position+t>n?this.position=n:this.position+=t)},Ke.prototype.restoreScrollPosition=function(){Fe(this.owner.tabPosition)?this.tablistElement.scrollTo({left:this.position}):this.tablistElement.scrollTo({top:this.position}),this.toggleScrollButtonsState()},Ke.prototype.toggleButtonActiveState=function(e,t){this.scrollButtonActiveStateChange.next({buttonType:e,active:t})},Ke);function Ke(e){var t=this;this.ngZone=e,this.position=0,this.scrollButtonActiveStateChange=new c.Subject,this.isDisabled=function(e){return t.owner[e+"ScrollButton"].host.nativeElement.classList.contains("k-disabled")}}_e.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:_e,deps:[{token:r.NgZone}],target:r.ɵɵFactoryTarget.Injectable}),_e.ɵprov=r.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:_e}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:_e,decorators:[{type:a.Injectable}],ctorParameters:function(){return[{type:r.NgZone}]}});function We(e){return Xe(!1===e?{enabled:!1}:e)}var Ze,Xe=function(e){var t=e.enabled,n=e.scrollButtons,i=e.mouseScroll,r=e.buttonScrollSpeed,o=e.mouseScrollSpeed;return{enabled:void 0===t||t,scrollButtons:void 0===n?"auto":n,mouseScroll:void 0===i||i,buttonScrollSpeed:void 0===r?100:r,mouseScrollSpeed:void 0===o?10:o,prevButtonIcon:e.prevButtonIcon,nextButtonIcon:e.nextButtonIcon}},Ue=(he($e,Ze=l.PreventableEvent),$e);function $e(e){var t=Ze.call(this)||this;return Object.assign(t,e),t}Object.defineProperty(Ye.prototype,"prevClass",{get:function(){return this.prev},enumerable:!1,configurable:!0}),Object.defineProperty(Ye.prototype,"nextClass",{get:function(){return!this.prev},enumerable:!1,configurable:!0}),Object.defineProperty(Ye.prototype,"hostBoundingClientRect",{get:function(){return this.host.nativeElement.getBoundingClientRect()},enumerable:!1,configurable:!0}),Object.defineProperty(Ye.prototype,"iconClass",{get:function(){return this.scrollButtonIconClass[this.prev?"prevScrollButton":"nextScrollButton"]},enumerable:!1,configurable:!0}),Ye.prototype.ngAfterViewInit=function(){var e=this;this.ngZone.runOutsideAngular(function(){e.subs.add(e.renderer.listen(e.host.nativeElement,"click",e.clickHandler))})},Ye.prototype.ngOnDestroy=function(){this.subs.unsubscribe()},Ye.prototype.toggle=function(e){this.renderer[e?"removeClass":"addClass"](this.host.nativeElement,"k-hidden")},Object.defineProperty(Ye.prototype,"scrollButtonIconClass",{get:function(){var e=Fe(this.tabPosition)?je:Ae,t=Fe(this.tabPosition)?Me:Ne;return"object"==typeof this.scrollable?{prevScrollButton:void 0===this.scrollable.prevButtonIcon?e:this.scrollable.prevButtonIcon,nextScrollButton:void 0===this.scrollable.nextButtonIcon?t:this.scrollable.nextButtonIcon}:{prevScrollButton:e,nextScrollButton:t}},enumerable:!1,configurable:!0}),Ye.prototype.emitScrollEvent=function(e){e=new Ue({originalEvent:e});return this.tabScroll.emit(e),e};var C=Ye;function Ye(e,t,n){var i=this;this.host=e,this.renderer=t,this.ngZone=n,this.btnClasses=!0,this.prev=!1,this.tabScroll=new a.EventEmitter,this.onClick=new a.EventEmitter,this.subs=new c.Subscription,this.clickHandler=function(e){i.emitScrollEvent(e).isDefaultPrevented()||(e=i.prev?"prev":"next",i.onClick.emit(e))}}C.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:C,deps:[{token:r.ElementRef},{token:r.Renderer2},{token:r.NgZone}],target:r.ɵɵFactoryTarget.Component}),C.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:C,selector:"[kendoTabStripScrollableButton]",inputs:{prev:"prev",tabPosition:"tabPosition",scrollable:"scrollable"},outputs:{tabScroll:"tabScroll",onClick:"onClick"},host:{properties:{"class.k-button":"this.btnClasses","class.k-button-md":"this.btnClasses","class.k-icon-button":"this.btnClasses","class.k-rounded-md":"this.btnClasses","class.k-button-flat":"this.btnClasses","class.k-button-flat-base":"this.btnClasses","class.k-tabstrip-prev":"this.prevClass","class.k-tabstrip-next":"this.nextClass"}},ngImport:r,template:'\n        <span class="k-icon k-button-icon" [ngClass]="iconClass"></span>\n    ',isInline:!0,directives:[{type:d.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:C,decorators:[{type:a.Component,args:[{template:'\n        <span class="k-icon k-button-icon" [ngClass]="iconClass"></span>\n    ',selector:"[kendoTabStripScrollableButton]"}]}],ctorParameters:function(){return[{type:r.ElementRef},{type:r.Renderer2},{type:r.NgZone}]},propDecorators:{btnClasses:[{type:a.HostBinding,args:["class.k-button"]},{type:a.HostBinding,args:["class.k-button-md"]},{type:a.HostBinding,args:["class.k-icon-button"]},{type:a.HostBinding,args:["class.k-rounded-md"]},{type:a.HostBinding,args:["class.k-button-flat"]},{type:a.HostBinding,args:["class.k-button-flat-base"]}],prevClass:[{type:a.HostBinding,args:["class.k-tabstrip-prev"]}],nextClass:[{type:a.HostBinding,args:["class.k-tabstrip-next"]}],prev:[{type:a.Input}],tabPosition:[{type:a.Input}],scrollable:[{type:a.Input}],tabScroll:[{type:a.Output}],onClick:[{type:a.Output}]}});Object.defineProperty(Ge.prototype,"activeClass",{get:function(){return this.tab.selected},enumerable:!1,configurable:!0}),Object.defineProperty(Ge.prototype,"disabledClass",{get:function(){return this.tab.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(Ge.prototype,"focusedClass",{get:function(){return this.tab.focused},enumerable:!1,configurable:!0}),Object.defineProperty(Ge.prototype,"tabIndex",{get:function(){return this.tab.selected||this.tab.focused?0:-1},enumerable:!1,configurable:!0}),Object.defineProperty(Ge.prototype,"tabClosable",{get:function(){return void 0!==this.tab.closable?this.tab.closable:this.tabStripClosable},enumerable:!1,configurable:!0}),Object.defineProperty(Ge.prototype,"closeButtonClasses",{get:function(){return g(this.tab.closeIcon)?this.tab.closeIcon:this.tabStripCloseIcon},enumerable:!1,configurable:!0}),Object.defineProperty(Ge.prototype,"closeButtonTitle",{get:function(){return this.localization.get("closeTitle")},enumerable:!1,configurable:!0}),Ge.prototype.closeTab=function(e){e=new ze(e,this.tab);this.tabClose.emit(e)};var qe=Ge;function Ge(e){this.localization=e,this.tabClose=new a.EventEmitter,this.hostClasses=!0}qe.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:qe,deps:[{token:o.LocalizationService}],target:r.ɵɵFactoryTarget.Component}),qe.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:qe,selector:"[kendoTabStripTab]",inputs:{tab:"tab",index:"index",tabStripClosable:"tabStripClosable",tabStripCloseIcon:"tabStripCloseIcon"},outputs:{tabClose:"tabClose"},host:{properties:{"class.k-item":"this.hostClasses","class.k-state-default":"this.hostClasses","attr.aria-selected]":"this.activeClass","class.k-state-active":"this.activeClass","attr.aria-disabled]":"this.disabledClass","class.k-state-disabled":"this.disabledClass","class.k-state-focused":"this.focusedClass","attr.tabindex":"this.tabIndex"}},ngImport:r,template:'\n        <span class="k-link" *ngIf="!tab.tabTitle">{{ tab.title }}</span>\n        <span class="k-link" *ngIf="tab.tabTitle">\n            <ng-template [ngTemplateOutlet]="tab.tabTitle?.templateRef">\n            </ng-template>\n        </span>\n        <span class="k-remove-tab k-button k-icon-button k-flat" *ngIf="tabClosable"\n            role="button"\n            [title]="closeButtonTitle"\n            [attr.aria-label]="closeButtonTitle"\n            (click)="closeTab(index)"\n        >\n            <span [ngClass]="closeButtonClasses"></span>\n        </span>\n    ',isInline:!0,directives:[{type:d.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:d.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]},{type:d.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:qe,decorators:[{type:a.Component,args:[{selector:"[kendoTabStripTab]",template:'\n        <span class="k-link" *ngIf="!tab.tabTitle">{{ tab.title }}</span>\n        <span class="k-link" *ngIf="tab.tabTitle">\n            <ng-template [ngTemplateOutlet]="tab.tabTitle?.templateRef">\n            </ng-template>\n        </span>\n        <span class="k-remove-tab k-button k-icon-button k-flat" *ngIf="tabClosable"\n            role="button"\n            [title]="closeButtonTitle"\n            [attr.aria-label]="closeButtonTitle"\n            (click)="closeTab(index)"\n        >\n            <span [ngClass]="closeButtonClasses"></span>\n        </span>\n    '}]}],ctorParameters:function(){return[{type:o.LocalizationService}]},propDecorators:{tab:[{type:a.Input}],index:[{type:a.Input}],tabStripClosable:[{type:a.Input}],tabStripCloseIcon:[{type:a.Input}],tabClose:[{type:a.Output}],hostClasses:[{type:a.HostBinding,args:["class.k-item"]},{type:a.HostBinding,args:["class.k-state-default"]}],activeClass:[{type:a.HostBinding,args:["attr.aria-selected]"]},{type:a.HostBinding,args:["class.k-state-active"]}],disabledClass:[{type:a.HostBinding,args:["attr.aria-disabled]"]},{type:a.HostBinding,args:["class.k-state-disabled"]}],focusedClass:[{type:a.HostBinding,args:["class.k-state-focused"]}],tabIndex:[{type:a.HostBinding,args:["attr.tabindex"]}]}});he(Je,Qe=e.ComponentMessages);var Qe,I=Je;function Je(){return null!==Qe&&Qe.apply(this,arguments)||this}I.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:I,deps:null,target:r.ɵɵFactoryTarget.Directive}),I.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:I,selector:"kendo-tabstrip-messages-base",inputs:{closeTitle:"closeTitle"},usesInheritance:!0,ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:I,decorators:[{type:a.Directive,args:[{selector:"kendo-tabstrip-messages-base"}]}],propDecorators:{closeTitle:[{type:a.Input}]}});he(nt,et=I);var et,tt=nt;function nt(e){var t=et.call(this)||this;return t.service=e,t}tt.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:tt,deps:[{token:o.LocalizationService}],target:r.ɵɵFactoryTarget.Directive}),tt.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:tt,selector:"[kendoTabStripLocalizedMessages]",providers:[{provide:I,useExisting:a.forwardRef(function(){return tt})}],usesInheritance:!0,ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:tt,decorators:[{type:a.Directive,args:[{providers:[{provide:I,useExisting:a.forwardRef(function(){return tt})}],selector:"[kendoTabStripLocalizedMessages]"}]}],ctorParameters:function(){return[{type:o.LocalizationService}]}});Object.defineProperty(k.prototype,"height",{get:function(){return this._height},set:function(e){this._height=e,this.renderer.setStyle(this.wrapper.nativeElement,"height",e)},enumerable:!1,configurable:!0}),Object.defineProperty(k.prototype,"scrollable",{get:function(){return this._scrollableSettings},set:function(e){this._scrollableSettings=We(e),this.tablist&&(this.toggleScrollButtons(this.scrollService.tabsOverflow),this.attachWheelHandler(this.tablist.nativeElement))},enumerable:!1,configurable:!0}),Object.defineProperty(k.prototype,"tabsAtTop",{get:function(){return"top"===this.tabPosition},enumerable:!1,configurable:!0}),Object.defineProperty(k.prototype,"tabsAtRight",{get:function(){return"right"===this.tabPosition},enumerable:!1,configurable:!0}),Object.defineProperty(k.prototype,"tabsAtBottom",{get:function(){return"bottom"===this.tabPosition},enumerable:!1,configurable:!0}),Object.defineProperty(k.prototype,"tabsAtLeft",{get:function(){return"left"===this.tabPosition},enumerable:!1,configurable:!0}),Object.defineProperty(k.prototype,"dir",{get:function(){return this.localization.rtl?"rtl":"ltr"},enumerable:!1,configurable:!0}),Object.defineProperty(k.prototype,"tabStripScrollable",{get:function(){return this._scrollableSettings.enabled},enumerable:!1,configurable:!0}),k.prototype.ngAfterViewInit=function(){var e=this;this.ngZone.runOutsideAngular(function(){e.scrollService.tabsOverflow?e.toggleScrollButtons(!0):e.toggleScrollButtons(!1),setTimeout(function(){e.scrollToSelectedTab()})}),this.initDomEvents()},k.prototype.ngOnChanges=function(e){var t,n=this,e=e.tabPosition;e&&(t="bottom"===e.previousValue||"bottom"===e.currentValue,this.ngZone.onStable.pipe(H.take(1)).subscribe(function(){t&&(n.subscriptionsArePresent&&(n.subscriptions.unsubscribe(),n.subscriptions=new c.Subscription,n.subscriptionsArePresent=!1),n.initDomEvents()),n.scrollService.restoreScrollPosition()}))},k.prototype.ngOnDestroy=function(){this.subscriptions&&this.subscriptions.unsubscribe()},Object.defineProperty(k.prototype,"tabsAlignmentStyles",{get:function(){return{start:"flex-start",end:"flex-end",center:"center",justify:"space-between"}[this.tabAlignment]},enumerable:!1,configurable:!0}),Object.defineProperty(k.prototype,"tabListWidth",{get:function(){return"top"===this.tabPosition||"bottom"===this.tabPosition?"100%":null},enumerable:!1,configurable:!0}),Object.defineProperty(k.prototype,"tabListHeight",{get:function(){return"left"===this.tabPosition||"right"===this.tabPosition?"100%":null},enumerable:!1,configurable:!0}),Object.defineProperty(k.prototype,"isScrollable",{get:function(){return this._scrollableSettings.enabled},enumerable:!1,configurable:!0}),Object.defineProperty(k.prototype,"hasScrollButtons",{get:function(){return(e=this._scrollableSettings).enabled&&"hidden"!==e.scrollButtons;var e},enumerable:!1,configurable:!0}),Object.defineProperty(k.prototype,"mouseScrollEnabled",{get:function(){return Ve(this._scrollableSettings)},enumerable:!1,configurable:!0}),Object.defineProperty(k.prototype,"itemsWrapperClass",{get:function(){return Fe(this.tabPosition)?"k-hstack":"k-vstack"},enumerable:!1,configurable:!0}),k.prototype.selectTab=function(e){var t=Re(this.tabs,e);t&&!t.disabled&&(this.tabstripService.selectTab(t,e),this.scrollToSelectedTab())},k.prototype.onTabClick=function(e,t){W(e.target)||(e=e.target,Z(e,"k-remove-tab")||Z(e.parentElement,"k-remove-tab")||(e=Re(this.tabs,t),this.tabstripService.onTabSelect(e,t),this.scrollToSelectedTab()))},k.prototype.onResize=function(){var e=this;this.scrollService.tabsOverflow?this.toggleScrollButtons(!0):this.toggleScrollButtons(!1),this.ngZone.runOutsideAngular(function(){e.scrollService.toggleScrollButtonsState()})},k.prototype.scrollToSelectedTab=function(){this._scrollableSettings.enabled&&this.scrollService.scrollToSelectedTab()},k.prototype.onScrollButtonClick=function(e){this.scrollService.scrollTabs(e)},k.prototype.initDomEvents=function(){var e,t=this;this.wrapper&&!this.subscriptionsArePresent&&(e=this.tablist.nativeElement,this.ngZone.runOutsideAngular(function(){t.subscriptions.add(t.renderer.listen(e,"keydown",function(e){t.tabstripService.onKeyDown(e)}))}),this.subscriptions.add(this.renderer.listen(e,"focusout",function(){t.tabs.forEach(function(e){e.focused=!1})})),this.isScrollable&&this.mouseScrollEnabled&&this.attachWheelHandler(e),this.subscriptionsArePresent=!0)},k.prototype.toggleScrollButtons=function(r){var o=this;this.ngZone.onStable.pipe(H.take(1)).subscribe(function(){var e=o._scrollableSettings.scrollButtons,t=o.prevScrollButton&&o.nextScrollButton,n=t&&r,i="visible"===e;t&&!r&&"visible"!==e?(o.prevScrollButton.toggle(!1),o.nextScrollButton.toggle(!1)):(n||i)&&(o.prevScrollButton.toggle(!0),o.nextScrollButton.toggle(!0)),t&&i&&o.ngZone.runOutsideAngular(function(){o.scrollService.toggleScrollButtonsState()})})},k.prototype.attachWheelHandler=function(e){var n=this;this.ngZone.runOutsideAngular(function(){n.subscriptions.add(n.renderer.listen(e,"wheel",function(e){var t=new Ue({originalEvent:e});n.tabScroll.emit(t),!t.isDefaultPrevented()&&n.scrollService.tabsOverflow&&n.scrollService.onMouseScroll(e)}))})};var it=k;function k(e,t,n,i,r,o){var s=this;this.localization=e,this.renderer=t,this.wrapper=n,this.tabstripService=i,this.scrollService=r,this.ngZone=o,this.animate=!0,this.tabPosition="top",this.keepTabContent=!1,this.closable=!1,this.closeIcon="k-icon k-i-x",this.tabSelect=new a.EventEmitter,this.tabClose=new a.EventEmitter,this.tabScroll=new a.EventEmitter,this.hostClasses=!0,this.tabs=new a.QueryList,this._scrollableSettings=We(!1),this.subscriptions=new c.Subscription,this.subscriptionsArePresent=!1,L.validatePackage(ee),((this.tabstripService.owner=this).scrollService.owner=this).subscriptions.add(this.scrollService.scrollButtonActiveStateChange.subscribe(function(e){var t;s.hasScrollButtons&&(t=e.active?"remove":"add",s.renderer[t+"Class"](s[e.buttonType+"ScrollButton"].host.nativeElement,"k-disabled"))}))}it.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:it,deps:[{token:o.LocalizationService},{token:r.Renderer2},{token:r.ElementRef},{token:Le},{token:_e},{token:r.NgZone}],target:r.ɵɵFactoryTarget.Component}),it.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:it,selector:"kendo-tabstrip",inputs:{height:"height",animate:"animate",tabAlignment:"tabAlignment",tabPosition:"tabPosition",keepTabContent:"keepTabContent",closable:"closable",scrollable:"scrollable",closeIcon:"closeIcon"},outputs:{tabSelect:"tabSelect",tabClose:"tabClose",tabScroll:"tabScroll"},host:{properties:{"class.k-tabstrip":"this.hostClasses","class.k-floatwrap":"this.hostClasses","class.k-tabstrip-top":"this.tabsAtTop","class.k-tabstrip-right":"this.tabsAtRight","class.k-tabstrip-bottom":"this.tabsAtBottom","class.k-tabstrip-left":"this.tabsAtLeft","attr.dir":"this.dir","class.k-tabstrip-scrollable":"this.tabStripScrollable"}},providers:[Le,_e,e.LocalizationService,{provide:e.L10N_PREFIX,useValue:"kendo.tabstrip"}],queries:[{propertyName:"tabs",predicate:Te}],viewQueries:[{propertyName:"tablist",first:!0,predicate:["tablist"],descendants:!0},{propertyName:"prevScrollButton",first:!0,predicate:["prevScrollButton"],descendants:!0},{propertyName:"nextScrollButton",first:!0,predicate:["nextScrollButton"],descendants:!0},{propertyName:"tabHeaderContainers",predicate:["tabHeaderContainer"],descendants:!0,read:a.ElementRef}],exportAs:["kendoTabStrip"],usesOnChanges:!0,ngImport:r,template:'\n        <ng-container kendoTabStripLocalizedMessages\n            i18n-closeTitle="kendo.tabstrip.closeTitle|The title for the **Close** button in the TabStrip tab."\n            closeTitle="Close">\n        </ng-container>\n        <ng-container *ngIf="!tabsAtBottom">\n            <ng-container *ngTemplateOutlet="heading">\n            </ng-container>\n            <ng-container *ngTemplateOutlet="content">\n            </ng-container>\n        </ng-container>\n\n        <ng-container *ngIf="tabsAtBottom">\n            <ng-container *ngTemplateOutlet="content">\n            </ng-container>\n            <ng-container *ngTemplateOutlet="heading">\n            </ng-container>\n        </ng-container>\n        <ng-template #heading>\n            <div class="k-tabstrip-items-wrapper" [ngClass]="itemsWrapperClass">\n                <span \n                    *ngIf="hasScrollButtons"\n                    #prevScrollButton\n                    kendoTabStripScrollableButton\n                    [scrollable]="scrollable"\n                    [tabPosition]="tabPosition"\n                    [prev]="true"\n                    (tabScroll)="tabScroll.emit($event)"\n                    (onClick)="onScrollButtonClick($event)"></span>\n                <ul role="tablist" #tablist\n                    class="k-reset k-tabstrip-items"\n                    [style.justifyContent]="tabsAlignmentStyles"\n                    [style.width]="tabListWidth"\n                    [style.height]="tabListHeight"\n                >\n                    <ng-container *ngFor="let tab of tabs; let i = index;">\n                        <li\n                            #tabHeaderContainer\n                            kendoTabStripTab\n                            [ngClass]="tab.cssClass"\n                            [ngStyle]="tab.cssStyle"\n                            [tab]="tab"\n                            [index]="i"\n                            role="tab"\n                            [tabStripClosable]="closable"\n                            [tabStripCloseIcon]="closeIcon"\n                            (tabClose)="tabClose.emit($event)"\n                            (click)="onTabClick($event, i)"\n                            [id]="\'k-tabstrip-tab-\' + i"\n                            [attr.aria-controls]="\'k-tabstrip-tabpanel-\' + i"></li>\n                    </ng-container>\n                </ul>\n                <span\n                    *ngIf="hasScrollButtons"\n                    #nextScrollButton\n                    kendoTabStripScrollableButton\n                    [scrollable]="scrollable"\n                    [tabPosition]="tabPosition"\n                    [prev]="false"\n                    (tabScroll)="tabScroll.emit($event)"\n                    (onClick)="onScrollButtonClick($event)"></span>\n            </div>\n        </ng-template>\n        <ng-template #content>\n            <ng-template ngFor let-tab [ngForOf]="tabs" let-i="index">\n                <div\n                    [@state]="tab.selected && animate ? \'active\' : \'inactive\'"\n                    *ngIf="tab.selected || keepTabContent"\n                    [ngClass]="!this.keepTabContent || tab.selected ? \'k-content k-state-active\' : \'k-content\'"\n                    [tabIndex]="0"\n                    role="tabpanel"\n                    [id]="\'k-tabstrip-tabpanel-\' + i"\n                    [attr.aria-hidden]="!tab.selected"\n                    [attr.aria-expanded]="tab.selected"\n                    [attr.aria-labelledby]="\'k-tabstrip-tab-\' + i"\n                    [attr.aria-disabled]="tab.disabled"\n                >\n                    <ng-template [ngTemplateOutlet]="tab.tabContent?.templateRef">\n                    </ng-template>\n                </div>\n            </ng-template>\n        </ng-template>\n        <kendo-resize-sensor *ngIf="isScrollable" (resize)="onResize()"></kendo-resize-sensor>\n    ',isInline:!0,components:[{type:C,selector:"[kendoTabStripScrollableButton]",inputs:["prev","tabPosition","scrollable"],outputs:["tabScroll","onClick"]},{type:qe,selector:"[kendoTabStripTab]",inputs:["tab","index","tabStripClosable","tabStripCloseIcon"],outputs:["tabClose"]},{type:q.ResizeSensorComponent,selector:"kendo-resize-sensor",inputs:["rateLimit"],outputs:["resize"]}],directives:[{type:tt,selector:"[kendoTabStripLocalizedMessages]"},{type:d.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:d.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]},{type:d.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:d.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:d.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]}],animations:[p.trigger("state",[p.state("active",p.style({opacity:1})),p.transition("* => active",[p.style({opacity:0}),p.animate("400ms ease-in")])])]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:it,decorators:[{type:a.Component,args:[{animations:[p.trigger("state",[p.state("active",p.style({opacity:1})),p.transition("* => active",[p.style({opacity:0}),p.animate("400ms ease-in")])])],providers:[Le,_e,e.LocalizationService,{provide:e.L10N_PREFIX,useValue:"kendo.tabstrip"}],exportAs:"kendoTabStrip",selector:"kendo-tabstrip",template:'\n        <ng-container kendoTabStripLocalizedMessages\n            i18n-closeTitle="kendo.tabstrip.closeTitle|The title for the **Close** button in the TabStrip tab."\n            closeTitle="Close">\n        </ng-container>\n        <ng-container *ngIf="!tabsAtBottom">\n            <ng-container *ngTemplateOutlet="heading">\n            </ng-container>\n            <ng-container *ngTemplateOutlet="content">\n            </ng-container>\n        </ng-container>\n\n        <ng-container *ngIf="tabsAtBottom">\n            <ng-container *ngTemplateOutlet="content">\n            </ng-container>\n            <ng-container *ngTemplateOutlet="heading">\n            </ng-container>\n        </ng-container>\n        <ng-template #heading>\n            <div class="k-tabstrip-items-wrapper" [ngClass]="itemsWrapperClass">\n                <span \n                    *ngIf="hasScrollButtons"\n                    #prevScrollButton\n                    kendoTabStripScrollableButton\n                    [scrollable]="scrollable"\n                    [tabPosition]="tabPosition"\n                    [prev]="true"\n                    (tabScroll)="tabScroll.emit($event)"\n                    (onClick)="onScrollButtonClick($event)"></span>\n                <ul role="tablist" #tablist\n                    class="k-reset k-tabstrip-items"\n                    [style.justifyContent]="tabsAlignmentStyles"\n                    [style.width]="tabListWidth"\n                    [style.height]="tabListHeight"\n                >\n                    <ng-container *ngFor="let tab of tabs; let i = index;">\n                        <li\n                            #tabHeaderContainer\n                            kendoTabStripTab\n                            [ngClass]="tab.cssClass"\n                            [ngStyle]="tab.cssStyle"\n                            [tab]="tab"\n                            [index]="i"\n                            role="tab"\n                            [tabStripClosable]="closable"\n                            [tabStripCloseIcon]="closeIcon"\n                            (tabClose)="tabClose.emit($event)"\n                            (click)="onTabClick($event, i)"\n                            [id]="\'k-tabstrip-tab-\' + i"\n                            [attr.aria-controls]="\'k-tabstrip-tabpanel-\' + i"></li>\n                    </ng-container>\n                </ul>\n                <span\n                    *ngIf="hasScrollButtons"\n                    #nextScrollButton\n                    kendoTabStripScrollableButton\n                    [scrollable]="scrollable"\n                    [tabPosition]="tabPosition"\n                    [prev]="false"\n                    (tabScroll)="tabScroll.emit($event)"\n                    (onClick)="onScrollButtonClick($event)"></span>\n            </div>\n        </ng-template>\n        <ng-template #content>\n            <ng-template ngFor let-tab [ngForOf]="tabs" let-i="index">\n                <div\n                    [@state]="tab.selected && animate ? \'active\' : \'inactive\'"\n                    *ngIf="tab.selected || keepTabContent"\n                    [ngClass]="!this.keepTabContent || tab.selected ? \'k-content k-state-active\' : \'k-content\'"\n                    [tabIndex]="0"\n                    role="tabpanel"\n                    [id]="\'k-tabstrip-tabpanel-\' + i"\n                    [attr.aria-hidden]="!tab.selected"\n                    [attr.aria-expanded]="tab.selected"\n                    [attr.aria-labelledby]="\'k-tabstrip-tab-\' + i"\n                    [attr.aria-disabled]="tab.disabled"\n                >\n                    <ng-template [ngTemplateOutlet]="tab.tabContent?.templateRef">\n                    </ng-template>\n                </div>\n            </ng-template>\n        </ng-template>\n        <kendo-resize-sensor *ngIf="isScrollable" (resize)="onResize()"></kendo-resize-sensor>\n    '}]}],ctorParameters:function(){return[{type:o.LocalizationService},{type:r.Renderer2},{type:r.ElementRef},{type:Le},{type:_e},{type:r.NgZone}]},propDecorators:{height:[{type:a.Input}],animate:[{type:a.Input}],tabAlignment:[{type:a.Input}],tabPosition:[{type:a.Input}],keepTabContent:[{type:a.Input}],closable:[{type:a.Input}],scrollable:[{type:a.Input}],closeIcon:[{type:a.Input}],tabSelect:[{type:a.Output}],tabClose:[{type:a.Output}],tabScroll:[{type:a.Output}],hostClasses:[{type:a.HostBinding,args:["class.k-tabstrip"]},{type:a.HostBinding,args:["class.k-floatwrap"]}],tabsAtTop:[{type:a.HostBinding,args:["class.k-tabstrip-top"]}],tabsAtRight:[{type:a.HostBinding,args:["class.k-tabstrip-right"]}],tabsAtBottom:[{type:a.HostBinding,args:["class.k-tabstrip-bottom"]}],tabsAtLeft:[{type:a.HostBinding,args:["class.k-tabstrip-left"]}],dir:[{type:a.HostBinding,args:["attr.dir"]}],tabStripScrollable:[{type:a.HostBinding,args:["class.k-tabstrip-scrollable"]}],tabs:[{type:a.ContentChildren,args:[Te]}],tablist:[{type:a.ViewChild,args:["tablist",{static:!1}]}],tabHeaderContainers:[{type:a.ViewChildren,args:["tabHeaderContainer",{read:a.ElementRef}]}],prevScrollButton:[{type:a.ViewChild,args:["prevScrollButton",{static:!1}]}],nextScrollButton:[{type:a.ViewChild,args:["nextScrollButton",{static:!1}]}]}});he(st,rt=I),Object.defineProperty(st.prototype,"override",{get:function(){return!0},enumerable:!1,configurable:!0});var rt,ot=st;function st(e){var t=rt.call(this)||this;return t.service=e,t}ot.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:ot,deps:[{token:o.LocalizationService}],target:r.ɵɵFactoryTarget.Component}),ot.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:ot,selector:"kendo-tabstrip-messages",providers:[{provide:I,useExisting:a.forwardRef(function(){return ot})}],usesInheritance:!0,ngImport:r,template:"",isInline:!0}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:ot,decorators:[{type:a.Component,args:[{providers:[{provide:I,useExisting:a.forwardRef(function(){return ot})}],selector:"kendo-tabstrip-messages",template:""}]}],ctorParameters:function(){return[{type:o.LocalizationService}]}});var I=function(e){this.templateRef=e},at=(I.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:I,deps:[{token:r.TemplateRef,optional:!0}],target:r.ɵɵFactoryTarget.Directive}),I.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:I,selector:"[kendoDrawerTemplate]",ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:I,decorators:[{type:a.Directive,args:[{selector:"[kendoDrawerTemplate]"}]}],ctorParameters:function(){return[{type:r.TemplateRef,decorators:[{type:a.Optional}]}]}}),function(e){this.templateRef=e}),lt=(at.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:at,deps:[{token:r.TemplateRef,optional:!0}],target:r.ɵɵFactoryTarget.Directive}),at.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:at,selector:"[kendoDrawerItemTemplate]",ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:at,decorators:[{type:a.Directive,args:[{selector:"[kendoDrawerItemTemplate]"}]}],ctorParameters:function(){return[{type:r.TemplateRef,decorators:[{type:a.Optional}]}]}}),function(e){this.templateRef=e}),pt=(lt.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:lt,deps:[{token:r.TemplateRef,optional:!0}],target:r.ɵɵFactoryTarget.Directive}),lt.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:lt,selector:"[kendoDrawerHeaderTemplate]",ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:lt,decorators:[{type:a.Directive,args:[{selector:"[kendoDrawerHeaderTemplate]"}]}],ctorParameters:function(){return[{type:r.TemplateRef,decorators:[{type:a.Optional}]}]}}),function(e){this.templateRef=e}),ct=(pt.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:pt,deps:[{token:r.TemplateRef,optional:!0}],target:r.ɵɵFactoryTarget.Directive}),pt.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:pt,selector:"[kendoDrawerFooterTemplate]",ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:pt,decorators:[{type:a.Directive,args:[{selector:"[kendoDrawerFooterTemplate]"}]}],ctorParameters:function(){return[{type:r.TemplateRef,decorators:[{type:a.Optional}]}]}}),dt.prototype.onSelect=function(e){this.selectedIndices=[e];e=this.owner;e.autoCollapse&&!e.minimized&&e.toggle(!1)},dt.prototype.initSelection=function(){var e=this.owner.items;this.selectedIndices=[];for(var t=0;t<e.length;t++)e[t].selected&&this.selectedIndices.push(t)},dt);function dt(){this.selectedIndices=[]}function gt(e){var t,n,i=e.animation.duration,r=e.width,o=e.miniWidth,s=e.mode,a=e.mini,l=e.rtl,e=e.position;return a&&"push"===s?(t=i,n=r,[p.style({overflow:"hidden",flexBasis:o+"px"}),p.animate(t+"ms ease-in",p.style({flexBasis:n+"px"}))]):a||"push"!==s?a||"overlay"!==s?a&&"overlay"===s?(t=i,n=r,[p.style({width:o+"px"}),p.animate(t+"ms ease-in",p.style({overflow:"hidden",width:n+"px"}))]):void 0:l?(a=i,[p.style({transform:"translateX(100%)"}),p.animate(a+"ms ease-in",p.style({overflow:"hidden",transform:"translateX(0)"}))]):(s=i,[p.style({transform:"translateX("+("end"!==e?"-100%":"100%")+")"}),p.animate(s+"ms ease-in",p.style({overflow:"hidden",transform:"translateX(0)"}))]):(o=i,l=r,[p.style({overflow:"hidden",flexBasis:"0px"}),p.animate(o+"ms ease-in",p.style({flexBasis:l+"px"}))])}function ut(e){var t,n,i=e.animation.duration,r=e.width,o=e.miniWidth,s=e.mode,a=e.mini,l=e.rtl,e=e.position;return a&&"push"===s?(t=i,n=o,[p.style({overflow:"hidden",flexBasis:r+"px"}),p.animate(t+"ms ease-in",p.style({flexBasis:n+"px"}))]):a||"push"!==s?a||"overlay"!==s?a&&"overlay"===s?(t=i,n=o,[p.style({width:r+"px"}),p.animate(t+"ms ease-in",p.style({overflow:"hidden",width:n+"px"}))]):void 0:l?(a=i,[p.style({transform:"translateX(0)"}),p.animate(a+"ms ease-in",p.style({overflow:"hidden",transform:"translateX(100%)"}))]):(s=i,o="end"!==(o=e)?"-100%":"100%",[p.style({transform:"translateX(0)"}),p.animate(s+"ms ease-in",p.style({overflow:"hidden",transform:"translateX("+o+")"}))]):(l=i,[p.style({flexBasis:r+"px"}),p.animate(l+"ms ease-in",p.style({overflow:"hidden",flexBasis:"0px"}))])}ct.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:ct,deps:[],target:r.ɵɵFactoryTarget.Injectable}),ct.ɵprov=r.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:ct}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:ct,decorators:[{type:a.Injectable}]});function ht(e,t){return e.querySelector(t)}var mt,yt="data-kendo-drawer-index",ft=(he(bt,mt=l.PreventableEvent),bt);function bt(e){var t=mt.call(this)||this;return Object.assign(t,e),t}Object.defineProperty(vt.prototype,"disabledClass",{get:function(){return this.item.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(vt.prototype,"selectedClass",{get:function(){return 0<=this.drawer.selectedIndices.indexOf(this.index)},enumerable:!1,configurable:!0}),Object.defineProperty(vt.prototype,"label",{get:function(){return this.item.text||null},enumerable:!1,configurable:!0}),vt.prototype.ngAfterViewInit=function(){var e=ht(this.element.nativeElement,".k-drawer-link");e&&this.renderer.removeAttribute(e,"tabindex")},Object.defineProperty(vt.prototype,"iconClasses",{get:function(){var e=[];return this.item.icon&&e.push("k-icon "+this.item.icon),this.item.iconClass&&e.push(""+this.item.iconClass),e},enumerable:!1,configurable:!0});var S=vt;function vt(e,t,n){this.drawer=e,this.element=t,this.renderer=n}S.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:S,deps:[{token:ct},{token:r.ElementRef},{token:r.Renderer2}],target:r.ɵɵFactoryTarget.Component}),S.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:S,selector:"[kendoDrawerItem]",inputs:{item:"item",index:"index",itemTemplate:"itemTemplate",mini:"mini",expanded:"expanded",disabled:"disabled",cssClass:"cssClass",cssStyle:"cssStyle"},host:{properties:{"attr.aria-disabled":"this.disabledClass","class.k-state-disabled":"this.disabledClass","attr.aria-selected":"this.selectedClass","class.k-state-selected":"this.selectedClass","attr.aria-label":"this.label"}},ngImport:r,template:'\n        <ng-template *ngIf="itemTemplate; else defaultTemplate"\n            [ngTemplateOutlet]="itemTemplate"\n            [ngTemplateOutletContext]="{ $implicit: item }">\n        </ng-template>\n\n        <ng-template #defaultTemplate>\n            <ng-container *ngIf="expanded">\n                <span [ngClass]="iconClasses"></span>\n                <span class="k-item-text">{{ item.text }}</span>\n            </ng-container>\n            <ng-container *ngIf="mini && !expanded">\n                <span [ngClass]="iconClasses"></span>\n            </ng-container>\n        </ng-template>\n    ',isInline:!0,directives:[{type:d.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:d.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]},{type:d.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:S,decorators:[{type:a.Component,args:[{selector:"[kendoDrawerItem]",template:'\n        <ng-template *ngIf="itemTemplate; else defaultTemplate"\n            [ngTemplateOutlet]="itemTemplate"\n            [ngTemplateOutletContext]="{ $implicit: item }">\n        </ng-template>\n\n        <ng-template #defaultTemplate>\n            <ng-container *ngIf="expanded">\n                <span [ngClass]="iconClasses"></span>\n                <span class="k-item-text">{{ item.text }}</span>\n            </ng-container>\n            <ng-container *ngIf="mini && !expanded">\n                <span [ngClass]="iconClasses"></span>\n            </ng-container>\n        </ng-template>\n    '}]}],ctorParameters:function(){return[{type:ct},{type:r.ElementRef},{type:r.Renderer2}]},propDecorators:{item:[{type:a.Input}],index:[{type:a.Input}],itemTemplate:[{type:a.Input}],mini:[{type:a.Input}],expanded:[{type:a.Input}],disabled:[{type:a.Input}],cssClass:[{type:a.Input}],cssStyle:[{type:a.Input}],disabledClass:[{type:a.HostBinding,args:["attr.aria-disabled"]},{type:a.HostBinding,args:["class.k-state-disabled"]}],selectedClass:[{type:a.HostBinding,args:["attr.aria-selected"]},{type:a.HostBinding,args:["class.k-state-selected"]}],label:[{type:a.HostBinding,args:["attr.aria-label"]}]}});Ct.prototype.ngOnInit=function(){this.initialSelection(),this.initDomEvents()},Ct.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},Ct.prototype.initialSelection=function(){0===this.drawerService.selectedIndices.length&&this.drawerService.initSelection()},Ct.prototype.initDomEvents=function(){var t=this;this.element&&this.ngZone.runOutsideAngular(function(){var e=t.element.nativeElement;t.subscriptions.add(t.renderer.listen(e,"click",t.clickHandler.bind(t))),t.subscriptions.add(t.renderer.listen(e,"keydown",t.keyDownHandler.bind(t)))})},Ct.prototype.clickHandler=function(e){var t,n=this,i=this.getDrawerItemIndex(e.target),r=this.items[i];r&&(r.disabled?e.preventDefault():(t={index:i,item:r,originalEvent:e},this.ngZone.run(function(){var e=new ft(t);n.select.emit(e),e.isDefaultPrevented()||(n.drawerService.onSelect(i),n.changeDetector.detectChanges())})))},Ct.prototype.keyDownHandler=function(e){if(e.keyCode===l.Keys.Enter||e.keyCode===l.Keys.Space)return this.clickHandler(e),e=ht(this.element.nativeElement,":focus:not(.k-state-disabled) .k-drawer-link"),e&&e.click(),!1},Ct.prototype.getDrawerItemIndex=function(e){e=Y(e,yt,this.element.nativeElement);if(e)return U(e,yt)};var w=Ct;function Ct(e,t,n,i,r){this.drawerService=e,this.renderer=t,this.ngZone=n,this.changeDetector=i,this.element=r,this.select=new a.EventEmitter,this.subscriptions=new c.Subscription}w.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:w,deps:[{token:ct},{token:r.Renderer2},{token:r.NgZone},{token:r.ChangeDetectorRef},{token:r.ElementRef}],target:r.ɵɵFactoryTarget.Component}),w.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:w,selector:"[kendoDrawerList]",inputs:{items:"items",itemTemplate:"itemTemplate",mini:"mini",expanded:"expanded"},outputs:{select:"select"},ngImport:r,template:'\n        <ng-container *ngFor="let item of items; let idx = index">\n            <li *ngIf="!item.separator" kendoDrawerItem\n                class="k-drawer-item"\n                [item]="item"\n                [index]="idx"\n                [mini]="mini"\n                [expanded]="expanded"\n                [itemTemplate]="itemTemplate"\n                [attr.data-kendo-drawer-index]="idx"\n                [ngClass]="item.cssClass"\n                [ngStyle]="item.cssStyle"\n                tabindex="0">\n            </li>\n\n            <li *ngIf="item.separator"\n                class="k-drawer-item k-drawer-separator"\n                [ngClass]="item.cssClass"\n                [ngStyle]="item.cssStyle">\n                &nbsp;\n            </li>\n        </ng-container>\n    ',isInline:!0,components:[{type:S,selector:"[kendoDrawerItem]",inputs:["item","index","itemTemplate","mini","expanded","disabled","cssClass","cssStyle"]}],directives:[{type:d.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:d.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:d.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:d.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]}]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:w,decorators:[{type:a.Component,args:[{selector:"[kendoDrawerList]",template:'\n        <ng-container *ngFor="let item of items; let idx = index">\n            <li *ngIf="!item.separator" kendoDrawerItem\n                class="k-drawer-item"\n                [item]="item"\n                [index]="idx"\n                [mini]="mini"\n                [expanded]="expanded"\n                [itemTemplate]="itemTemplate"\n                [attr.'+yt+']="idx"\n                [ngClass]="item.cssClass"\n                [ngStyle]="item.cssStyle"\n                tabindex="0">\n            </li>\n\n            <li *ngIf="item.separator"\n                class="k-drawer-item k-drawer-separator"\n                [ngClass]="item.cssClass"\n                [ngStyle]="item.cssStyle">\n                &nbsp;\n            </li>\n        </ng-container>\n    '}]}],ctorParameters:function(){return[{type:ct},{type:r.Renderer2},{type:r.NgZone},{type:r.ChangeDetectorRef},{type:r.ElementRef}]},propDecorators:{items:[{type:a.Input}],itemTemplate:[{type:a.Input}],mini:[{type:a.Input}],expanded:[{type:a.Input}],select:[{type:a.Output}]}});var It={type:"slide",duration:200},kt=(Object.defineProperty(St.prototype,"startPositionClass",{get:function(){return"start"===this.position},enumerable:!1,configurable:!0}),Object.defineProperty(St.prototype,"endPositionClass",{get:function(){return"end"===this.position},enumerable:!1,configurable:!0}),Object.defineProperty(St.prototype,"overlayTransofrmStyles",{get:function(){if("push"!==this.mode)return this.expanded||this.minimized?"translateX(0px)":"translateX(-100%)"},enumerable:!1,configurable:!0}),Object.defineProperty(St.prototype,"flexStyles",{get:function(){if("overlay"!==this.mode)return this.expanded||this.minimized?this.drawerWidth:0},enumerable:!1,configurable:!0}),Object.defineProperty(St.prototype,"items",{get:function(){return this._items},set:function(e){g(e)&&(this._items=e,this.drawerService.initSelection())},enumerable:!1,configurable:!0}),St.prototype.ngOnDestroy=function(){this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe()},Object.defineProperty(St.prototype,"minimized",{get:function(){return this.mini&&!this.expanded},enumerable:!1,configurable:!0}),Object.defineProperty(St.prototype,"drawerWidth",{get:function(){return this.minimized?this.miniWidth:this.width},enumerable:!1,configurable:!0}),St.prototype.toggle=function(e){var t=this,n=this.expanded,i=g(e)?e:!n;i!==n&&(!0===i?this.setExpanded(!0):!1!==i||this.animation||this.setExpanded(!1),this.animation?(this.animationEnd.pipe(H.take(1)).subscribe(function(){t.onAnimationEnd(i)}),this.animate(i)):this[i?"expand":"collapse"].emit())},St.prototype.onSelect=function(e){this.select.emit(Object.assign(e,{sender:this}))},St.prototype.onAnimationEnd=function(e){e?this.expand.emit():(this.setExpanded(!1),this.collapse.emit())},St.prototype.setExpanded=function(e){this.expanded=e,this.expandedChange.emit(e)},St.prototype.animate=function(e){var t={mode:this.mode,mini:this.mini,miniWidth:this.miniWidth,width:this.width,rtl:this.rtl,position:this.position,animation:"boolean"!=typeof this.animation?this.animation:It},e=(e?gt:ut)(t);this.createPlayer(e,this.element.nativeElement).play()},St.prototype.createPlayer=function(e,t){var n=this,i=this.builder.build(e).create(t);return i.onDone(function(){i&&(n.animationEnd.emit(),i.destroy(),i=null)}),i},St);function St(e,t,n,i){var r=this;this.element=e,this.builder=t,this.localizationService=n,this.drawerService=i,this.hostClasses=!0,this.mode="overlay",this.position="start",this.mini=!1,this.expanded=!1,this.width=240,this.miniWidth=50,this.autoCollapse=!0,this.animation=It,this.expand=new a.EventEmitter,this.collapse=new a.EventEmitter,this.select=new a.EventEmitter,this.expandedChange=new a.EventEmitter,this.animationEnd=new a.EventEmitter,this.rtl=!1,this._items=[],L.validatePackage(ee),this.dynamicRTLSubscription=this.localizationService.changes.subscribe(function(e){e=e.rtl;r.rtl=e,r.direction=r.rtl?"rtl":"ltr"}),this.drawerService.owner=this}kt.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:kt,deps:[{token:r.ElementRef},{token:G.AnimationBuilder},{token:o.LocalizationService},{token:ct}],target:r.ɵɵFactoryTarget.Component}),kt.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:kt,selector:"kendo-drawer",inputs:{mode:"mode",position:"position",mini:"mini",expanded:"expanded",width:"width",miniWidth:"miniWidth",autoCollapse:"autoCollapse",items:"items",animation:"animation"},outputs:{expand:"expand",collapse:"collapse",select:"select",expandedChange:"expandedChange"},host:{properties:{"class.k-widget":"this.hostClasses","class.k-drawer":"this.hostClasses","class.k-drawer-start":"this.startPositionClass","class.k-drawer-end":"this.endPositionClass","style.transform":"this.overlayTransofrmStyles","style.flexBasis.px":"this.flexStyles","attr.dir":"this.direction"}},providers:[e.LocalizationService,ct,{provide:e.L10N_PREFIX,useValue:"kendo.drawer"}],queries:[{propertyName:"drawerTemplate",first:!0,predicate:I,descendants:!0},{propertyName:"footerTemplate",first:!0,predicate:pt,descendants:!0},{propertyName:"headerTemplate",first:!0,predicate:lt,descendants:!0},{propertyName:"itemTemplate",first:!0,predicate:at,descendants:!0}],exportAs:["kendoDrawer"],ngImport:r,template:'\n        <div class="k-drawer-wrapper" *ngIf="expanded || mini" [style.width.px]="drawerWidth">\n            <ng-container *ngIf="!drawerTemplate">\n                <ng-template *ngIf="headerTemplate"\n                    [ngTemplateOutlet]="headerTemplate?.templateRef">\n                </ng-template>\n\n                <ul kendoDrawerList\n                    (select)="onSelect($event)"\n                    [items]="items" [mini]="mini" [expanded]="expanded"\n                    [itemTemplate]="itemTemplate?.templateRef"\n                    class="k-drawer-items">\n                </ul>\n\n                <ng-template *ngIf="footerTemplate"\n                    [ngTemplateOutlet]="footerTemplate?.templateRef">\n                </ng-template>\n            </ng-container>\n\n            <ng-template *ngIf="drawerTemplate"\n                [ngTemplateOutlet]="drawerTemplate?.templateRef">\n            </ng-template>\n        </div>\n    ',isInline:!0,components:[{type:w,selector:"[kendoDrawerList]",inputs:["items","itemTemplate","mini","expanded"],outputs:["select"]}],directives:[{type:d.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:d.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]}]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:kt,decorators:[{type:a.Component,args:[{exportAs:"kendoDrawer",providers:[e.LocalizationService,ct,{provide:e.L10N_PREFIX,useValue:"kendo.drawer"}],selector:"kendo-drawer",template:'\n        <div class="k-drawer-wrapper" *ngIf="expanded || mini" [style.width.px]="drawerWidth">\n            <ng-container *ngIf="!drawerTemplate">\n                <ng-template *ngIf="headerTemplate"\n                    [ngTemplateOutlet]="headerTemplate?.templateRef">\n                </ng-template>\n\n                <ul kendoDrawerList\n                    (select)="onSelect($event)"\n                    [items]="items" [mini]="mini" [expanded]="expanded"\n                    [itemTemplate]="itemTemplate?.templateRef"\n                    class="k-drawer-items">\n                </ul>\n\n                <ng-template *ngIf="footerTemplate"\n                    [ngTemplateOutlet]="footerTemplate?.templateRef">\n                </ng-template>\n            </ng-container>\n\n            <ng-template *ngIf="drawerTemplate"\n                [ngTemplateOutlet]="drawerTemplate?.templateRef">\n            </ng-template>\n        </div>\n    '}]}],ctorParameters:function(){return[{type:r.ElementRef},{type:G.AnimationBuilder},{type:o.LocalizationService},{type:ct}]},propDecorators:{hostClasses:[{type:a.HostBinding,args:["class.k-widget"]},{type:a.HostBinding,args:["class.k-drawer"]}],startPositionClass:[{type:a.HostBinding,args:["class.k-drawer-start"]}],endPositionClass:[{type:a.HostBinding,args:["class.k-drawer-end"]}],overlayTransofrmStyles:[{type:a.HostBinding,args:["style.transform"]}],flexStyles:[{type:a.HostBinding,args:["style.flexBasis.px"]}],mode:[{type:a.Input}],position:[{type:a.Input}],mini:[{type:a.Input}],expanded:[{type:a.Input}],width:[{type:a.Input}],miniWidth:[{type:a.Input}],autoCollapse:[{type:a.Input}],items:[{type:a.Input}],direction:[{type:a.HostBinding,args:["attr.dir"]}],animation:[{type:a.Input}],expand:[{type:a.Output}],collapse:[{type:a.Output}],select:[{type:a.Output}],expandedChange:[{type:a.Output}],drawerTemplate:[{type:a.ContentChild,args:[I,{static:!1}]}],footerTemplate:[{type:a.ContentChild,args:[pt,{static:!1}]}],headerTemplate:[{type:a.ContentChild,args:[lt,{static:!1}]}],itemTemplate:[{type:a.ContentChild,args:[at,{static:!1}]}]}});Object.defineProperty(xt.prototype,"hostClass",{get:function(){return!0},enumerable:!1,configurable:!0}),Object.defineProperty(xt.prototype,"overlayClass",{get:function(){return"overlay"===this.drawer.mode},enumerable:!1,configurable:!0}),Object.defineProperty(xt.prototype,"miniClass",{get:function(){return this.drawer.mini},enumerable:!1,configurable:!0}),Object.defineProperty(xt.prototype,"pushClass",{get:function(){return"push"===this.drawer.mode},enumerable:!1,configurable:!0}),Object.defineProperty(xt.prototype,"isExpandedClass",{get:function(){return this.drawer.expanded},enumerable:!1,configurable:!0}),xt.prototype.ngOnDestroy=function(){this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe()},Object.defineProperty(xt.prototype,"overlay",{get:function(){return g(this.drawer)&&this.drawer.expanded&&"overlay"===this.drawer.mode},enumerable:!1,configurable:!0}),xt.prototype.closeDrawer=function(){this.overlay&&this.drawer.autoCollapse&&this.drawer.toggle(!1)};var wt=xt;function xt(e){var t=this;this.localizationService=e,this.rtl=!1,this.dynamicRTLSubscription=this.localizationService.changes.subscribe(function(e){e=e.rtl;t.rtl=e,t.direction=t.rtl?"rtl":"ltr"})}wt.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:wt,deps:[{token:o.LocalizationService}],target:r.ɵɵFactoryTarget.Component}),wt.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:wt,selector:"kendo-drawer-container",host:{properties:{"class.k-drawer-container":"this.hostClass","class.k-drawer-overlay":"this.overlayClass","class.k-drawer-mini":"this.miniClass","class.k-drawer-push":"this.pushClass","class.k-drawer-expanded":"this.isExpandedClass","attr.dir":"this.direction"}},providers:[e.LocalizationService,{provide:e.L10N_PREFIX,useValue:"kendo.drawer.container"}],queries:[{propertyName:"drawer",first:!0,predicate:kt,descendants:!0}],ngImport:r,template:'\n        <div class="k-overlay" *ngIf="overlay" (click)="closeDrawer()"></div>\n        <ng-content></ng-content>\n    ',isInline:!0,directives:[{type:d.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]}]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:wt,decorators:[{type:a.Component,args:[{selector:"kendo-drawer-container",providers:[e.LocalizationService,{provide:e.L10N_PREFIX,useValue:"kendo.drawer.container"}],template:'\n        <div class="k-overlay" *ngIf="overlay" (click)="closeDrawer()"></div>\n        <ng-content></ng-content>\n    '}]}],ctorParameters:function(){return[{type:o.LocalizationService}]},propDecorators:{hostClass:[{type:a.HostBinding,args:["class.k-drawer-container"]}],overlayClass:[{type:a.HostBinding,args:["class.k-drawer-overlay"]}],miniClass:[{type:a.HostBinding,args:["class.k-drawer-mini"]}],pushClass:[{type:a.HostBinding,args:["class.k-drawer-push"]}],isExpandedClass:[{type:a.HostBinding,args:["class.k-drawer-expanded"]}],direction:[{type:a.HostBinding,args:["attr.dir"]}],drawer:[{type:a.ContentChild,args:[kt,{static:!1}]}]}});var Tt,Dt=function(){this.hostClasses=!0},Ot=(Dt.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Dt,deps:[],target:r.ɵɵFactoryTarget.Component}),Dt.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Dt,selector:"kendo-drawer-content",host:{properties:{"class.k-drawer-content":"this.hostClasses"}},ngImport:r,template:"\n        <ng-content></ng-content>\n    ",isInline:!0,encapsulation:r.ViewEncapsulation.None}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Dt,decorators:[{type:a.Component,args:[{selector:"kendo-drawer-content",template:"\n        <ng-content></ng-content>\n    ",encapsulation:a.ViewEncapsulation.None}]}],ctorParameters:function(){return[]},propDecorators:{hostClasses:[{type:a.HostBinding,args:["class.k-drawer-content"]}]}}),he(zt,Tt=l.PreventableEvent),zt);function zt(e){var t=Tt.call(this)||this;return Object.assign(t,e),t}var Pt,Et=function(e){this.templateRef=e},Vt=(Et.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Et,deps:[{token:r.TemplateRef,optional:!0}],target:r.ɵɵFactoryTarget.Directive}),Et.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:Et,selector:"[kendoStepperStepTemplate]",ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Et,decorators:[{type:a.Directive,args:[{selector:"[kendoStepperStepTemplate]"}]}],ctorParameters:function(){return[{type:r.TemplateRef,decorators:[{type:a.Optional}]}]}}),function(e){this.templateRef=e}),Bt=(Vt.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Vt,deps:[{token:r.TemplateRef,optional:!0}],target:r.ɵɵFactoryTarget.Directive}),Vt.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:Vt,selector:"[kendoStepperLabelTemplate]",ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Vt,decorators:[{type:a.Directive,args:[{selector:"[kendoStepperLabelTemplate]"}]}],ctorParameters:function(){return[{type:r.TemplateRef,decorators:[{type:a.Optional}]}]}}),function(e){this.templateRef=e}),Rt=(Bt.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Bt,deps:[{token:r.TemplateRef,optional:!0}],target:r.ɵɵFactoryTarget.Directive}),Bt.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:Bt,selector:"[kendoStepperIndicatorTemplate]",ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Bt,decorators:[{type:a.Directive,args:[{selector:"[kendoStepperIndicatorTemplate]"}]}],ctorParameters:function(){return[{type:r.TemplateRef,decorators:[{type:a.Optional}]}]}}),{}),Ft=(Rt[l.Keys.ArrowLeft]="left",Rt[l.Keys.ArrowRight]="right",Rt[l.Keys.ArrowUp]="up",Rt[l.Keys.ArrowDown]="down",Rt[l.Keys.Home]="home",Rt[l.Keys.End]="end",Rt[l.Keys.Enter]="enter",Rt[l.Keys.Space]="enter",Object.assign({},Rt)),Lt=(Ft[l.Keys.ArrowLeft]="right",Ft[l.Keys.ArrowRight]="left",he(Ht,Pt=l.PreventableEvent),Ht);function Ht(e){var t=Pt.call(this)||this;return Object.assign(t,e),t}Object.defineProperty(x.prototype,"handlers",{get:function(){return this.localization.rtl?Ft:Rt},enumerable:!1,configurable:!0}),x.prototype.emit=function(e,t){var n=this.owner;return l.hasObservers(n[e])&&n[e].emit(t),t.isDefaultPrevented()},x.prototype.onActivate=function(e,t){var n=this,i=new Lt({index:e,step:this.owner.steps[e],originalEvent:t,sender:this.owner});this.ngZone.run(function(){n.emit("activate",i)||(n.currentStep=e,n.owner.currentStepChange.emit(e),n.changeDetector.detectChanges())})},x.prototype.validateSteps=function(){this.triggerValidation.emit()},x.prototype.keydown=function(e){var t=this.focusedStep||this.currentStep,n=this.handlers[e.keyCode];g(t)&&n&&(e.preventDefault(),this[n](e))},x.prototype.left=function(){this.isHorizontal&&this.focusPrevStep()},x.prototype.right=function(){this.isHorizontal&&this.focusNextStep()},x.prototype.up=function(){this.isHorizontal||this.focusPrevStep()},x.prototype.down=function(){this.isHorizontal||this.focusNextStep()},x.prototype.home=function(){this.focusedStep=0,this.focusedStepChange.emit()},x.prototype.end=function(){this.focusedStep=this.owner.steps.length-1,this.focusedStepChange.emit()},x.prototype.enter=function(e){this.focusedStep===this.currentStep||this.isStepDisabled(this.focusedStep)||this.owner.linear&&!1===this.isPrevOrNextStep(this.focusedStep)||this.onActivate(this.focusedStep,e)},x.prototype.focus=function(e){this.focusedStep=e},x.prototype.focusNextStep=function(){this.focusedStep<this.owner.steps.length&&(this.focusedStep+=1,this.focusedStepChange.emit())},x.prototype.focusPrevStep=function(){0<this.focusedStep&&(--this.focusedStep,this.focusedStepChange.emit())},x.prototype.isStepDisabled=function(e){return this.owner.steps[e].disabled},x.prototype.isPrevOrNextStep=function(e){return e===this.currentStep+1||e===this.currentStep-1},Object.defineProperty(x.prototype,"isHorizontal",{get:function(){return"horizontal"===this.owner.orientation},enumerable:!1,configurable:!0});var jt=x;function x(e,t,n){this.localization=e,this.ngZone=t,this.changeDetector=n,this.currentStep=0,this.triggerValidation=new a.EventEmitter,this.focusedStepChange=new a.EventEmitter}jt.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:jt,deps:[{token:o.LocalizationService},{token:r.NgZone},{token:r.ChangeDetectorRef}],target:r.ɵɵFactoryTarget.Injectable}),jt.ɵprov=r.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:jt}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:jt,decorators:[{type:a.Injectable}],ctorParameters:function(){return[{type:o.LocalizationService},{type:r.NgZone},{type:r.ChangeDetectorRef}]}});var Mt="data-kendo-stepper-index",T=(Object.defineProperty(D.prototype,"errorStepClass",{get:function(){return!!g(this.isStepValid)&&!this.isStepValid},enumerable:!1,configurable:!0}),Object.defineProperty(D.prototype,"successStepClass",{get:function(){return!!g(this.isStepValid)&&this.isStepValid},enumerable:!1,configurable:!0}),D.prototype.ngOnInit=function(){this.handleValidityChecks()},D.prototype.ngOnChanges=function(e){e.current&&!e.current.firstChange&&this.handleValidityChecks()},D.prototype.ngOnDestroy=function(){this.subs&&this.subs.unsubscribe()},D.prototype.onFocusedStepChange=function(){var e=this;this.ngZone.runOutsideAngular(function(){e.index===e.service.focusedStep&&e.stepLink.nativeElement.focus()})},D.prototype.onFocus=function(){this.service.focus(this.index)},Object.defineProperty(D.prototype,"tabIndexAttr",{get:function(){var e=this.service.focusedStep||this.service.currentStep;return this.index===e?0:-1},enumerable:!1,configurable:!0}),Object.defineProperty(D.prototype,"indicatorIconClasses",{get:function(){return this.step.icon?"k-icon k-i-"+this.step.icon:this.step.iconClass?""+this.step.iconClass:this.shouldCheckValidity?this.validationIconClasses:void 0},enumerable:!1,configurable:!0}),Object.defineProperty(D.prototype,"showIndicatorIcon",{get:function(){return!!this.shouldCheckValidity||!(!this.step.icon&&!this.step.iconClass)},enumerable:!1,configurable:!0}),Object.defineProperty(D.prototype,"showLabelIcon",{get:function(){if(this.shouldCheckValidity){if("label"===this.type)return!0;if(this.step.icon||this.step.iconClass)return!0}return!1},enumerable:!1,configurable:!0}),Object.defineProperty(D.prototype,"showLabelText",{get:function(){return"label"===this.type||"full"===this.type},enumerable:!1,configurable:!0}),Object.defineProperty(D.prototype,"validationIconClasses",{get:function(){return this.isStepValid?this.successIcon?""+this.successIcon:"k-icon k-i-check":this.errorIcon?""+this.errorIcon:"k-icon k-i-warning"},enumerable:!1,configurable:!0}),Object.defineProperty(D.prototype,"indicatorText",{get:function(){var e=this.step.text;return e||this.index+1},enumerable:!1,configurable:!0}),D.prototype.updateStepValidity=function(){return"boolean"==typeof this.step.isValid?this.step.isValid:"function"==typeof this.step.isValid?this.step.isValid(this.index):void 0},Object.defineProperty(D.prototype,"showIndicator",{get:function(){return"indicator"===this.type||"full"===this.type},enumerable:!1,configurable:!0}),Object.defineProperty(D.prototype,"showLabel",{get:function(){return"label"===this.type||"full"===this.type||this.step.optional},enumerable:!1,configurable:!0}),Object.defineProperty(D.prototype,"optionalText",{get:function(){return this.localization.get("optional")},enumerable:!1,configurable:!0}),Object.defineProperty(D.prototype,"transitionDuration",{get:function(){return this.service.owner.animationDuration},enumerable:!1,configurable:!0}),D.prototype._shouldCheckValidity=function(){if(g(this.step.validate)){if("boolean"==typeof this.step.validate)return this.step.validate;if("function"==typeof this.step.validate)return this.step.validate(this.index)}return g(this.step.isValid)&&this.index<this.current},D.prototype.handleValidityChecks=function(){this.isStepValid=void 0,this.shouldCheckValidity=this._shouldCheckValidity(),this.shouldCheckValidity&&(this.isStepValid=this.updateStepValidity())},D);function D(e,t,n){var i=this;this.service=e,this.localization=t,this.ngZone=n,this.isStepValid=void 0,this.shouldCheckValidity=void 0,L.validatePackage(ee),this.subs=this.service.focusedStepChange.subscribe(function(){i.onFocusedStepChange()}),this.subs.add(this.service.triggerValidation.subscribe(function(){i.handleValidityChecks()}))}T.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:T,deps:[{token:jt},{token:o.LocalizationService},{token:r.NgZone}],target:r.ɵɵFactoryTarget.Component}),T.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:T,selector:"[kendoStepperStep]",inputs:{step:"step",index:"index",current:"current",type:"type",successIcon:"successIcon",errorIcon:"errorIcon",indicatorTemplate:"indicatorTemplate",labelTemplate:"labelTemplate",stepTemplate:"stepTemplate"},host:{properties:{"class.k-step-error":"this.errorStepClass","class.k-step-success":"this.successStepClass"}},viewQueries:[{propertyName:"stepLink",first:!0,predicate:["stepLink"],descendants:!0,static:!0}],usesOnChanges:!0,ngImport:r,template:"\n        <a href='#' class='k-step-link' #stepLink\n            [attr.tabindex]='tabIndexAttr'\n            [attr.title]='step.label'\n            [attr.aria-disabled]='step.disabled'\n            [attr.aria-current]='index === current ? \"step\" : null'\n            (focus)='onFocus()'\n        >\n            <ng-template *ngIf='stepTemplate'\n                [ngTemplateOutlet]='stepTemplate'\n                [ngTemplateOutletContext]='{ $implicit: step, index: index }'>\n            </ng-template>\n\n            <ng-container *ngIf='!stepTemplate'>\n                <span *ngIf='showIndicator'\n                    class='k-step-indicator'\n                    aria-hidden='true'\n                    [style.transition-duration.ms]='transitionDuration'\n                >\n                    <ng-template *ngIf='indicatorTemplate'\n                        [ngTemplateOutlet]='indicatorTemplate'\n                        [ngTemplateOutletContext]='{ $implicit: step, index: index }'>\n                    </ng-template>\n\n                    <ng-container *ngIf='!indicatorTemplate'>\n                        <span *ngIf='showIndicatorIcon' class='k-step-indicator-icon' [ngClass]='indicatorIconClasses'></span>\n                        <span class='k-step-indicator-text' *ngIf='!showIndicatorIcon'>{{ indicatorText }}</span>\n                    </ng-container>\n                </span>\n\n                <span class='k-step-label' *ngIf='showLabel'>\n                    <ng-template *ngIf='labelTemplate'\n                        [ngTemplateOutlet]='labelTemplate'\n                        [ngTemplateOutletContext]='{ $implicit: step, index: index }'>\n                    </ng-template>\n\n                    <ng-container *ngIf='!labelTemplate'>\n                        <span class='k-step-text' *ngIf='showLabelText'>{{ step.label }}</span>\n                        <span [ngClass]='validationIconClasses' *ngIf='showLabelIcon' aria-hidden='true'></span>\n                        <span class='k-step-label-optional' *ngIf='step.optional'>({{optionalText}})</span>\n                    </ng-container>\n                </span>\n            </ng-container>\n        </a>\n    ",isInline:!0,directives:[{type:d.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:d.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]},{type:d.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:T,decorators:[{type:a.Component,args:[{selector:"[kendoStepperStep]",template:"\n        <a href='#' class='k-step-link' #stepLink\n            [attr.tabindex]='tabIndexAttr'\n            [attr.title]='step.label'\n            [attr.aria-disabled]='step.disabled'\n            [attr.aria-current]='index === current ? \"step\" : null'\n            (focus)='onFocus()'\n        >\n            <ng-template *ngIf='stepTemplate'\n                [ngTemplateOutlet]='stepTemplate'\n                [ngTemplateOutletContext]='{ $implicit: step, index: index }'>\n            </ng-template>\n\n            <ng-container *ngIf='!stepTemplate'>\n                <span *ngIf='showIndicator'\n                    class='k-step-indicator'\n                    aria-hidden='true'\n                    [style.transition-duration.ms]='transitionDuration'\n                >\n                    <ng-template *ngIf='indicatorTemplate'\n                        [ngTemplateOutlet]='indicatorTemplate'\n                        [ngTemplateOutletContext]='{ $implicit: step, index: index }'>\n                    </ng-template>\n\n                    <ng-container *ngIf='!indicatorTemplate'>\n                        <span *ngIf='showIndicatorIcon' class='k-step-indicator-icon' [ngClass]='indicatorIconClasses'></span>\n                        <span class='k-step-indicator-text' *ngIf='!showIndicatorIcon'>{{ indicatorText }}</span>\n                    </ng-container>\n                </span>\n\n                <span class='k-step-label' *ngIf='showLabel'>\n                    <ng-template *ngIf='labelTemplate'\n                        [ngTemplateOutlet]='labelTemplate'\n                        [ngTemplateOutletContext]='{ $implicit: step, index: index }'>\n                    </ng-template>\n\n                    <ng-container *ngIf='!labelTemplate'>\n                        <span class='k-step-text' *ngIf='showLabelText'>{{ step.label }}</span>\n                        <span [ngClass]='validationIconClasses' *ngIf='showLabelIcon' aria-hidden='true'></span>\n                        <span class='k-step-label-optional' *ngIf='step.optional'>({{optionalText}})</span>\n                    </ng-container>\n                </span>\n            </ng-container>\n        </a>\n    "}]}],ctorParameters:function(){return[{type:jt},{type:o.LocalizationService},{type:r.NgZone}]},propDecorators:{step:[{type:a.Input}],index:[{type:a.Input}],current:[{type:a.Input}],type:[{type:a.Input}],successIcon:[{type:a.Input}],errorIcon:[{type:a.Input}],indicatorTemplate:[{type:a.Input}],labelTemplate:[{type:a.Input}],stepTemplate:[{type:a.Input}],stepLink:[{type:a.ViewChild,args:["stepLink",{static:!0}]}],errorStepClass:[{type:a.HostBinding,args:["class.k-step-error"]}],successStepClass:[{type:a.HostBinding,args:["class.k-step-success"]}]}});At.prototype.ngOnInit=function(){this.initDomEvents()},At.prototype.ngOnDestroy=function(){this.domSubs&&this.domSubs()},Object.defineProperty(At.prototype,"maxStepWidth",{get:function(){return this.maxStepDimension("width")},enumerable:!1,configurable:!0}),Object.defineProperty(At.prototype,"maxStepHeight",{get:function(){return this.maxStepDimension("height")},enumerable:!1,configurable:!0}),At.prototype.maxStepDimension=function(e){return"width"===e&&"vertical"===this.orientation||"height"===e&&"horizontal"===this.orientation?null:100/this.steps.length},At.prototype.initDomEvents=function(){var i=this;this.element&&this.ngZone.runOutsideAngular(function(){var e=i.element.nativeElement,t=i.renderer.listen(e,"click",i.clickHandler.bind(i)),n=i.renderer.listen(e,"keydown",function(e){Z(e.target,"k-step-link")&&i.listKeydown.emit(e)});i.domSubs=function(){t(),n()}})},At.prototype.clickHandler=function(e){e.preventDefault();var t=this.getStepIndex(e.target),n=this.steps[t];n&&!n.disabled&&(n={stepIdx:t,currentStep:this.currentStep,linear:this.linear,originalEvent:e},this.listClick.emit(n))},At.prototype.getStepIndex=function(e){e=Y(e,Mt,this.element.nativeElement);if(e)return U(e,Mt)};var O=At;function At(e,t,n){this.renderer=e,this.ngZone=t,this.element=n,this.listKeydown=new a.EventEmitter,this.listClick=new a.EventEmitter}O.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:O,deps:[{token:r.Renderer2},{token:r.NgZone},{token:r.ElementRef}],target:r.ɵɵFactoryTarget.Component}),O.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:O,selector:"[kendoStepperList]",inputs:{linear:"linear",stepType:"stepType",orientation:"orientation",currentStep:"currentStep",steps:"steps",successIcon:"successIcon",errorIcon:"errorIcon",indicatorTemplate:"indicatorTemplate",labelTemplate:"labelTemplate",stepTemplate:"stepTemplate"},outputs:{listKeydown:"listKeydown",listClick:"listClick"},ngImport:r,template:"\n        <ng-container *ngFor='let step of steps; let idx = index'>\n            <li kendoStepperStep\n                [attr.data-kendo-stepper-index]='idx'\n                [type]='stepType'\n                [step]='step'\n                [index]='idx'\n                [current]='currentStep'\n                [successIcon]='successIcon'\n                [errorIcon]='errorIcon'\n                [indicatorTemplate]='indicatorTemplate'\n                [labelTemplate]='labelTemplate'\n                [stepTemplate]='stepTemplate'\n                class='k-step'\n                [class.k-step-first]='idx === 0'\n                [class.k-step-last]='idx === steps.length - 1'\n                [class.k-step-done]='idx < currentStep'\n                [class.k-step-current]='idx === currentStep'\n                [class.k-step-optional]='step.optional'\n                [class.k-step-disabled]='step.disabled'\n                [ngClass]='step.cssClass'\n                [ngStyle]='step.cssStyle'\n                [style.max-width.%] = 'maxStepWidth'\n                [style.max-height.%] = 'maxStepHeight'\n            >\n            </li>\n        </ng-container>\n    ",isInline:!0,components:[{type:T,selector:"[kendoStepperStep]",inputs:["step","index","current","type","successIcon","errorIcon","indicatorTemplate","labelTemplate","stepTemplate"]}],directives:[{type:d.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:d.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:d.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]}]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:O,decorators:[{type:a.Component,args:[{selector:"[kendoStepperList]",template:"\n        <ng-container *ngFor='let step of steps; let idx = index'>\n            <li kendoStepperStep\n                [attr."+Mt+"]='idx'\n                [type]='stepType'\n                [step]='step'\n                [index]='idx'\n                [current]='currentStep'\n                [successIcon]='successIcon'\n                [errorIcon]='errorIcon'\n                [indicatorTemplate]='indicatorTemplate'\n                [labelTemplate]='labelTemplate'\n                [stepTemplate]='stepTemplate'\n                class='k-step'\n                [class.k-step-first]='idx === 0'\n                [class.k-step-last]='idx === steps.length - 1'\n                [class.k-step-done]='idx < currentStep'\n                [class.k-step-current]='idx === currentStep'\n                [class.k-step-optional]='step.optional'\n                [class.k-step-disabled]='step.disabled'\n                [ngClass]='step.cssClass'\n                [ngStyle]='step.cssStyle'\n                [style.max-width.%] = 'maxStepWidth'\n                [style.max-height.%] = 'maxStepHeight'\n            >\n            </li>\n        </ng-container>\n    "}]}],ctorParameters:function(){return[{type:r.Renderer2},{type:r.NgZone},{type:r.ElementRef}]},propDecorators:{linear:[{type:a.Input}],stepType:[{type:a.Input}],orientation:[{type:a.Input}],currentStep:[{type:a.Input}],steps:[{type:a.Input}],successIcon:[{type:a.Input}],errorIcon:[{type:a.Input}],indicatorTemplate:[{type:a.Input}],labelTemplate:[{type:a.Input}],stepTemplate:[{type:a.Input}],listKeydown:[{type:a.Output}],listClick:[{type:a.Output}]}});he(_t,Nt=e.ComponentMessages);var Nt,z=_t;function _t(){return null!==Nt&&Nt.apply(this,arguments)||this}z.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:z,deps:null,target:r.ɵɵFactoryTarget.Directive}),z.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:z,selector:"kendo-stepper-messages-base",inputs:{optional:"optional"},usesInheritance:!0,ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:z,decorators:[{type:a.Directive,args:[{selector:"kendo-stepper-messages-base"}]}],propDecorators:{optional:[{type:a.Input}]}});he(Zt,Kt=z);var Kt,Wt=Zt;function Zt(e){var t=Kt.call(this)||this;return t.service=e,t}Wt.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Wt,deps:[{token:o.LocalizationService}],target:r.ɵɵFactoryTarget.Directive}),Wt.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:Wt,selector:"\n      [kendoStepperLocalizedMessages]\n    ",providers:[{provide:z,useExisting:a.forwardRef(function(){return Wt})}],usesInheritance:!0,ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Wt,decorators:[{type:a.Directive,args:[{providers:[{provide:z,useExisting:a.forwardRef(function(){return Wt})}],selector:"\n      [kendoStepperLocalizedMessages]\n    "}]}],ctorParameters:function(){return[{type:o.LocalizationService}]}});Object.defineProperty(P.prototype,"linearClass",{get:function(){return this.linear},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"currentStep",{get:function(){return this.stepperService.currentStep},set:function(e){this.stepperService.currentStep=e},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"steps",{get:function(){return this._steps},set:function(e){g(e)&&0<e.length&&(this._steps=e)},enumerable:!1,configurable:!0}),P.prototype.ngOnInit=function(){this.applyHostStyling()},P.prototype.ngOnChanges=function(e){e.steps&&!e.steps.firstChange&&this.applyHostStyling(),e.orientation&&(this.resetHostStyling(),this.applyHostStyling())},P.prototype.ngOnDestroy=function(){this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe()},P.prototype.validateSteps=function(){this.stepperService.validateSteps()},P.prototype.applyHostStyling=function(){var e="horizontal"===this.orientation?"grid-template-columns":"grid-template-rows",t="repeat("+2*this.steps.length+", 1fr)";this.renderer.setStyle(this.elem.nativeElement,e,t)},P.prototype.resetHostStyling=function(){this.renderer.removeStyle(this.elem.nativeElement,"grid-template-columns"),this.renderer.removeStyle(this.elem.nativeElement,"grid-template-rows")},Object.defineProperty(P.prototype,"progressAnimation",{get:function(){return{duration:this.animationDuration}},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"animationDuration",{get:function(){return"number"==typeof this.animation?this.animation:"boolean"==typeof this.animation&&this.animation?400:0},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"stepsListStyling",{get:function(){return"horizontal"===this.orientation?{"grid-column-start":1,"grid-column-end":-1}:{"grid-row-start":1,"grid-row-end":-1}},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"progressBarStyling",{get:function(){return"horizontal"===this.orientation?{"grid-column-start":2,"grid-column-end":2*this.steps.length}:{"grid-row-start":2,"grid-row-end":2*this.steps.length}},enumerable:!1,configurable:!0}),P.prototype.onListKeydown=function(e){this.stepperService.keydown(e)},P.prototype.onListClick=function(e){e.stepIdx===e.currentStep?this.stepperService.focus(e.stepIdx):e.linear&&!1===this.stepperService.isPrevOrNextStep(e.stepIdx)||this.stepperService.onActivate(e.stepIdx,e.originalEvent)},Object.defineProperty(P.prototype,"isHorizontal",{get:function(){return"horizontal"===this.orientation},enumerable:!1,configurable:!0});var Xt=P;function P(e,t,n,i){var r=this;this.renderer=e,this.elem=t,this.localization=n,this.stepperService=i,this.hostClasses=!0,this.ariaRole="navigation",this.displayStyle="grid",this.stepType="indicator",this.linear=!0,this.orientation="horizontal",this.animation=!0,this.activate=new a.EventEmitter,this.currentStepChange=new a.EventEmitter,this._steps=[],this.dynamicRTLSubscription=this.localization.changes.subscribe(function(e){e=e.rtl;r.direction=e?"rtl":"ltr"}),this.stepperService.owner=this}Xt.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Xt,deps:[{token:r.Renderer2},{token:r.ElementRef},{token:o.LocalizationService},{token:jt}],target:r.ɵɵFactoryTarget.Component}),Xt.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Xt,selector:"kendo-stepper",inputs:{stepType:"stepType",linear:"linear",orientation:"orientation",currentStep:"currentStep",steps:"steps",successIcon:"successIcon",errorIcon:"errorIcon",animation:"animation"},outputs:{activate:"activate",currentStepChange:"currentStepChange"},host:{properties:{"class.k-widget":"this.hostClasses","class.k-stepper":"this.hostClasses","class.k-stepper-linear":"this.linearClass","attr.role":"this.ariaRole","attr.dir":"this.direction","style.display":"this.displayStyle"}},providers:[e.LocalizationService,jt,{provide:e.L10N_PREFIX,useValue:"kendo.stepper"}],queries:[{propertyName:"stepTemplate",first:!0,predicate:Et,descendants:!0},{propertyName:"labelTemplate",first:!0,predicate:Vt,descendants:!0},{propertyName:"indicatorTemplate",first:!0,predicate:Bt,descendants:!0}],exportAs:["kendoStepper"],usesOnChanges:!0,ngImport:r,template:"\n        <ng-container kendoStepperLocalizedMessages\n            i18n-optional=\"kendo.stepper.optional|The text for the optional segment of the step label\"\n            optional=\"Optional\"\n         >\n        </ng-container>\n        <ol kendoStepperList\n            [stepType]='stepType'\n            [linear]='linear'\n            [orientation]='orientation'\n            [steps]='steps'\n            [currentStep]='currentStep'\n            [successIcon]='successIcon'\n            [errorIcon]='errorIcon'\n            [indicatorTemplate]='indicatorTemplate?.templateRef'\n            [labelTemplate]='labelTemplate?.templateRef'\n            [stepTemplate]='stepTemplate?.templateRef'\n            class='k-step-list'\n            [class.k-step-list-horizontal]='isHorizontal'\n            [class.k-step-list-vertical]='!isHorizontal'\n            [ngStyle]='stepsListStyling'\n            (listKeydown)=\"onListKeydown($event)\"\n            (listClick)=\"onListClick($event)\">\n        </ol>\n\n        <kendo-progressbar *ngIf='steps.length > 0'\n            [attr.aria-hidden]='true'\n            [animation]='progressAnimation'\n            [max]='steps.length - 1'\n            [label]='false'\n            [orientation]='orientation'\n            [reverse]='!isHorizontal'\n            [value]='currentStep'\n            [ngStyle]='progressBarStyling'>\n        </kendo-progressbar>\n    ",isInline:!0,components:[{type:O,selector:"[kendoStepperList]",inputs:["linear","stepType","orientation","currentStep","steps","successIcon","errorIcon","indicatorTemplate","labelTemplate","stepTemplate"],outputs:["listKeydown","listClick"]},{type:Q.ProgressBarComponent,selector:"kendo-progressbar",inputs:["label","progressCssStyle","progressCssClass","emptyCssStyle","emptyCssClass","animation"],outputs:["animationEnd"],exportAs:["kendoProgressBar"]}],directives:[{type:Wt,selector:"\n      [kendoStepperLocalizedMessages]\n    "},{type:d.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]},{type:d.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]}]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Xt,decorators:[{type:a.Component,args:[{exportAs:"kendoStepper",providers:[e.LocalizationService,jt,{provide:e.L10N_PREFIX,useValue:"kendo.stepper"}],selector:"kendo-stepper",template:"\n        <ng-container kendoStepperLocalizedMessages\n            i18n-optional=\"kendo.stepper.optional|The text for the optional segment of the step label\"\n            optional=\"Optional\"\n         >\n        </ng-container>\n        <ol kendoStepperList\n            [stepType]='stepType'\n            [linear]='linear'\n            [orientation]='orientation'\n            [steps]='steps'\n            [currentStep]='currentStep'\n            [successIcon]='successIcon'\n            [errorIcon]='errorIcon'\n            [indicatorTemplate]='indicatorTemplate?.templateRef'\n            [labelTemplate]='labelTemplate?.templateRef'\n            [stepTemplate]='stepTemplate?.templateRef'\n            class='k-step-list'\n            [class.k-step-list-horizontal]='isHorizontal'\n            [class.k-step-list-vertical]='!isHorizontal'\n            [ngStyle]='stepsListStyling'\n            (listKeydown)=\"onListKeydown($event)\"\n            (listClick)=\"onListClick($event)\">\n        </ol>\n\n        <kendo-progressbar *ngIf='steps.length > 0'\n            [attr.aria-hidden]='true'\n            [animation]='progressAnimation'\n            [max]='steps.length - 1'\n            [label]='false'\n            [orientation]='orientation'\n            [reverse]='!isHorizontal'\n            [value]='currentStep'\n            [ngStyle]='progressBarStyling'>\n        </kendo-progressbar>\n    "}]}],ctorParameters:function(){return[{type:r.Renderer2},{type:r.ElementRef},{type:o.LocalizationService},{type:jt}]},propDecorators:{hostClasses:[{type:a.HostBinding,args:["class.k-widget"]},{type:a.HostBinding,args:["class.k-stepper"]}],linearClass:[{type:a.HostBinding,args:["class.k-stepper-linear"]}],ariaRole:[{type:a.HostBinding,args:["attr.role"]}],direction:[{type:a.HostBinding,args:["attr.dir"]}],displayStyle:[{type:a.HostBinding,args:["style.display"]}],stepType:[{type:a.Input}],linear:[{type:a.Input}],orientation:[{type:a.Input}],currentStep:[{type:a.Input}],steps:[{type:a.Input}],successIcon:[{type:a.Input}],errorIcon:[{type:a.Input}],animation:[{type:a.Input}],activate:[{type:a.Output}],currentStepChange:[{type:a.Output}],stepTemplate:[{type:a.ContentChild,args:[Et,{static:!1}]}],labelTemplate:[{type:a.ContentChild,args:[Vt,{static:!1}]}],indicatorTemplate:[{type:a.ContentChild,args:[Bt,{static:!1}]}]}});he($t,Ut=l.PreventableEvent);var Ut,Q=$t;function $t(e){var t=Ut.call(this)||this;return Object.assign(t,e),t}he(Gt,Yt=z),Object.defineProperty(Gt.prototype,"override",{get:function(){return!0},enumerable:!1,configurable:!0});var Yt,qt=Gt;function Gt(e){var t=Yt.call(this)||this;return t.service=e,t}qt.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:qt,deps:[{token:o.LocalizationService}],target:r.ɵɵFactoryTarget.Component}),qt.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:qt,selector:"kendo-stepper-messages",providers:[{provide:z,useExisting:a.forwardRef(function(){return qt})}],usesInheritance:!0,ngImport:r,template:"",isInline:!0}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:qt,decorators:[{type:a.Component,args:[{providers:[{provide:z,useExisting:a.forwardRef(function(){return qt})}],selector:"kendo-stepper-messages",template:""}]}],ctorParameters:function(){return[{type:o.LocalizationService}]}});Object.defineProperty(E.prototype,"borderClass",{get:function(){return this.border},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"flexBasis",{get:function(){return this.width},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"shape",{set:function(e){this.rounded=oe[e]||null},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"size",{get:function(){return this._size},set:function(e){e!==this._size&&(this.handleClasses("size",e),this._size=null===e?null:e||"medium")},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"rounded",{get:function(){return this._rounded},set:function(e){e!==this._rounded&&(this.handleClasses("rounded",e),this._rounded=null===e?null:e||"full")},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"themeColor",{get:function(){return this._themeColor},set:function(e){e!==this._themeColor&&(this._themeColor=null===e?null:e||"primary",this.handleFillModeAndThemeColorClasses(this.fillMode,this.themeColor))},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"fillMode",{get:function(){return this._fillMode},set:function(e){e!==this.fillMode&&(this._fillMode=null===e?null:e||"solid",this.handleFillModeAndThemeColorClasses(this.fillMode,this.themeColor))},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"fill",{set:function(e){this.fillMode=e},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"avatarWidth",{get:function(){return this.width},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"avatarHeight",{get:function(){return this.height},enumerable:!1,configurable:!0}),E.prototype.ngOnInit=function(){this.verifyProperties()},E.prototype.ngAfterViewInit=function(){var t=this;["size","rounded"].forEach(function(e){t.handleClasses(e,t[e])}),this.handleFillModeAndThemeColorClasses(this.fillMode,this.themeColor)},E.prototype.iconClasses=function(){return this.icon?"k-icon k-i-"+this.icon:this.iconClass?""+this.iconClass:void 0},Object.defineProperty(E.prototype,"customAvatar",{get:function(){return!(this.imageSrc||this.initials||this.icon||this.iconClass)},enumerable:!1,configurable:!0}),E.prototype.verifyProperties=function(){if(a.isDevMode()&&1<[this.icon||this.iconClass,this.imageSrc,this.initials].filter(function(e){return e}).length)throw new Error("\n                Invalid property configuration given.\n                The kendo-avatar component can accept only one of:\n                icon, imageSrc or initials properties.\n            ")},E.prototype.handleClasses=function(e,t){var n=this.element.nativeElement,e=function(e,t,n,i){switch(t){case"size":return{toRemove:"k-"+e+"-"+ie[n],toAdd:i?"k-"+e+"-"+ie[i]:null};case"rounded":return{toRemove:"k-rounded-"+re[n],toAdd:i?"k-rounded-"+re[i]:null}}}("avatar",e,this[e],t);e.toRemove&&this.renderer.removeClass(n,e.toRemove),e.toAdd&&this.renderer.addClass(n,e.toAdd)},E.prototype.handleFillModeAndThemeColorClasses=function(e,t){var n=this,i=this.element.nativeElement;Array.from(i.classList).filter(function(e){return e.startsWith("k-avatar-solid")||e.startsWith("k-avatar-outline")}).forEach(function(e){return n.renderer.removeClass(i,e)}),null!==e&&this.renderer.addClass(i,"k-avatar-"+e),null!==e&&null!==t&&this.renderer.addClass(i,"k-avatar-"+e+"-"+t)};z=E;function E(e,t){this.renderer=e,this.element=t,this.hostClass=!0,this.border=!1,this._themeColor="primary",this._size="medium",this._fillMode="solid",this._rounded="full",L.validatePackage(ee)}z.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:z,deps:[{token:r.Renderer2},{token:r.ElementRef}],target:r.ɵɵFactoryTarget.Component}),z.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:z,selector:"kendo-avatar",inputs:{shape:"shape",size:"size",rounded:"rounded",themeColor:"themeColor",fillMode:"fillMode",fill:"fill",border:"border",iconClass:"iconClass",width:"width",height:"height",cssStyle:"cssStyle",initials:"initials",icon:"icon",imageSrc:"imageSrc"},host:{properties:{"class.k-avatar":"this.hostClass","class.k-avatar-bordered":"this.borderClass","style.flexBasis":"this.flexBasis","style.width":"this.avatarWidth","style.height":"this.avatarHeight"}},ngImport:r,template:'\n        <ng-content *ngIf="customAvatar"></ng-content>\n\n        <ng-container *ngIf="imageSrc">\n            <span class="k-avatar-image">\n                <img src="{{imageSrc}}" [ngStyle]="cssStyle" />\n            </span>\n        </ng-container>\n\n        <ng-container *ngIf="initials">\n            <span class="k-avatar-text" [ngStyle]="cssStyle">{{ initials.substring(0, 2) }}</span>\n        </ng-container>\n\n        <ng-container *ngIf="icon || iconClass">\n            <span class="k-avatar-icon" [ngStyle]="cssStyle" [ngClass]="iconClasses()"></span>\n        </ng-container>\n    ',isInline:!0,directives:[{type:d.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:d.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]},{type:d.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:z,decorators:[{type:a.Component,args:[{selector:"kendo-avatar",template:'\n        <ng-content *ngIf="customAvatar"></ng-content>\n\n        <ng-container *ngIf="imageSrc">\n            <span class="k-avatar-image">\n                <img src="{{imageSrc}}" [ngStyle]="cssStyle" />\n            </span>\n        </ng-container>\n\n        <ng-container *ngIf="initials">\n            <span class="k-avatar-text" [ngStyle]="cssStyle">{{ initials.substring(0, 2) }}</span>\n        </ng-container>\n\n        <ng-container *ngIf="icon || iconClass">\n            <span class="k-avatar-icon" [ngStyle]="cssStyle" [ngClass]="iconClasses()"></span>\n        </ng-container>\n    '}]}],ctorParameters:function(){return[{type:r.Renderer2},{type:r.ElementRef}]},propDecorators:{hostClass:[{type:a.HostBinding,args:["class.k-avatar"]}],borderClass:[{type:a.HostBinding,args:["class.k-avatar-bordered"]}],flexBasis:[{type:a.HostBinding,args:["style.flexBasis"]}],shape:[{type:a.Input}],size:[{type:a.Input}],rounded:[{type:a.Input}],themeColor:[{type:a.Input}],fillMode:[{type:a.Input}],fill:[{type:a.Input}],border:[{type:a.Input}],iconClass:[{type:a.Input}],width:[{type:a.Input}],avatarWidth:[{type:a.HostBinding,args:["style.width"]}],height:[{type:a.Input}],avatarHeight:[{type:a.HostBinding,args:["style.height"]}],cssStyle:[{type:a.Input}],initials:[{type:a.Input}],icon:[{type:a.Input}],imageSrc:[{type:a.Input}]}});Object.defineProperty(Jt.prototype,"widthStyle",{get:function(){return this.width},enumerable:!1,configurable:!0}),Object.defineProperty(Jt.prototype,"vertical",{get:function(){return"vertical"===this.orientation},enumerable:!1,configurable:!0}),Object.defineProperty(Jt.prototype,"horizontal",{get:function(){return"horizontal"===this.orientation},enumerable:!1,configurable:!0}),Jt.prototype.ngOnDestroy=function(){this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe()};var Qt=Jt;function Jt(e){var t=this;this.localizationService=e,this.hostClass=!0,this.orientation="vertical",this.width="285px",this.rtl=!1,L.validatePackage(ee),this.dynamicRTLSubscription=this.localizationService.changes.subscribe(function(e){e=e.rtl;t.rtl=e,t.direction=t.rtl?"rtl":"ltr"})}Qt.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Qt,deps:[{token:o.LocalizationService}],target:r.ɵɵFactoryTarget.Component}),Qt.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Qt,selector:"kendo-card",inputs:{orientation:"orientation",width:"width"},host:{properties:{"class.k-widget":"this.hostClass","class.k-card":"this.hostClass","style.width":"this.widthStyle","class.k-card-vertical":"this.vertical","class.k-card-horizontal":"this.horizontal","attr.dir":"this.direction"}},providers:[e.LocalizationService,{provide:e.L10N_PREFIX,useValue:"kendo.card.component"}],ngImport:r,template:"\n        <ng-content></ng-content>\n    ",isInline:!0}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Qt,decorators:[{type:a.Component,args:[{selector:"kendo-card",providers:[e.LocalizationService,{provide:e.L10N_PREFIX,useValue:"kendo.card.component"}],template:"\n        <ng-content></ng-content>\n    "}]}],ctorParameters:function(){return[{type:o.LocalizationService}]},propDecorators:{hostClass:[{type:a.HostBinding,args:["class.k-widget"]},{type:a.HostBinding,args:["class.k-card"]}],widthStyle:[{type:a.HostBinding,args:["style.width"]}],vertical:[{type:a.HostBinding,args:["class.k-card-vertical"]}],horizontal:[{type:a.HostBinding,args:["class.k-card-horizontal"]}],direction:[{type:a.HostBinding,args:["attr.dir"]}],orientation:[{type:a.Input}],width:[{type:a.Input}]}});var en=function(){this.hostClass=!0},tn=(en.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:en,deps:[],target:r.ɵɵFactoryTarget.Component}),en.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:en,selector:"kendo-card-header",host:{properties:{"class.k-card-header":"this.hostClass"}},ngImport:r,template:"\n        <ng-content></ng-content>\n    ",isInline:!0}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:en,decorators:[{type:a.Component,args:[{selector:"kendo-card-header",template:"\n        <ng-content></ng-content>\n    "}]}],propDecorators:{hostClass:[{type:a.HostBinding,args:["class.k-card-header"]}]}}),function(){this.hostClass=!0}),nn=(tn.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:tn,deps:[],target:r.ɵɵFactoryTarget.Component}),tn.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:tn,selector:"kendo-card-body",host:{properties:{"class.k-card-body":"this.hostClass"}},ngImport:r,template:"\n        <ng-content></ng-content>\n    ",isInline:!0}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:tn,decorators:[{type:a.Component,args:[{selector:"kendo-card-body",template:"\n        <ng-content></ng-content>\n    "}]}],propDecorators:{hostClass:[{type:a.HostBinding,args:["class.k-card-body"]}]}}),function(){this.hostClass=!0}),rn=(nn.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:nn,deps:[],target:r.ɵɵFactoryTarget.Component}),nn.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:nn,selector:"kendo-card-footer",host:{properties:{"class.k-card-footer":"this.hostClass"}},ngImport:r,template:"\n        <ng-content></ng-content>\n    ",isInline:!0}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:nn,decorators:[{type:a.Component,args:[{selector:"kendo-card-footer",template:"\n        <ng-content></ng-content>\n    "}]}],propDecorators:{hostClass:[{type:a.HostBinding,args:["class.k-card-footer"]}]}}),Object.defineProperty(on.prototype,"stretchedClass",{get:function(){return"stretched"===this.layout},enumerable:!1,configurable:!0}),Object.defineProperty(on.prototype,"startClass",{get:function(){return"start"===this.layout},enumerable:!1,configurable:!0}),Object.defineProperty(on.prototype,"endClass",{get:function(){return"end"===this.layout},enumerable:!1,configurable:!0}),Object.defineProperty(on.prototype,"centerClass",{get:function(){return"center"===this.layout},enumerable:!1,configurable:!0}),Object.defineProperty(on.prototype,"verticalClass",{get:function(){return"vertical"===this.orientation},enumerable:!1,configurable:!0}),Object.defineProperty(on.prototype,"horizontalClass",{get:function(){return"horizontal"===this.orientation},enumerable:!1,configurable:!0}),Object.defineProperty(on.prototype,"actions",{set:function(e){Array.isArray(e)?this.actionsArray=e:e instanceof a.TemplateRef&&(this.actionsTemplate=e)},enumerable:!1,configurable:!0}),on.prototype.onClick=function(e){this.action.emit(e)},on);function on(){this.hostClass=!0,this.orientation="horizontal",this.layout="start",this.action=new a.EventEmitter}rn.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:rn,deps:[],target:r.ɵɵFactoryTarget.Component}),rn.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:rn,selector:"kendo-card-actions",inputs:{orientation:"orientation",layout:"layout",actions:"actions"},outputs:{action:"action"},host:{properties:{"class.k-card-actions":"this.hostClass","class.k-card-actions-stretched":"this.stretchedClass","class.k-card-actions-start":"this.startClass","class.k-card-actions-end":"this.endClass","class.k-card-actions-center":"this.centerClass","class.k-card-actions-vertical":"this.verticalClass","class.k-card-actions-horizontal":"this.horizontalClass"}},ngImport:r,template:'\n        <ng-content *ngIf="!actionsArray && !actionsTemplate"></ng-content>\n\n        <ng-container *ngIf="actionsArray">\n            <button type="button"\n                class="k-button"\n                [class.k-primary]="action.primary"\n                [class.k-flat]="action.flat"\n                (click)="onClick(action)"\n                *ngFor="let action of actionsArray"\n            >\n                {{ action.text }}\n            </button>\n        </ng-container>\n\n        <ng-template [ngTemplateOutlet]="actionsTemplate" *ngIf="actionsTemplate"></ng-template>\n    ',isInline:!0,directives:[{type:d.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:d.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:d.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]}]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:rn,decorators:[{type:a.Component,args:[{selector:"kendo-card-actions",template:'\n        <ng-content *ngIf="!actionsArray && !actionsTemplate"></ng-content>\n\n        <ng-container *ngIf="actionsArray">\n            <button type="button"\n                class="k-button"\n                [class.k-primary]="action.primary"\n                [class.k-flat]="action.flat"\n                (click)="onClick(action)"\n                *ngFor="let action of actionsArray"\n            >\n                {{ action.text }}\n            </button>\n        </ng-container>\n\n        <ng-template [ngTemplateOutlet]="actionsTemplate" *ngIf="actionsTemplate"></ng-template>\n    '}]}],propDecorators:{hostClass:[{type:a.HostBinding,args:["class.k-card-actions"]}],stretchedClass:[{type:a.HostBinding,args:["class.k-card-actions-stretched"]}],startClass:[{type:a.HostBinding,args:["class.k-card-actions-start"]}],endClass:[{type:a.HostBinding,args:["class.k-card-actions-end"]}],centerClass:[{type:a.HostBinding,args:["class.k-card-actions-center"]}],verticalClass:[{type:a.HostBinding,args:["class.k-card-actions-vertical"]}],horizontalClass:[{type:a.HostBinding,args:["class.k-card-actions-horizontal"]}],orientation:[{type:a.Input}],layout:[{type:a.Input}],actions:[{type:a.Input}],action:[{type:a.Output}]}});Object.defineProperty(an.prototype,"verticalClass",{get:function(){return"vertical"===this.orientation},enumerable:!1,configurable:!0}),Object.defineProperty(an.prototype,"horizontalClass",{get:function(){return"horizontal"===this.orientation},enumerable:!1,configurable:!0});var sn=an;function an(){this.hostClass=!0,this.orientation="horizontal"}sn.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:sn,deps:[],target:r.ɵɵFactoryTarget.Directive}),sn.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:sn,selector:"[kendoCardSeparator]",inputs:{color:"color",orientation:"orientation"},host:{properties:{"class.k-card-separator":"this.hostClass","class.k-separator-vertical":"this.verticalClass","class.k-separator-horizontal":"this.horizontalClass","style.color":"this.color"}},ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:sn,decorators:[{type:a.Directive,args:[{selector:"[kendoCardSeparator]"}]}],propDecorators:{hostClass:[{type:a.HostBinding,args:["class.k-card-separator"]}],verticalClass:[{type:a.HostBinding,args:["class.k-separator-vertical"]}],horizontalClass:[{type:a.HostBinding,args:["class.k-separator-horizontal"]}],color:[{type:a.HostBinding,args:["style.color"]},{type:a.Input}],orientation:[{type:a.Input}]}});function ln(){}var pn=function(){this.hostClass=!0},cn=(pn.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:pn,deps:[],target:r.ɵɵFactoryTarget.Directive}),pn.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:pn,selector:"[kendoCardTitle]",host:{properties:{"class.k-card-title":"this.hostClass"}},ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:pn,decorators:[{type:a.Directive,args:[{selector:"[kendoCardTitle]"}]}],propDecorators:{hostClass:[{type:a.HostBinding,args:["class.k-card-title"]}]}}),function(){this.hostClass=!0}),dn=(cn.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:cn,deps:[],target:r.ɵɵFactoryTarget.Directive}),cn.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:cn,selector:"[kendoCardSubtitle]",host:{properties:{"class.k-card-subtitle":"this.hostClass"}},ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:cn,decorators:[{type:a.Directive,args:[{selector:"[kendoCardSubtitle]"}]}],propDecorators:{hostClass:[{type:a.HostBinding,args:["class.k-card-subtitle"]}]}}),function(){this.hostClass=!0}),gn=(dn.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:dn,deps:[],target:r.ɵɵFactoryTarget.Directive}),dn.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:dn,selector:"[kendoCardMedia]",host:{properties:{"class.k-card-media":"this.hostClass"}},ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:dn,decorators:[{type:a.Directive,args:[{selector:"[kendoCardMedia]"}]}],propDecorators:{hostClass:[{type:a.HostBinding,args:["class.k-card-media"]}]}}),function(e){this.templateRef=e});gn.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:gn,deps:[{token:r.TemplateRef,optional:!0}],target:r.ɵɵFactoryTarget.Directive}),gn.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:gn,selector:"[kendoExpansionPanelTitleDirective]",ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:gn,decorators:[{type:a.Directive,args:[{selector:"[kendoExpansionPanelTitleDirective]"}]}],ctorParameters:function(){return[{type:r.TemplateRef,decorators:[{type:a.Optional}]}]}});he(mn,un=l.PreventableEvent);var un,hn=mn;function mn(e){var t=un.call(this)||this;return Object.assign(t,e),t}var yn="k-hidden",fn=(Object.defineProperty(V.prototype,"expanded",{get:function(){return this._expanded},set:function(e){e!==this.expanded&&(this._expanded=e,this.expanded?this.removeContentHiddenClass():this.addContentHiddenClass())},enumerable:!1,configurable:!0}),Object.defineProperty(V.prototype,"expandedClass",{get:function(){return this.expanded&&!this.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(V.prototype,"focusClass",{get:function(){return this.focused},enumerable:!1,configurable:!0}),Object.defineProperty(V.prototype,"disabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),V.prototype.onComponentBlur=function(){this.focused&&(this.focused=!1)},V.prototype.onComponentFocus=function(){this.focused||(this.focused=!0)},V.prototype.ngOnInit=function(){var t=this;this.renderer.removeAttribute(this.hostElement.nativeElement,"title"),this.subscriptions=this.localizationService.changes.subscribe(function(e){e=e.rtl;t.direction=e?"rtl":"ltr"})},V.prototype.ngAfterViewInit=function(){this.initDomEvents(),this.expanded||this.renderer.addClass(this.content.nativeElement,yn)},V.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},V.prototype.initDomEvents=function(){var t=this;this.hostElement&&!this.disabled&&this.ngZone.runOutsideAngular(function(){var e=t.hostElement.nativeElement;t.subscriptions.add(t.renderer.listen(e,"keydown",t.keyDownHandler.bind(t)))})},V.prototype.keyDownHandler=function(e){var t=this;e.keyCode!==l.Keys.Enter&&e.keyCode!==l.Keys.Space||!Z(e.target,"k-expander")||(e.preventDefault(),this.ngZone.run(function(){t.onHeaderAction()}))},V.prototype.onHeaderClick=function(e){W(e.target)||this.disabled||this.onHeaderAction()},V.prototype.onHeaderAction=function(){this.focused=!0;var e=new hn;e.action=this.expanded?"collapse":"expand",this.action.emit(e),e.isDefaultPrevented()||(this.setExpanded(!this.expanded),this.expanded&&this.removeContentHiddenClass(),this.animation?this.animateContent():(this.expanded||this.addContentHiddenClass(),this.emitExpandCollapseEvent()))},Object.defineProperty(V.prototype,"indicatorClasses",{get:function(){return this.expanded?this.collapseIcon||"k-icon k-i-arrow-chevron-up":this.expandIcon||"k-icon k-i-arrow-chevron-down"},enumerable:!1,configurable:!0}),V.prototype.toggle=function(e){var t=this.expanded,e=g(e)?e:!t;e!==t&&(this.setExpanded(e),this.expanded&&this.removeContentHiddenClass(),this.animation?this.animateContent():(this.expanded||this.addContentHiddenClass(),this.emitExpandCollapseEvent()))},V.prototype.setExpanded=function(e){this._expanded=e,this.expandedChange.emit(e)},V.prototype.animateContent=function(){var e,t=this,n="boolean"==typeof this.animation?200:this.animation,i=getComputedStyle(this.content.nativeElement).height,r=this.expanded?(e=n,r=i,[p.style({overflow:"hidden",display:"block",height:0}),p.animate(e+"ms ease-in",p.style({height:""+r}))]):(e=n,[p.style({overflow:"hidden",height:""+i}),p.animate(e+"ms ease-in",p.style({overflow:"hidden",height:0}))]),n=this.createPlayer(r,this.content.nativeElement);this.animationEnd.pipe(H.take(1)).subscribe(function(){t.expanded||t.addContentHiddenClass(),t.emitExpandCollapseEvent()}),n.play()},V.prototype.createPlayer=function(e,t){var n=this,i=this.builder.build(e).create(t);return i.onDone(function(){i&&(n.animationEnd.emit(),i.destroy(),i=null)}),i},V.prototype.emitExpandCollapseEvent=function(){this[this.expanded?"expand":"collapse"].emit()},V.prototype.addContentHiddenClass=function(){this.renderer.addClass(this.content.nativeElement,yn)},V.prototype.removeContentHiddenClass=function(){this.renderer.removeClass(this.content.nativeElement,yn)},V);function V(e,t,n,i,r){this.renderer=e,this.hostElement=t,this.ngZone=n,this.localizationService=i,this.builder=r,this.title="",this.subtitle="",this.disabled=!1,this.animation=!0,this.expandedChange=new a.EventEmitter,this.action=new a.EventEmitter,this.expand=new a.EventEmitter,this.collapse=new a.EventEmitter,this.hostClass=!0,this.tabindex=0,this.focused=!1,this.animationEnd=new a.EventEmitter,this.subscriptions=new c.Subscription,this._expanded=!1,L.validatePackage(ee),this.direction=i.rtl?"rtl":"ltr"}fn.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:fn,deps:[{token:r.Renderer2},{token:r.ElementRef},{token:r.NgZone},{token:o.LocalizationService},{token:G.AnimationBuilder}],target:r.ɵɵFactoryTarget.Component}),fn.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:fn,selector:"kendo-expansionpanel",inputs:{title:"title",subtitle:"subtitle",disabled:"disabled",expanded:"expanded",expandIcon:"expandIcon",collapseIcon:"collapseIcon",animation:"animation"},outputs:{expandedChange:"expandedChange",action:"action",expand:"expand",collapse:"collapse"},host:{listeners:{blur:"onComponentBlur()",focus:"onComponentFocus()"},properties:{"class.k-expander":"this.hostClass","attr.aria-expanded":"this.expandedClass","class.k-expanded":"this.expandedClass","class.k-state-focus":"this.focusClass","attr.aria-disabled":"this.disabledClass","class.k-state-disabled":"this.disabledClass","attr.dir":"this.direction","attr.tabindex":"this.tabindex"}},providers:[e.LocalizationService,{provide:e.L10N_PREFIX,useValue:"kendo.expansionpanel"}],queries:[{propertyName:"titleTemplate",first:!0,predicate:gn,descendants:!0}],viewQueries:[{propertyName:"content",first:!0,predicate:["content"],descendants:!0,static:!0}],exportAs:["kendoExpansionPanel"],ngImport:r,template:'\n        <div\n            [class.k-expander-header]="true"\n            (click)="onHeaderClick($event)">\n            <ng-container *ngIf="!titleTemplate">\n                <div *ngIf="title" class="k-expander-title">{{ title }}</div>\n                <span class="k-spacer"></span>\n                <div *ngIf="subtitle" class="k-expander-sub-title">\n                    {{ subtitle }}\n                </div>\n            </ng-container>\n            <ng-template\n                *ngIf="titleTemplate"\n                [ngTemplateOutlet]="titleTemplate?.templateRef">\n            </ng-template>\n            <span class="k-expander-indicator">\n                <span [ngClass]="indicatorClasses"></span>\n            </span>\n        </div>\n        <div #content class="k-expander-content-wrapper">\n            <div  class="k-expander-content" [attr.aria-hidden]="!expanded">\n                <ng-content></ng-content>\n            </div>\n        </div>\n    ',isInline:!0,directives:[{type:d.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:d.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]},{type:d.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:fn,decorators:[{type:a.Component,args:[{exportAs:"kendoExpansionPanel",providers:[e.LocalizationService,{provide:e.L10N_PREFIX,useValue:"kendo.expansionpanel"}],selector:"kendo-expansionpanel",template:'\n        <div\n            [class.k-expander-header]="true"\n            (click)="onHeaderClick($event)">\n            <ng-container *ngIf="!titleTemplate">\n                <div *ngIf="title" class="k-expander-title">{{ title }}</div>\n                <span class="k-spacer"></span>\n                <div *ngIf="subtitle" class="k-expander-sub-title">\n                    {{ subtitle }}\n                </div>\n            </ng-container>\n            <ng-template\n                *ngIf="titleTemplate"\n                [ngTemplateOutlet]="titleTemplate?.templateRef">\n            </ng-template>\n            <span class="k-expander-indicator">\n                <span [ngClass]="indicatorClasses"></span>\n            </span>\n        </div>\n        <div #content class="k-expander-content-wrapper">\n            <div  class="k-expander-content" [attr.aria-hidden]="!expanded">\n                <ng-content></ng-content>\n            </div>\n        </div>\n    '}]}],ctorParameters:function(){return[{type:r.Renderer2},{type:r.ElementRef},{type:r.NgZone},{type:o.LocalizationService},{type:G.AnimationBuilder}]},propDecorators:{title:[{type:a.Input}],subtitle:[{type:a.Input}],disabled:[{type:a.Input}],expanded:[{type:a.Input}],expandIcon:[{type:a.Input}],collapseIcon:[{type:a.Input}],animation:[{type:a.Input}],expandedChange:[{type:a.Output}],action:[{type:a.Output}],expand:[{type:a.Output}],collapse:[{type:a.Output}],titleTemplate:[{type:a.ContentChild,args:[gn,{static:!1}]}],content:[{type:a.ViewChild,args:["content",{static:!0}]}],hostClass:[{type:a.HostBinding,args:["class.k-expander"]}],expandedClass:[{type:a.HostBinding,args:["attr.aria-expanded"]},{type:a.HostBinding,args:["class.k-expanded"]}],focusClass:[{type:a.HostBinding,args:["class.k-state-focus"]}],disabledClass:[{type:a.HostBinding,args:["attr.aria-disabled"]},{type:a.HostBinding,args:["class.k-state-disabled"]}],direction:[{type:a.HostBinding,args:["attr.dir"]}],tabindex:[{type:a.HostBinding,args:["attr.tabindex"]}],onComponentBlur:[{type:a.HostListener,args:["blur"]}],onComponentFocus:[{type:a.HostListener,args:["focus"]}]}});function bn(e){return e?+e:void 0}function vn(e,t){for(var n=0;n<e.length;n++)if(e[n]!==t[n])return 1}function Cn(t,n,i){Object.keys(i).forEach(function(e){t.setStyle(n,e,i[e])})}function In(e,t,n,i,r,o){void 0===o&&(o=!1);var s=((t=t.getBoundingClientRect()).height-n.rows)/(i.height+n.rows),a=e.y-t.y,l=e.x-t.x,t=t.right-e.x,e=Math.floor((o?t:l)/(n.columns+i.width)),o=Math.min(e+1,r),t=Math.floor(a/(n.rows+i.height)),l=Math.min(t+1,s),e=Math.max(o,0);return{row:Math.max(l,0),col:e}}var kn,Sn=["ew","ns","nwse"],wn=["ew","ns","nesw"],xn={ew:{width:9,overlapX:5},ns:{height:9,overlapY:5},nwse:{width:25,height:25,overlapX:18,overlapY:18},nesw:{width:25,height:25,overlapX:18,overlapY:18}},Tn=(he(Dn,kn=l.PreventableEvent),Dn);function Dn(e,t,n,i,r,o,s,a){var l=kn.call(this)||this;return l.item=e,l.items=t,l.newIndex=n,l.oldIndex=i,l.newCol=r,l.oldCol=o,l.newRow=s,l.oldRow=a,l}he(Pn,On=l.PreventableEvent);var On,zn=Pn;function Pn(e,t,n,i,r,o){var s=On.call(this)||this;return s.item=e,s.items=t,s.newRowSpan=n,s.oldRowSpan=i,s.newColSpan=r,s.oldColSpan=o,s}Object.defineProperty(B.prototype,"colStart",{get:function(){return this.currentColStart},enumerable:!1,configurable:!0}),Object.defineProperty(B.prototype,"rowStart",{get:function(){return this.currentRowStart},enumerable:!1,configurable:!0}),Object.defineProperty(B.prototype,"itemWrapper",{get:function(){return this.draggedItemWrapper},enumerable:!1,configurable:!0}),Object.defineProperty(B.prototype,"order",{get:function(){return this.targetOrder},enumerable:!1,configurable:!0}),B.prototype.ngOnDestroy=function(){this.localizationSubscription.unsubscribe()},B.prototype.handlePress=function(e){var t,n,i=this,r=!!e.target.classList.contains("k-resize-handle"),o=X(e.target,function(e){return e.classList.contains("k-tilelayout-item")},this.tileLayoutSettings.tileLayoutElement),s=X(e.target,function(e){return e.classList.contains("k-tilelayout-item-header")},this.tileLayoutSettings.tileLayoutElement);o&&(this.zone.run(function(){i.draggedItemWrapper=o,i.draggedItem=i.tileLayoutSettings.items.find(function(e){return e.order===+o.style.order})}),((t=!r&&this.reorderable.getValue()&&this.draggedItem.reorderable&&s)||r)&&(e.preventDefault(),this.zone.run(function(){i.reordering=t,i.resizing=r}),n=this.draggedItemWrapper.getBoundingClientRect(),this.zone.run(function(){i.offset={top:e.clientY-n.top,left:e.clientX-n.left,x:n.x,y:n.y,width:n.width,height:n.height},i.targetSize={rowSpan:i.draggedItem.rowSpan,colSpan:i.draggedItem.colSpan},i.cellSize={width:(n.width-(i.targetSize.colSpan-1)*i.tileLayoutSettings.gap.columns)/i.targetSize.colSpan,height:(n.height-(i.targetSize.rowSpan-1)*i.tileLayoutSettings.gap.rows)/i.targetSize.rowSpan},i.lastDragCursorOffset={x:e.clientX,y:e.clientY}}),Cn(this.renderer,this.draggedItemWrapper,{left:n.left+window.pageXOffset+"px",top:n.top+window.pageYOffset+"px",width:n.width+"px",height:n.height+"px",zIndex:10}),Cn(this.renderer,this.tileLayoutSettings.hintElement,{display:"flex",height:n.height-2+"px"}),this.zone.run(function(){return i.targetOrder=i.draggedItem.order}),Cn(this.renderer,this.draggedItemWrapper,{position:"absolute"}),this.reorderable.getValue()&&!r?(this.zone.run(function(){i.currentColStart=i.draggedItem.colStart,i.currentRowStart=i.draggedItem.rowStart}),s=this.draggedItem.elem.nativeElement.querySelector(".k-tilelayout-item-header"),this.renderer.addClass(s,"k-cursor-grabbing")):this.resizable&&r&&this.zone.run(function(){i.startingPoint={top:e.clientY,left:e.clientX},i.currentResizingColSpan=i.draggedItem.colSpan,i.currentResizingRowSpan=i.draggedItem.rowSpan,i.draggedItem.col&&(i.currentColStart=i.draggedItem.col.toString()),i.draggedItem.row&&(i.currentRowStart=i.draggedItem.row.toString()),i.direction=e.target.classList[1]})))},B.prototype.handleDrag=function(e){this.draggedItemWrapper&&(this.reordering?this.reorderItems(e):this.resizing&&this.resizeItem(e),this.lastDragCursorOffset={x:e.clientX,y:e.clientY})},B.prototype.handleRelease=function(e){var t,n,i,r,o=this;e.preventDefault(),this.reordering?(t=this.draggedItem.order,e=this.draggedItem.col,r=this.draggedItem.row,i=bn(this.currentColStart),n=bn(this.currentRowStart),vn([this.targetOrder,i,n],[t,e,r])&&(i=new Tn(this.draggedItem,this.tileLayoutSettings.items,this.targetOrder,t,bn(this.currentColStart),e,n,r),this.reorder.next(i),i.isDefaultPrevented()||(this.targetOrder>t?this.zone.run(function(){for(var e=t+1;e<=o.targetOrder;e++)!function(t){o.tileLayoutSettings.items.find(function(e){return e.order===t}).order=t-1}(e)}):this.zone.run(function(){for(var e=o.targetOrder;e<t;e++)!function(t){o.tileLayoutSettings.items.find(function(e){return e.order===t}).order=t+1}(e)}),this.draggedItem.order=this.targetOrder,this.draggedItem.col&&(this.draggedItem.col=+this.currentColStart),this.draggedItem.row&&(this.draggedItem.row=+this.currentRowStart))),this.tileLayoutSettings.tileLayoutElement.appendChild(this.tileLayoutSettings.hintElement),this.zone.run(function(){return o.cleanUp()})):!this.reordering&&this.resizing&&(e=this.draggedItem.rowSpan,n=this.draggedItem.colSpan,i=(r=this.tileLayoutSettings.items.some(function(e){return g(e.row)})?this.targetSpan():{targetColSpan:this.currentResizingColSpan,targetRowSpan:this.currentResizingRowSpan}).targetColSpan,r=r.targetRowSpan,vn([e,n],[r,i])&&(r=new zn(this.draggedItem,this.tileLayoutSettings.items,r,e,i,n),this.resize.next(r),r.isDefaultPrevented()||(this.draggedItem.colSpan=this.currentResizingColSpan,this.draggedItem.rowSpan=this.currentResizingRowSpan)),this.zone.run(function(){return o.cleanUp()}))},B.prototype.reorderItems=function(e){var t=this;r=e;var n,i,r=(l.isDocumentAvailable()&&g(document.elementsFromPoint)?document.elementsFromPoint(r.clientX,r.clientY).filter(function(e){return e.classList&&(e.classList.contains("k-tilelayout-item")||e.classList.contains("k-layout-item-hint"))}):[r.target]).find(function(e){return e!==t.draggedItemWrapper}),o=r?+r.style.order:+this.draggedItemWrapper.style.order,s=("none"!==this.tileLayoutSettings.autoFlow&&(n=0<(r=e.clientX-this.lastDragCursorOffset.x)?"right":r<0?"left":void 0,r=0<e.clientY-this.lastDragCursorOffset.y?"down":r<0?"up":void 0,s=this.draggedItemWrapper.getBoundingClientRect(),i=this.tileLayoutSettings.gap.columns,a=this.tileLayoutSettings.gap.rows,n&&this.draggedItem.col&&(i=In({x:"right"===n?s.right-i:s.left+i,y:e.clientY},this.tileLayoutSettings.tileLayoutElement,this.tileLayoutSettings.gap,this.cellSize,this.tileLayoutSettings.columns,this.rtl).col,i=this.getTargetCol(i,n),this.currentColStart=i.toString()),r&&this.draggedItem.row&&(n=In({x:e.clientX,y:"down"===r?s.bottom-a:s.top+a},this.tileLayoutSettings.tileLayoutElement,this.tileLayoutSettings.gap,this.cellSize,this.tileLayoutSettings.columns,this.rtl).row,i=this.getTargetRow(n,r),this.currentRowStart=i.toString())),o<this.targetOrder),a=o>this.targetOrder;this.zone.run(function(){return t.targetOrder=o}),s?this.tileLayoutSettings.tileLayoutElement.insertBefore(this.tileLayoutSettings.hintElement,this.tileLayoutSettings.tileLayoutElement.firstChild):a&&this.tileLayoutSettings.tileLayoutElement.appendChild(this.tileLayoutSettings.hintElement),Cn(this.renderer,this.draggedItemWrapper,{top:e.pageY-this.offset.top+"px",left:e.pageX-this.offset.left+"px"})},B.prototype.resizeItem=function(r){function e(){Cn(o.renderer,o.draggedItemWrapper,{width:Math.min(Math.max(s,o.cellSize.width),d)+"px"}),o.rtl&&s>o.cellSize.width&&(e=o.tileLayoutSettings.columns*(o.cellSize.width+o.tileLayoutSettings.gap.columns),e=o.tileLayoutSettings.tileLayoutElement.getBoundingClientRect().right-e,Cn(o.renderer,o.draggedItemWrapper,{left:Math.max(r.clientX,e)+"px"}));var e=s-a,t=(i=o.draggedItem.elem.nativeElement.getBoundingClientRect()).x,n=i.y,i=i.right,i=In({x:o.rtl?i:t,y:n},o.tileLayoutSettings.tileLayoutElement,o.tileLayoutSettings.gap,o.cellSize,o.tileLayoutSettings.columns,o.rtl).col+o.currentResizingColSpan,t=o.rtl?p<0:0<p,n=o.rtl?0<p:p<0;e>.3*o.cellSize.width&&t&&i<=o.tileLayoutSettings.columns?o.currentResizingColSpan++:1<o.currentResizingColSpan&&n&&e<-.7*o.cellSize.width&&o.currentResizingColSpan--,Cn(o.renderer,o.tileLayoutSettings.hintElement,{gridColumnEnd:"span "+o.currentResizingColSpan})}function t(){Cn(o.renderer,o.draggedItemWrapper,{height:Math.max(n,o.cellSize.height)+"px"});var e=n-l;e>.3*o.cellSize.height&&0<c?o.currentResizingRowSpan++:1<o.currentResizingRowSpan&&c<0&&e<-.7*o.cellSize.height&&o.currentResizingRowSpan--,Cn(o.renderer,o.tileLayoutSettings.hintElement,{gridRowEnd:"span "+o.currentResizingRowSpan}),Cn(o.renderer,o.tileLayoutSettings.hintElement,{height:o.calculateHintHeight()+"px"})}var o=this,s=(Cn(this.renderer,this.tileLayoutSettings.tileLayoutElement,{cursor:this.direction.split("k-cursor-")[1]}),this.rtl?this.offset.width+(this.offset.x-r.clientX):this.offset.width+(r.clientX-this.startingPoint.left)),n=this.offset.height+(r.clientY-this.startingPoint.top),i=this.tileLayoutSettings.hintElement.getBoundingClientRect(),a=i.width,l=i.height,p=r.clientX-this.lastDragCursorOffset.x,c=r.clientY-this.lastDragCursorOffset.y,i=this.draggedItem.col||In({x:this.rtl?i.right:i.x,y:i.y},this.tileLayoutSettings.tileLayoutElement,this.tileLayoutSettings.gap,this.cellSize,this.tileLayoutSettings.columns,this.rtl).col,d=(this.tileLayoutSettings.columns-i)*(this.cellSize.width+this.tileLayoutSettings.gap.columns)+this.cellSize.width;-1<this.direction.indexOf("ew")?e():(-1<this.direction.indexOf("ns")||e(),t())},B.prototype.cleanUp=function(){var e;this.targetOrder=this.currentResizingColSpan=this.currentColStart=this.currentResizingRowSpan=this.currentRowStart=void 0,this.resizing=this.reordering=!1,this.direction=null,this.draggedItemWrapper&&((e=this.draggedItemWrapper.querySelector(".k-cursor-grab"))&&this.renderer.removeClass(e,"k-cursor-grabbing"),Cn(this.renderer,this.draggedItemWrapper,{top:"",left:"",display:"",width:"",height:"",zIndex:"",position:""}),Cn(this.renderer,this.tileLayoutSettings.hintElement,{display:"none",height:"auto"}),Cn(this.renderer,this.tileLayoutSettings.tileLayoutElement,{cursor:"default"}),this.draggedItemWrapper=this.offset=this.draggedItem=this.resizing=this.reordering=this.currentResizingColSpan=this.currentResizingRowSpan=this.startingPoint=void 0,this.lastDragCursorOffset={x:0,y:0})},B.prototype.targetSpan=function(){var e=this.draggedItem.elem.nativeElement.getBoundingClientRect(),t=In({x:this.rtl?e.right:e.x,y:e.y},this.tileLayoutSettings.tileLayoutElement,this.tileLayoutSettings.gap,this.cellSize,this.tileLayoutSettings.columns,this.rtl),e=In({x:this.rtl?e.x+.3*this.cellSize.width:e.right-.3*this.cellSize.width,y:e.bottom-.3*this.cellSize.height},this.tileLayoutSettings.tileLayoutElement,this.tileLayoutSettings.gap,this.cellSize,this.tileLayoutSettings.columns,this.rtl);return{targetColSpan:e.col-t.col+1,targetRowSpan:e.row-t.row+1}},B.prototype.getTargetCol=function(e,t){return this.rtl?"left"===t?e-this.draggedItem.colSpan+1:e:"right"===t?e-this.draggedItem.colSpan+1:e},B.prototype.getTargetRow=function(e,t){return"down"===t?e-this.draggedItem.rowSpan+1:e},B.prototype.calculateHintHeight=function(){return this.currentResizingRowSpan*this.cellSize.height+(this.currentResizingRowSpan-1)*this.tileLayoutSettings.gap.rows-2};var En=B;function B(e,t,n){var i=this;this.zone=e,this.renderer=t,this.localization=n,this.reorderable=new c.BehaviorSubject(null),this.resizable=new c.BehaviorSubject(null),this.reorder=new c.Subject,this.resize=new c.Subject,this.lastDragCursorOffset={x:0,y:0},this.localizationSubscription=this.localization.changes.subscribe(function(e){e=e.rtl;return i.rtl=e})}En.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:En,deps:[{token:r.NgZone},{token:r.Renderer2},{token:o.LocalizationService}],target:r.ɵɵFactoryTarget.Injectable}),En.ɵprov=r.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:En}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:En,decorators:[{type:a.Injectable}],ctorParameters:function(){return[{type:r.NgZone},{type:r.Renderer2},{type:o.LocalizationService}]}});Object.defineProperty(Bn.prototype,"reorderable",{set:function(e){var t=this.hostEl.nativeElement;e?(this.renderer.addClass(t,"k-touch-action-none"),this.renderer.removeClass(t,"k-touch-action-auto")):(this.renderer.addClass(t,"k-touch-action-auto"),this.renderer.removeClass(t,"k-touch-action-none"))},enumerable:!1,configurable:!0});var Vn=Bn;function Bn(e,t){this.hostEl=e,this.renderer=t,this.hostClass=!0}Vn.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Vn,deps:[{token:r.ElementRef},{token:r.Renderer2}],target:r.ɵɵFactoryTarget.Component}),Vn.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Vn,selector:"kendo-tilelayout-item-header",inputs:{reorderable:"reorderable"},host:{properties:{"class.k-tilelayout-item-header":"this.hostClass","class.k-card-header":"this.hostClass"}},ngImport:r,template:"\n        <ng-content></ng-content>\n    ",isInline:!0}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Vn,decorators:[{type:a.Component,args:[{selector:"kendo-tilelayout-item-header",template:"\n        <ng-content></ng-content>\n    "}]}],ctorParameters:function(){return[{type:r.ElementRef},{type:r.Renderer2}]},propDecorators:{hostClass:[{type:a.HostBinding,args:["class.k-tilelayout-item-header"]},{type:a.HostBinding,args:["class.k-card-header"]}],reorderable:[{type:a.Input}]}});Fn.prototype.ngOnInit=function(){this.sizeHandle()},Fn.prototype.setHorizontalPosition=function(e){this.renderer.setStyle(e,this.rtl?"left":"right",-xn[this.resizeDirection].overlapX+"px")},Fn.prototype.setBottom=function(e){this.renderer.setStyle(e,"bottom",-xn[this.resizeDirection].overlapY+"px")},Fn.prototype.sizeHandle=function(){var e=this.el.nativeElement,t=xn[this.resizeDirection].width?xn[this.resizeDirection].width+"px":"100%",n=xn[this.resizeDirection].height?xn[this.resizeDirection].height+"px":"100%";this.renderer.setStyle(e,"width",t),this.renderer.setStyle(e,"height",n),"ew"===this.resizeDirection?this.setHorizontalPosition(e):("ns"!==this.resizeDirection&&this.setHorizontalPosition(e),this.setBottom(e))};var Rn=Fn;function Fn(e,t){this.el=e,this.renderer=t}Rn.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Rn,deps:[{token:r.ElementRef},{token:r.Renderer2}],target:r.ɵɵFactoryTarget.Directive}),Rn.ɵdir=r.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:Rn,selector:"[kendoTileLayoutResizeHandle]",inputs:{resizeDirection:"resizeDirection",rtl:"rtl"},ngImport:r}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Rn,decorators:[{type:a.Directive,args:[{selector:"[kendoTileLayoutResizeHandle]"}]}],ctorParameters:function(){return[{type:r.ElementRef},{type:r.Renderer2}]},propDecorators:{resizeDirection:[{type:a.Input}],rtl:[{type:a.Input}]}});Object.defineProperty(Hn.prototype,"order",{get:function(){return this._order},set:function(e){this._order=e,this.renderer.setStyle(this.elem.nativeElement,"order",""+this._order)},enumerable:!1,configurable:!0}),Object.defineProperty(Hn.prototype,"colEnd",{get:function(){return"span "+this.colSpan},enumerable:!1,configurable:!0}),Object.defineProperty(Hn.prototype,"rowEnd",{get:function(){return"span "+this.rowSpan},enumerable:!1,configurable:!0}),Object.defineProperty(Hn.prototype,"colStart",{get:function(){return g(this.col)?this.col.toString():void 0},enumerable:!1,configurable:!0}),Object.defineProperty(Hn.prototype,"rowStart",{get:function(){return g(this.row)?this.row.toString():void 0},enumerable:!1,configurable:!0}),Object.defineProperty(Hn.prototype,"reorderableHeader",{get:function(){return this.reorderable&&this.draggingService.reorderable.getValue()},enumerable:!1,configurable:!0}),Hn.prototype.ngAfterViewInit=function(){var n=this;this.subs.add(this.draggingService.reorderable.subscribe(function(e){var t;n.toggleCursorClass(e&&n.reorderable),null!=(t=n.headers)&&t.first&&(n.headers.first.reorderable=e&&n.reorderable)}))},Hn.prototype.ngOnChanges=function(e){e.reorderable&&!e.reorderable.firstChange&&this.toggleCursorClass(e.reorderable.currentValue&&this.draggingService.reorderable.getValue()),e.resizable&&(this.resizeDirections=this.resizable&&this.draggingService.resizable.getValue()?this.rtl?wn:Sn:void 0)},Hn.prototype.ngOnDestroy=function(){this.subs.unsubscribe()},Hn.prototype.toggleCursorClass=function(e){var t=this.elem.nativeElement.querySelector(".k-tilelayout-item-header");t&&(e?this.renderer.addClass(t,"k-cursor-grab"):this.renderer.removeClass(t,"k-cursor-grab"))};var Ln=Hn;function Hn(e,t,n,i){var r=this;this.elem=e,this.renderer=t,this.localization=n,this.draggingService=i,this.rowSpan=1,this.colSpan=1,this.reorderable=!0,this.resizable=!0,this.itemClass=!0,this.subs=new c.Subscription,this.subs.add(this.localization.changes.subscribe(function(e){e=e.rtl;r.rtl=e})),this.subs.add(this.draggingService.resizable.subscribe(function(e){r.resizeDirections=e&&r.resizable?r.rtl?wn:Sn:void 0}))}Ln.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Ln,deps:[{token:r.ElementRef},{token:r.Renderer2},{token:o.LocalizationService},{token:En}],target:r.ɵɵFactoryTarget.Component}),Ln.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Ln,selector:"kendo-tilelayout-item",inputs:{title:"title",rowSpan:"rowSpan",colSpan:"colSpan",order:"order",col:"col",row:"row",reorderable:"reorderable",resizable:"resizable"},host:{properties:{"class.k-tilelayout-item":"this.itemClass","class.k-card":"this.itemClass","style.grid-column-end":"this.colEnd","style.grid-row-end":"this.rowEnd","style.grid-column-start":"this.colStart","style.grid-row-start":"this.rowStart"}},queries:[{propertyName:"headers",predicate:Vn}],usesOnChanges:!0,ngImport:r,template:'\n        <kendo-tilelayout-item-header [reorderable]="reorderableHeader" *ngIf="title">\n            <h5 class="k-card-title">{{ title }}</h5>\n        </kendo-tilelayout-item-header>\n        <ng-content></ng-content>\n        <ng-container *ngIf="resizable">\n            <div\n                *ngFor="let dir of resizeDirections"\n                class="k-resize-handle k-cursor-{{dir}}-resize k-touch-action-none"\n                kendoTileLayoutResizeHandle\n                [rtl]="rtl"\n                [resizeDirection]="dir">\n            </div>\n        </ng-container>\n    ',isInline:!0,components:[{type:Vn,selector:"kendo-tilelayout-item-header",inputs:["reorderable"]}],directives:[{type:d.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:d.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:Rn,selector:"[kendoTileLayoutResizeHandle]",inputs:["resizeDirection","rtl"]}]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Ln,decorators:[{type:a.Component,args:[{selector:"kendo-tilelayout-item",template:'\n        <kendo-tilelayout-item-header [reorderable]="reorderableHeader" *ngIf="title">\n            <h5 class="k-card-title">{{ title }}</h5>\n        </kendo-tilelayout-item-header>\n        <ng-content></ng-content>\n        <ng-container *ngIf="resizable">\n            <div\n                *ngFor="let dir of resizeDirections"\n                class="k-resize-handle k-cursor-{{dir}}-resize k-touch-action-none"\n                kendoTileLayoutResizeHandle\n                [rtl]="rtl"\n                [resizeDirection]="dir">\n            </div>\n        </ng-container>\n    '}]}],ctorParameters:function(){return[{type:r.ElementRef},{type:r.Renderer2},{type:o.LocalizationService},{type:En}]},propDecorators:{title:[{type:a.Input}],rowSpan:[{type:a.Input}],colSpan:[{type:a.Input}],order:[{type:a.Input}],col:[{type:a.Input}],row:[{type:a.Input}],reorderable:[{type:a.Input}],resizable:[{type:a.Input}],itemClass:[{type:a.HostBinding,args:["class.k-tilelayout-item"]},{type:a.HostBinding,args:["class.k-card"]}],colEnd:[{type:a.HostBinding,args:["style.grid-column-end"]}],rowEnd:[{type:a.HostBinding,args:["style.grid-row-end"]}],colStart:[{type:a.HostBinding,args:["style.grid-column-start"]}],rowStart:[{type:a.HostBinding,args:["style.grid-row-start"]}],headers:[{type:a.ContentChildren,args:[Vn]}]}});var jn={column:"k-grid-flow-col",row:"k-grid-flow-row","column-dense":"k-grid-flow-col-dense","row-dense":"k-grid-flow-row-dense"},d=(Object.defineProperty(R.prototype,"gap",{get:function(){return this._gap},set:function(e){this._gap="number"==typeof e?{rows:e,columns:e}:Object.assign(this._gap,e)},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"gapStyle",{get:function(){return this.gap.rows+"px "+this.gap.columns+"px"},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"currentColStart",{get:function(){return this.draggingService.colStart},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"currentRowStart",{get:function(){return this.draggingService.rowStart},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"draggedItemWrapper",{get:function(){return this.draggingService.itemWrapper},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"targetOrder",{get:function(){return this.draggingService.order},enumerable:!1,configurable:!0}),R.prototype.ngOnInit=function(){var t=this;this.applyColStyling(),this.applyRowStyling(),this.draggingService.reorderable.next(this.reorderable),this.draggingService.resizable.next(this.resizable),l.hasObservers(this.reorder)&&this.subs.add(this.draggingService.reorder.subscribe(function(e){return t.reorder.emit(e)})),l.hasObservers(this.resize)&&this.subs.add(this.draggingService.resize.subscribe(function(e){return t.resize.emit(e)})),this.subs.add(this.draggingService.reorderable.subscribe(function(e){e&&!t.draggable&&t.initializeDraggable()})),this.subs.add(this.draggingService.resizable.subscribe(function(e){e&&!t.draggable&&t.initializeDraggable()})),this.subs.add(this.localization.changes.subscribe(function(e){e=e.rtl;t.direction=e?"rtl":"ltr"}))},R.prototype.ngAfterViewInit=function(){var e=this;this.draggingService.tileLayoutSettings=this.draggingServiceConfig(),this.applyAutoFlow(null,jn[this.autoFlow]),this.items.changes.subscribe(function(){e.setItemsOrder(),e.draggingService.tileLayoutSettings.items=e.items.toArray()})},R.prototype.ngAfterContentInit=function(){this.setItemsOrder()},R.prototype.ngOnChanges=function(e){(e.columns||e.columnWidth)&&this.applyColStyling(),e.rowHeight&&this.applyRowStyling(),e.reorderable&&this.draggingService.reorderable.next(e.reorderable.currentValue),e.resizable&&this.draggingService.resizable.next(e.resizable.currentValue),(e.gap||e.autoFlow||e.columns)&&(this.draggingService.tileLayoutSettings=this.draggingServiceConfig(),e.autoFlow&&this.applyAutoFlow(jn[e.autoFlow.previousValue]||"",jn[e.autoFlow.currentValue]))},R.prototype.ngOnDestroy=function(){this.draggable&&this.draggable.destroy(),this.subs.unsubscribe()},R.prototype.handlePress=function(e){e=e.originalEvent;this.draggingService.handlePress(e)},R.prototype.handleDrag=function(e){e=e.originalEvent;this.draggingService.handleDrag(e)},R.prototype.handleRelease=function(e){e=e.originalEvent;this.draggingService.handleRelease(e)},R.prototype.applyColStyling=function(){var e="number"==typeof this.columnWidth?this.columnWidth+"px":this.columnWidth,e="repeat("+this.columns+", "+e+")";this.renderer.setStyle(this.elem.nativeElement,"grid-template-columns",e)},R.prototype.applyRowStyling=function(){var e="number"==typeof this.rowHeight?this.rowHeight+"px":this.rowHeight;this.renderer.setStyle(this.elem.nativeElement,"grid-auto-rows",""+e)},R.prototype.draggingServiceConfig=function(){return{tileLayoutElement:this.elem?this.elem.nativeElement:void 0,hintElement:this.hint?this.hint.nativeElement:void 0,gap:this.gap,columns:this.columns,autoFlow:this.autoFlow,items:this.items?this.items.toArray():[]}},R.prototype.initializeDraggable=function(){var e=this;this.draggable=new J.default({press:this.handlePress.bind(this),drag:this.handleDrag.bind(this),release:this.handleRelease.bind(this)}),this.zone.runOutsideAngular(function(){return e.draggable.bindTo(e.elem.nativeElement)})},R.prototype.applyAutoFlow=function(e,t){var n=this.elem.nativeElement;e&&this.renderer.removeClass(n,e),"none"!==this.autoFlow&&g(t)&&this.renderer.addClass(n,t)},R.prototype.setItemsOrder=function(){this.items.forEach(function(e,t){g(e.order)||(e.order=t)})},R);function R(e,t,n,i,r){this.elem=e,this.renderer=t,this.localization=n,this.draggingService=i,this.zone=r,this.columns=1,this.columnWidth="1fr",this.reorderable=!1,this.resizable=!1,this.rowHeight="1fr",this.autoFlow="column",this.reorder=new a.EventEmitter,this.resize=new a.EventEmitter,this.hostClass=!0,this.subs=new c.Subscription,this._gap={rows:16,columns:16},L.validatePackage(ee)}d.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:d,deps:[{token:r.ElementRef},{token:r.Renderer2},{token:o.LocalizationService},{token:En},{token:r.NgZone}],target:r.ɵɵFactoryTarget.Component}),d.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:d,selector:"kendo-tilelayout",inputs:{columns:"columns",columnWidth:"columnWidth",gap:"gap",reorderable:"reorderable",resizable:"resizable",rowHeight:"rowHeight",autoFlow:"autoFlow"},outputs:{reorder:"reorder",resize:"resize"},host:{properties:{"class.k-widget":"this.hostClass","class.k-tilelayout":"this.hostClass","style.gap":"this.gapStyle","style.padding":"this.gapStyle","attr.dir":"this.direction"}},providers:[e.LocalizationService,En,{provide:e.L10N_PREFIX,useValue:"kendo.tilelayout.component"}],queries:[{propertyName:"items",predicate:Ln}],viewQueries:[{propertyName:"hint",first:!0,predicate:["hint"],descendants:!0}],usesOnChanges:!0,ngImport:r,template:'\n        <ng-content></ng-content>\n        <div #hint class="k-layout-item-hint k-layout-item-hint-reorder"\n            [style.display]="\'none\'"\n            [style.order]="targetOrder"\n            [style.gridColumnEnd]="draggedItemWrapper?.style.gridColumnEnd"\n            [style.gridRowEnd]="draggedItemWrapper?.style.gridRowEnd"\n            [style.gridColumnStart]="currentColStart"\n            [style.gridRowStart]="currentRowStart"\n            [style.zIndex]="\'1\'"></div>\n    ',isInline:!0}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:d,decorators:[{type:a.Component,args:[{selector:"kendo-tilelayout",providers:[e.LocalizationService,En,{provide:e.L10N_PREFIX,useValue:"kendo.tilelayout.component"}],template:'\n        <ng-content></ng-content>\n        <div #hint class="k-layout-item-hint k-layout-item-hint-reorder"\n            [style.display]="\'none\'"\n            [style.order]="targetOrder"\n            [style.gridColumnEnd]="draggedItemWrapper?.style.gridColumnEnd"\n            [style.gridRowEnd]="draggedItemWrapper?.style.gridRowEnd"\n            [style.gridColumnStart]="currentColStart"\n            [style.gridRowStart]="currentRowStart"\n            [style.zIndex]="\'1\'"></div>\n    '}]}],ctorParameters:function(){return[{type:r.ElementRef},{type:r.Renderer2},{type:o.LocalizationService},{type:En},{type:r.NgZone}]},propDecorators:{columns:[{type:a.Input}],columnWidth:[{type:a.Input}],gap:[{type:a.Input}],reorderable:[{type:a.Input}],resizable:[{type:a.Input}],rowHeight:[{type:a.Input}],autoFlow:[{type:a.Input}],reorder:[{type:a.Output}],resize:[{type:a.Output}],hostClass:[{type:a.HostBinding,args:["class.k-widget"]},{type:a.HostBinding,args:["class.k-tilelayout"]}],gapStyle:[{type:a.HostBinding,args:["style.gap"]},{type:a.HostBinding,args:["style.padding"]}],direction:[{type:a.HostBinding,args:["attr.dir"]}],items:[{type:a.ContentChildren,args:[Ln]}],hint:[{type:a.ViewChild,args:["hint",{static:!1}]}]}});var Mn=function(){this.hostClass=!0,this.minHeight=0},F=(Mn.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Mn,deps:[],target:r.ɵɵFactoryTarget.Component}),Mn.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Mn,selector:"kendo-tilelayout-item-body",host:{properties:{"class.k-tilelayout-item-body":"this.hostClass","class.k-card-body":"this.hostClass","style.min-height":"this.minHeight"}},ngImport:r,template:"\n        <ng-content></ng-content>\n    ",isInline:!0}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Mn,decorators:[{type:a.Component,args:[{selector:"kendo-tilelayout-item-body",template:"\n        <ng-content></ng-content>\n    "}]}],propDecorators:{hostClass:[{type:a.HostBinding,args:["class.k-tilelayout-item-body"]},{type:a.HostBinding,args:["class.k-card-body"]}],minHeight:[{type:a.HostBinding,args:["style.min-height"]}]}}),[z]),An=f([],y(F)),Nn=function(){};Nn.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Nn,deps:[],target:r.ɵɵFactoryTarget.NgModule}),Nn.ɵmod=r.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Nn,declarations:[z],imports:[t.CommonModule],exports:[z]}),Nn.ɵinj=r.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Nn,imports:[[t.CommonModule]]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Nn,decorators:[{type:a.NgModule,args:[{declarations:[An],exports:[F],imports:[t.CommonModule]}]}]});var An=f([Qt,en,tn,nn,rn],y([pn,cn,sn,dn])),F=f([],y(An)),_n=function(){};_n.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:_n,deps:[],target:r.ɵɵFactoryTarget.NgModule}),_n.ɵmod=r.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:_n,declarations:[Qt,en,tn,nn,rn,pn,cn,sn,dn],imports:[t.CommonModule],exports:[Qt,en,tn,nn,rn,pn,cn,sn,dn]}),_n.ɵinj=r.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:_n,imports:[[t.CommonModule]]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:_n,decorators:[{type:a.NgModule,args:[{declarations:[F],exports:[An],imports:[t.CommonModule]}]}]});var F=f([kt,wt,Dt],y([I,lt,pt,at])),An=f([S,w],y(F)),Kn=function(){},S=(Kn.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Kn,deps:[],target:r.ɵɵFactoryTarget.NgModule}),Kn.ɵmod=r.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Kn,declarations:[S,w,kt,wt,Dt,I,lt,pt,at],imports:[t.CommonModule],exports:[kt,wt,Dt,I,lt,pt,at]}),Kn.ɵinj=r.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Kn,imports:[[t.CommonModule]]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Kn,decorators:[{type:a.NgModule,args:[{declarations:[An],exports:[F],imports:[t.CommonModule]}]}]}),[fn,gn]),w=f([],y(S)),An=function(){},F=(An.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:An,deps:[],target:r.ɵɵFactoryTarget.NgModule}),An.ɵmod=r.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:An,declarations:[fn,gn],imports:[t.CommonModule,l.EventsModule],exports:[fn,gn]}),An.ɵinj=r.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:An,imports:[[t.CommonModule,l.EventsModule]]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:An,decorators:[{type:a.NgModule,args:[{declarations:[w],exports:[S],imports:[t.CommonModule,l.EventsModule]}]}]}),[ge,u,i,de,te]),w=f([],y(F)),S=function(){},w=(S.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:S,deps:[],target:r.ɵɵFactoryTarget.NgModule}),S.ɵmod=r.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:S,declarations:[ge,u,i,de,te],imports:[t.CommonModule],exports:[ge,u,i,de,te]}),S.ɵinj=r.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:S,imports:[[t.CommonModule]]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:S,decorators:[{type:a.NgModule,args:[{declarations:[w],exports:[F],imports:[t.CommonModule]}]}]}),[ke,ye]),F=f([b],y(w)),Wn=function(){};Wn.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Wn,deps:[],target:r.ɵɵFactoryTarget.NgModule}),Wn.ɵmod=r.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Wn,declarations:[b,ke,ye],imports:[t.CommonModule,l.DraggableModule],exports:[ke,ye]}),Wn.ɵinj=r.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Wn,imports:[[t.CommonModule,l.DraggableModule]]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Wn,decorators:[{type:a.NgModule,args:[{declarations:[F],exports:[w],imports:[t.CommonModule,l.DraggableModule]}]}]});var b=f([Xt,qt],y([Et,Vt,Bt])),F=f([T,O,Wt],y(b)),w=function(){},T=(w.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:w,deps:[],target:r.ɵɵFactoryTarget.NgModule}),w.ɵmod=r.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:w,declarations:[T,O,Wt,Xt,qt,Et,Vt,Bt],imports:[t.CommonModule,n.ProgressBarModule],exports:[Xt,qt,Et,Vt,Bt]}),w.ɵinj=r.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:w,imports:[[t.CommonModule,n.ProgressBarModule]]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:w,decorators:[{type:a.NgModule,args:[{declarations:[F],exports:[b],imports:[t.CommonModule,n.ProgressBarModule]}]}]}),[it,Te,we,xe,qe,ot,tt]),O=f(f([],y(T)),[C]),F=function(){},b=(F.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:F,deps:[],target:r.ɵɵFactoryTarget.NgModule}),F.ɵmod=r.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:F,declarations:[it,Te,we,xe,qe,ot,tt,C],imports:[t.CommonModule,l.ResizeSensorModule],exports:[it,Te,we,xe,qe,ot,tt]}),F.ɵinj=r.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:F,imports:[[t.CommonModule,l.ResizeSensorModule]]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:F,decorators:[{type:a.NgModule,args:[{declarations:[O],exports:[T],imports:[t.CommonModule,l.ResizeSensorModule]}]}]}),[d,Ln,Vn,Mn,Rn]),n=f([],y(b)),C=function(){},Zn=(C.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:C,deps:[],target:r.ɵɵFactoryTarget.NgModule}),C.ɵmod=r.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:C,declarations:[d,Ln,Vn,Mn,Rn],imports:[t.CommonModule],exports:[d,Ln,Vn,Mn,Rn]}),C.ɵinj=r.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:C,imports:[[t.CommonModule]]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:C,decorators:[{type:a.NgModule,args:[{declarations:[n],exports:[b],imports:[t.CommonModule]}]}]}),{top:"start",middle:"center",bottom:"end",stretch:"stretch"}),Xn="k-justify-content",Un="k-align-items",O=(Object.defineProperty($n.prototype,"horizontalClass",{get:function(){return"horizontal"===this.orientation},enumerable:!1,configurable:!0}),Object.defineProperty($n.prototype,"verticalClass",{get:function(){return"vertical"===this.orientation},enumerable:!1,configurable:!0}),Object.defineProperty($n.prototype,"dir",{get:function(){return this.direction},enumerable:!1,configurable:!0}),Object.defineProperty($n.prototype,"align",{get:function(){return this._align},set:function(e){this._align=Object.assign({},this._align,e),this.handleAlignClasses()},enumerable:!1,configurable:!0}),$n.prototype.ngAfterViewInit=function(){this.handleAlignClasses(),this.setGap()},$n.prototype.ngOnChanges=function(e){l.isChanged("gap",e)&&this.setGap(),l.isChanged("orientation",e)&&this.handleAlignClasses()},$n.prototype.handleAlignClasses=function(){var e=this.element.nativeElement;g(this.justifyClass)&&this.renderer.removeClass(e,this.justifyClass),g(this.alignClass)&&this.renderer.removeClass(e,this.alignClass),"horizontal"===this.orientation?(this.justifyClass=Xn+"-"+this.align.horizontal,this.alignClass=Un+"-"+Zn[this.align.vertical]):(this.justifyClass=Xn+"-"+Zn[this.align.vertical],this.alignClass=Un+"-"+this.align.horizontal),this.renderer.addClass(e,this.justifyClass),this.renderer.addClass(e,this.alignClass)},$n.prototype.setGap=function(){var e="number"==typeof(e=this.gap)&&isFinite(e)?this.gap+"px":this.gap;this.renderer.setStyle(this.element.nativeElement,"gap",e)},Object.defineProperty($n.prototype,"direction",{get:function(){return this.localization.rtl?"rtl":"ltr"},enumerable:!1,configurable:!0}),$n);function $n(e,t,n){this.renderer=e,this.element=t,this.localization=n,this.hostClass=!0,this.gap=0,this.orientation="horizontal",this._align={horizontal:"stretch",vertical:"stretch"},L.validatePackage(ee)}O.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:O,deps:[{token:r.Renderer2},{token:r.ElementRef},{token:o.LocalizationService}],target:r.ɵɵFactoryTarget.Component}),O.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:O,selector:"kendo-stacklayout",inputs:{align:"align",gap:"gap",orientation:"orientation"},host:{properties:{"class.k-stack-layout":"this.hostClass","class.k-hstack":"this.horizontalClass","class.k-vstack":"this.verticalClass","attr.dir":"this.dir"}},providers:[e.LocalizationService,{provide:e.L10N_PREFIX,useValue:"kendo.stacklayout"}],exportAs:["kendoStackLayout"],usesOnChanges:!0,ngImport:r,template:"\n        <ng-content></ng-content>\n    ",isInline:!0}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:O,decorators:[{type:a.Component,args:[{exportAs:"kendoStackLayout",selector:"kendo-stacklayout",providers:[e.LocalizationService,{provide:e.L10N_PREFIX,useValue:"kendo.stacklayout"}],template:"\n        <ng-content></ng-content>\n    "}]}],ctorParameters:function(){return[{type:r.Renderer2},{type:r.ElementRef},{type:o.LocalizationService}]},propDecorators:{hostClass:[{type:a.HostBinding,args:["class.k-stack-layout"]}],horizontalClass:[{type:a.HostBinding,args:["class.k-hstack"]}],verticalClass:[{type:a.HostBinding,args:["class.k-vstack"]}],dir:[{type:a.HostBinding,args:["attr.dir"]}],align:[{type:a.Input}],gap:[{type:a.Input}],orientation:[{type:a.Input}]}});T=[O],n=f([],y(T)),b=function(){},b.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:b,deps:[],target:r.ɵɵFactoryTarget.NgModule}),b.ɵmod=r.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:b,declarations:[O],imports:[t.CommonModule],exports:[O]}),b.ɵinj=r.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:b,imports:[[t.CommonModule]]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:b,decorators:[{type:a.NgModule,args:[{declarations:[n],exports:[T],imports:[t.CommonModule]}]}]}),Object.defineProperty(Yn.prototype,"dir",{get:function(){return this.direction},enumerable:!1,configurable:!0}),Object.defineProperty(Yn.prototype,"align",{get:function(){return this._align},set:function(e){this._align=Object.assign({},this._align,e),this.handleAlignClasses()},enumerable:!1,configurable:!0}),Yn.prototype.ngAfterViewInit=function(){this.handleAlignClasses(),this.handleGridTemplateStyling("rows"),this.handleGridTemplateStyling("cols"),this.setGap()},Yn.prototype.ngOnChanges=function(e){l.isChanged("gap",e)&&this.setGap(),l.isChanged("rows",e)&&this.handleGridTemplateStyling("rows"),l.isChanged("cols",e)&&this.handleGridTemplateStyling("cols")},Yn.prototype.handleAlignClasses=function(){var e=this.element.nativeElement;g(this.justifyClass)&&this.renderer.removeClass(e,this.justifyClass),g(this.alignClass)&&this.renderer.removeClass(e,this.alignClass),this.justifyClass="k-justify-items-"+this.align.horizontal,this.alignClass=Un+"-"+Zn[this.align.vertical],this.renderer.addClass(e,this.justifyClass),this.renderer.addClass(e,this.alignClass)},Yn.prototype.setGap=function(){var e,t="number"==typeof(t=this.gap)||"string"==typeof t?{cols:t,rows:t}:((e={}).rows=t.rows||0,e.cols=t.cols||0,e),t=(e=t).rows===e.cols?"number"==typeof e.rows?e.rows+"px":e.rows:""+("number"==typeof e.rows?e.rows+"px":e.rows)+" "+(""+("number"==typeof e.cols?e.cols+"px":e.cols));this.renderer.setStyle(this.element.nativeElement,"gap",t)},Yn.prototype.handleGridTemplateStyling=function(e){if(g(this[e])){if(!function(e){var t,n;try{for(var i=me(e),r=i.next();!r.done;r=i.next()){var o=r.value;if(!("number"==typeof o)&&!("string"==typeof o)&&!("object"==typeof o&&null!==o))return!1}}catch(e){t={error:e}}finally{try{r&&!r.done&&(n=i.return)&&n.call(i)}finally{if(t)throw t.error}}return!0}(this[e])&&a.isDevMode())throw new Error("The provided "+e+" value contains invalid elements. The array supports values of type number, string or "+("rows"===e?"GridLayoutRowSize":"GridLayoutColSize")+".");var t,n,i,r="rows"===e?"grid-template-rows":"grid-template-columns",e=(t=this[e],n=e,i=[],t.forEach(function(e){var t;"number"==typeof e?i.push(e+"px"):"string"==typeof e?i.push(e):"rows"===n?(t=e.height)?i.push("number"==typeof t?t+"px":t):i.push("0px"):(t=e.width)?i.push("number"==typeof t?t+"px":t):i.push("0px")}),i);this.renderer.setStyle(this.element.nativeElement,r,e.join(" "))}},Object.defineProperty(Yn.prototype,"direction",{get:function(){return this.localization.rtl?"rtl":"ltr"},enumerable:!1,configurable:!0}),n=Yn;function Yn(e,t,n){this.renderer=e,this.element=t,this.localization=n,this.hostClass=!0,this.gap=0,this._align={horizontal:"stretch",vertical:"stretch"},L.validatePackage(ee)}n.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:n,deps:[{token:r.Renderer2},{token:r.ElementRef},{token:o.LocalizationService}],target:r.ɵɵFactoryTarget.Component}),n.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:n,selector:"kendo-gridlayout",inputs:{rows:"rows",cols:"cols",gap:"gap",align:"align"},host:{properties:{"class.k-grid-layout":"this.hostClass","attr.dir":"this.dir"}},providers:[e.LocalizationService,{provide:e.L10N_PREFIX,useValue:"kendo.gridlayout"}],exportAs:["kendoGridLayout"],usesOnChanges:!0,ngImport:r,template:"\n        <ng-content></ng-content>\n    ",isInline:!0}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:n,decorators:[{type:a.Component,args:[{exportAs:"kendoGridLayout",selector:"kendo-gridlayout",providers:[e.LocalizationService,{provide:e.L10N_PREFIX,useValue:"kendo.gridlayout"}],template:"\n        <ng-content></ng-content>\n    "}]}],ctorParameters:function(){return[{type:r.Renderer2},{type:r.ElementRef},{type:o.LocalizationService}]},propDecorators:{hostClass:[{type:a.HostBinding,args:["class.k-grid-layout"]}],dir:[{type:a.HostBinding,args:["attr.dir"]}],rows:[{type:a.Input}],cols:[{type:a.Input}],gap:[{type:a.Input}],align:[{type:a.Input}]}});qn.prototype.ngOnInit=function(){this.setItemStyle()},qn.prototype.ngOnChanges=function(){this.setItemStyle()},qn.prototype.setItemStyle=function(){var e=this.row||"auto",t=this.col||"auto",n=this.rowSpan?"span "+this.rowSpan:"auto",i=this.colSpan?"span "+this.colSpan:"auto";this.renderer.setStyle(this.element.nativeElement,"grid-area",e+" / "+t+" / "+n+" / "+i)};T=qn;function qn(e,t){this.renderer=e,this.element=t}T.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:T,deps:[{token:r.Renderer2},{token:r.ElementRef}],target:r.ɵɵFactoryTarget.Component}),T.ɵcmp=r.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:T,selector:"kendo-gridlayout-item",inputs:{row:"row",col:"col",rowSpan:"rowSpan",colSpan:"colSpan"},usesOnChanges:!0,ngImport:r,template:"\n        <ng-content></ng-content>\n    ",isInline:!0}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:T,decorators:[{type:a.Component,args:[{selector:"kendo-gridlayout-item",template:"\n        <ng-content></ng-content>\n    "}]}],ctorParameters:function(){return[{type:r.Renderer2},{type:r.ElementRef}]},propDecorators:{row:[{type:a.Input}],col:[{type:a.Input}],rowSpan:[{type:a.Input}],colSpan:[{type:a.Input}]}});var e=[n,T],Gn=f([],y(e)),Qn=function(){},Gn=(Qn.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Qn,deps:[],target:r.ɵɵFactoryTarget.NgModule}),Qn.ɵmod=r.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Qn,declarations:[n,T],imports:[t.CommonModule],exports:[n,T]}),Qn.ɵinj=r.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Qn,imports:[[t.CommonModule]]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Qn,decorators:[{type:a.NgModule,args:[{declarations:[Gn],exports:[e],imports:[t.CommonModule]}]}]}),function(){});Gn.ɵfac=r.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Gn,deps:[],target:r.ɵɵFactoryTarget.NgModule}),Gn.ɵmod=r.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Gn,exports:[Nn,_n,Kn,S,An,Wn,w,F,C,b,Qn]}),Gn.ɵinj=r.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Gn,imports:[Nn,_n,Kn,S,An,Wn,w,F,C,b,Qn]}),r.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:r,type:Gn,decorators:[{type:a.NgModule,args:[{exports:[Nn,_n,Kn,S,An,Wn,w,F,C,b,Qn]}]}]}),s.AvatarComponent=z,s.AvatarModule=Nn,s.CardAction=ln,s.CardActionsComponent=rn,s.CardBodyComponent=tn,s.CardComponent=Qt,s.CardFooterComponent=nn,s.CardHeaderComponent=en,s.CardMediaDirective=dn,s.CardModule=_n,s.CardSeparatorDirective=sn,s.CardSubtitleDirective=cn,s.CardTitleDirective=pn,s.DrawerComponent=kt,s.DrawerContainerComponent=wt,s.DrawerContentComponent=Dt,s.DrawerFooterTemplateDirective=pt,s.DrawerHeaderTemplateDirective=lt,s.DrawerItemTemplateDirective=at,s.DrawerModule=Kn,s.DrawerSelectEvent=Ot,s.DrawerTemplateDirective=I,s.ExpansionPanelActionEvent=hn,s.ExpansionPanelComponent=fn,s.ExpansionPanelModule=An,s.ExpansionPanelTitleDirective=gn,s.GridLayoutComponent=n,s.GridLayoutItemComponent=T,s.GridLayoutModule=Qn,s.LayoutModule=Gn,s.LocalizedStepperMessagesDirective=Wt,s.LocalizedTabStripMessagesDirective=tt,s.PanelBarComponent=ge,s.PanelBarContentDirective=i,s.PanelBarItemComponent=u,s.PanelBarItemTemplateDirective=de,s.PanelBarItemTitleDirective=te,s.PanelBarModule=S,s.SelectEvent=Pe,s.SplitterComponent=ke,s.SplitterModule=Wn,s.SplitterPaneComponent=ye,s.StackLayoutComponent=O,s.StackLayoutModule=b,s.StepperActivateEvent=Q,s.StepperComponent=Xt,s.StepperCustomMessagesComponent=qt,s.StepperIndicatorTemplateDirective=Bt,s.StepperLabelTemplateDirective=Vt,s.StepperModule=w,s.StepperStepTemplateDirective=Et,s.TabCloseEvent=ze,s.TabComponent=qe,s.TabContentDirective=we,s.TabStripComponent=it,s.TabStripCustomMessagesComponent=ot,s.TabStripModule=F,s.TabStripTabComponent=Te,s.TabTitleDirective=xe,s.TileLayoutComponent=d,s.TileLayoutItemBodyComponent=Mn,s.TileLayoutItemComponent=Ln,s.TileLayoutItemHeaderComponent=Vn,s.TileLayoutModule=C,s.TileLayoutReorderEvent=Tn,s.TileLayoutResizeEvent=zn,s.TileLayoutResizeHandleDirective=Rn,Object.defineProperty(s,"__esModule",{value:!0})});