@progress/kendo-angular-layout 7.2.0 → 11.0.0-develop.79

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

@@ -1,5 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@progress/kendo-angular-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("@progress/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","@progress/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.KendoDraggable)}(this,function(l,p,e,h,F,c,a,t,j,n,H){"use strict";function A(n){var i;return n&&n.__esModule?n:(i=Object.create(null),n&&Object.keys(n).forEach(function(e){var t;"default"!==e&&(t=Object.getOwnPropertyDescriptor(n,e),Object.defineProperty(i,e,t.get?t:{enumerable:!0,get:function(){return n[e]}}))}),i.default=n,Object.freeze(i))}function M(e){return e.map(function(e){return e.id||(e.id="default-"+te++),e.children&&(e.children=M(e.children)),e})}function N(e){return e===h.Keys.ArrowLeft||e===h.Keys.ArrowRight}function K(e){return e===h.Keys.ArrowUp||e===h.Keys.ArrowDown}function _(e){return e===h.Keys.PageUp||e===h.Keys.PageDown||e===h.Keys.Home||e===h.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 U(e,t){return Boolean((e=e.className,String(e).trim().split(" ").find(function(e){return e===t})))}function Z(e,t,n,i){for(;e&&e!==n&&!t(e,i);)e=e.parentNode;if(e!==n)return e}function X(e,t){return+e.getAttribute(t)}function $(e,t){return d(e.getAttribute(t))}function q(e,t,n){return Z(e,$,n,t)}var i=A(p),r=A(e),Y=A(h),G=A(c),o=A(t),Q=A(n),J={name:"@progress/kendo-angular-layout",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1669715436,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"},s=(l.PanelBarExpandMode=void 0,(s=l.PanelBarExpandMode||(l.PanelBarExpandMode={}))[s.Single=0]="Single",s[s.Full=1]="Full",s[s.Multiple=2]="Multiple",s[s.Default=2]="Default",function(e){this.templateRef=e}),ee=(s.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:s,deps:[{token:i.TemplateRef}],target:i.ɵɵFactoryTarget.Directive}),s.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.17",type:s,selector:"[kendoPanelBarContent]",ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:s,decorators:[{type:p.Directive,args:[{selector:"[kendoPanelBarContent]"}]}],ctorParameters:function(){return[{type:i.TemplateRef}]}}),function(e){this.templateRef=e}),te=(ee.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:ee,deps:[{token:i.TemplateRef,optional:!0}],target:i.ɵɵFactoryTarget.Directive}),ee.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.17",type:ee,selector:"[kendoPanelBarItemTitle]",ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:ee,decorators:[{type:p.Directive,args:[{selector:"[kendoPanelBarItemTitle]"}]}],ctorParameters:function(){return[{type:i.TemplateRef,decorators:[{type:p.Optional}]}]}}),0),ne={small:"sm",medium:"md",large:"lg"},ie={small:"sm",medium:"md",large:"lg",full:"full"},re={rounded:"large",circle:"full"},d=function(e){return null!=e},oe=['a[href]:not([tabindex^="-"]):not([disabled])','area[href]:not([tabindex^="-"]):not([disabled])','input:not([tabindex^="-"]):not([disabled])','select:not([tabindex^="-"]):not([disabled])','textarea:not([tabindex^="-"]):not([disabled])','button:not([tabindex^="-"]):not([disabled])','iframe:not([tabindex^="-"]):not([disabled])','object:not([tabindex^="-"]):not([disabled])','embed:not([tabindex^="-"]):not([disabled])','*[tabindex]:not([tabindex^="-"]):not([disabled])','*[contenteditable]:not([tabindex^="-"]):not([disabled]):not([contenteditable="false"])'].join(","),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 a.Subject,this.keepContentSource=new a.BehaviorSubject(!1),this.childSource=new a.Subject,this.parent$=this.parentSource.asObservable(),this.children$=this.childSource.asObservable(),this.keepContent$=this.keepContentSource.asObservable(),this.pbId=ae++}le.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:le,deps:[],target:i.ɵɵFactoryTarget.Injectable}),le.ɵprov=i.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:le}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:le,decorators:[{type:p.Injectable}],ctorParameters:function(){return[]}});var ce=0,u=(Object.defineProperty(g.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(g.prototype,"animate",{get:function(){return this.eventService.animate},enumerable:!1,configurable:!0}),Object.defineProperty(g.prototype,"kStateDefaultClass",{get:function(){return!this.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(g.prototype,"kStateExpandedClass",{get:function(){return!this.disabled&&this.expanded&&(this.hasChildItems||this.hasContent)},enumerable:!1,configurable:!0}),Object.defineProperty(g.prototype,"itemId",{get:function(){return"k-panelbar-"+this.eventService.pbId+"-item-"+this.id},enumerable:!1,configurable:!0}),Object.defineProperty(g.prototype,"ariaExpanded",{get:function(){return this.hasChildItems||this.hasContent?!this.disabled&&this.expanded:null},enumerable:!1,configurable:!0}),Object.defineProperty(g.prototype,"ariaSelected",{get:function(){return!this.disabled&&this.selected},enumerable:!1,configurable:!0}),Object.defineProperty(g.prototype,"ariaDisabled",{get:function(){return!!this.disabled||null},enumerable:!1,configurable:!0}),Object.defineProperty(g.prototype,"headerClass",{get:function(){return!this.parent||null},enumerable:!1,configurable:!0}),Object.defineProperty(g.prototype,"titleTemplate",{get:function(){return 0<this.titleTemplates.length?this.titleTemplates.toArray()[0].templateRef:void 0},enumerable:!1,configurable:!0}),g.prototype.headerHeight=function(){return this.element.nativeElement.offsetHeight-(this.contentWrapper?this.contentWrapper.nativeElement.offsetHeight:0)},g.prototype.ngOnInit=function(){this.addLevelClass()},g.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()},g.prototype.ngAfterViewChecked=function(){var t=this;this.items?this.childrenItems=this.viewChildItems.toArray():this.childrenItems=this.contentItems.filter(function(e){return e!==t})},g.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},g.prototype.onItemAction=function(){this.disabled||this.eventService.onSelect(this)},g.prototype.onItemClick=function(e){W(e.target)||this.onItemAction()},Object.defineProperty(g.prototype,"iconClasses",{get:function(){var e={};return e[(this.icon?"k-i-"+this.icon:null)||this.iconClass]=!0,e},enumerable:!1,configurable:!0}),g.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}},g.prototype.subTreeViewItems=function(){var t=[];return this.viewChildItems.forEach(function(e){(t=t.concat(e.subTreeViewItems())).push(e)}),t},g.prototype.validateConfiguration=function(){if(p.isDevMode()&&this.content&&void 0!==this.contentTemplate&&0<this.contentTemplate.length)throw new Error("Invalid configuration: mixed template components and component property.")},g.prototype.toggleAnimationState=function(e){this.animate&&(this.state=e&&this.eventService.expandMode!==l.PanelBarExpandMode.Single?"active":"activeWithoutAnimation")},g.prototype.toggleExpandedChildAnimations=function(t){this.childrenItems&&this.childrenItems.forEach(function(e){e.expanded&&(e.toggleAnimationState(t),e.toggleExpandedChildAnimations(t))})},g.prototype.addLevelClass=function(){0<=this.level&&this.renderer.addClass(this.element.nativeElement,"k-level-"+this.level)},g.prototype.onWrapperFocusChange=function(e){this.wrapperFocused=e},g);function g(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 a.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=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:u,deps:[{token:u,host:!0,optional:!0,skipSelf:!0},{token:le},{token:i.ElementRef},{token:i.Renderer2}],target:i.ɵɵFactoryTarget.Component}),u.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.17",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-panelbar-item":"this.kItemClass","class.k-state-default":"this.kStateDefaultClass","class.k-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"}},queries:[{propertyName:"contentItems",predicate:u},{propertyName:"contentTemplate",predicate:s},{propertyName:"titleTemplates",predicate:ee}],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:i,template:'\n            <span\n                #header\n                [class.k-link]="true"\n                [class.k-selected]="!disabled && selected"\n                [class.k-focus]="focused && wrapperFocused"\n                [class.k-disabled]="disabled"\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"\n                [ngTemplateOutlet]="titleTemplate"\n                [ngTemplateOutletContext]="{\n                    item: {\n                        title: title,\n                        id: id,\n                        icon: icon,\n                        iconClass: iconClass,\n                        imageUrl: imageUrl,\n                        selected: selected,\n                        expanded: expanded,\n                        disabled: disabled,\n                        focused: focused,\n                        content: content\n                    }\n                }"></ng-template>\n                <span *ngIf="hasChildItems || hasContent"\n                    class="k-icon k-panelbar-toggle"\n                    [ngClass]="{\'k-i-chevron-up k-panelbar-collapse\': expanded, \'k-i-chevron-down k-panelbar-expand\': !expanded}">\n                </span>\n            </span>\n            <div \n                #contentWrapper\n                *ngIf="keepContent || (!disabled && expanded && (hasChildItems || hasContent))"\n                [@toggle]="state"\n                [attr.role]="\'group\'"\n                [attr.aria-hidden]="!disabled && !expanded"\n            >\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                >\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:o.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:o.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:o.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]},{type:o.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]}],animations:[c.trigger("toggle",[c.state("inactive",c.style({display:"none"})),c.transition("* => active",[c.style({overflow:"hidden",display:"block",height:0}),c.animate(200,c.style({height:c.AUTO_STYLE}))]),c.transition("active => *",[c.style({overflow:"hidden",height:c.AUTO_STYLE}),c.animate(200,c.style({height:0,display:"none"}))])])]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:u,decorators:[{type:p.Component,args:[{animations:[c.trigger("toggle",[c.state("inactive",c.style({display:"none"})),c.transition("* => active",[c.style({overflow:"hidden",display:"block",height:0}),c.animate(200,c.style({height:c.AUTO_STYLE}))]),c.transition("active => *",[c.style({overflow:"hidden",height:c.AUTO_STYLE}),c.animate(200,c.style({height:0,display:"none"}))])])],exportAs:"kendoPanelbarItem",selector:"kendo-panelbar-item",template:'\n            <span\n                #header\n                [class.k-link]="true"\n                [class.k-selected]="!disabled && selected"\n                [class.k-focus]="focused && wrapperFocused"\n                [class.k-disabled]="disabled"\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"\n                [ngTemplateOutlet]="titleTemplate"\n                [ngTemplateOutletContext]="{\n                    item: {\n                        title: title,\n                        id: id,\n                        icon: icon,\n                        iconClass: iconClass,\n                        imageUrl: imageUrl,\n                        selected: selected,\n                        expanded: expanded,\n                        disabled: disabled,\n                        focused: focused,\n                        content: content\n                    }\n                }"></ng-template>\n                <span *ngIf="hasChildItems || hasContent"\n                    class="k-icon k-panelbar-toggle"\n                    [ngClass]="{\'k-i-chevron-up k-panelbar-collapse\': expanded, \'k-i-chevron-down k-panelbar-expand\': !expanded}">\n                </span>\n            </span>\n            <div \n                #contentWrapper\n                *ngIf="keepContent || (!disabled && expanded && (hasChildItems || hasContent))"\n                [@toggle]="state"\n                [attr.role]="\'group\'"\n                [attr.aria-hidden]="!disabled && !expanded"\n            >\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                >\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:p.SkipSelf},{type:p.Host},{type:p.Optional}]},{type:le},{type:i.ElementRef},{type:i.Renderer2}]},propDecorators:{title:[{type:p.Input}],id:[{type:p.Input}],icon:[{type:p.Input}],iconClass:[{type:p.Input}],imageUrl:[{type:p.Input}],disabled:[{type:p.Input}],expanded:[{type:p.Input}],selected:[{type:p.Input}],content:[{type:p.Input}],items:[{type:p.Input}],template:[{type:p.Input}],header:[{type:p.ViewChild,args:["header",{static:!1}]}],contentWrapper:[{type:p.ViewChild,args:["contentWrapper",{static:!1}]}],role:[{type:p.HostBinding,args:["attr.role"]}],titleAttribute:[{type:p.HostBinding,args:["attr.title"]}],kItemClass:[{type:p.HostBinding,args:["class.k-panelbar-item"]}],kStateDefaultClass:[{type:p.HostBinding,args:["class.k-state-default"]}],kStateExpandedClass:[{type:p.HostBinding,args:["class.k-expanded"]}],itemId:[{type:p.HostBinding,args:["id"]}],ariaExpanded:[{type:p.HostBinding,args:["attr.aria-expanded"]}],ariaSelected:[{type:p.HostBinding,args:["attr.aria-selected"]}],ariaDisabled:[{type:p.HostBinding,args:["attr.aria-disabled"]}],headerClass:[{type:p.HostBinding,args:["class.k-panelbar-header"]}],viewChildItems:[{type:p.ViewChildren,args:[u]}],contentItems:[{type:p.ContentChildren,args:[u]}],contentTemplate:[{type:p.ContentChildren,args:[s,{descendants:!1}]}],titleTemplates:[{type:p.ContentChildren,args:[ee,{descendants:!1}]}]}});var de=function(e){this.templateRef=e},ue=(de.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:de,deps:[{token:i.TemplateRef,optional:!0}],target:i.ɵɵFactoryTarget.Directive}),de.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.17",type:de,selector:"[kendoPanelBarItemTemplate]",ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:de,decorators:[{type:p.Directive,args:[{selector:"[kendoPanelBarItemTemplate]"}]}],ctorParameters:function(){return[{type:i.TemplateRef,decorators:[{type:p.Optional}]}]}}),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 m(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 ge(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;me.prototype.preventDefault=function(){this.prevented=!0},me.prototype.isDefaultPrevented=function(){return this.prevented};var he=me;function me(e){this.prevented=!1,Object.assign(this,e)}m(be,ye=he);var ye,fe=be;function be(){return null!==ye&&ye.apply(this,arguments)||this}m(Ie,ve=he);var ve,Ce=Ie;function Ie(){return null!==ve&&ve.apply(this,arguments)||this}m(xe,Se=he);var Se,ke=xe;function xe(){return null!==Se&&Se.apply(this,arguments)||this}var we=function(){},he=(Object.defineProperty(b.prototype,"keepItemContent",{get:function(){return this._keepItemContent},set:function(e){this._keepItemContent=e,this.eventService.onKeepContent(e)},enumerable:!1,configurable:!0}),Object.defineProperty(b.prototype,"items",{get:function(){return this._items},set:function(e){e&&(this._items=M(e))},enumerable:!1,configurable:!0}),Object.defineProperty(b.prototype,"hostHeight",{get:function(){return this.expandMode===l.PanelBarExpandMode.Full?this.height:"auto"},enumerable:!1,configurable:!0}),Object.defineProperty(b.prototype,"overflow",{get:function(){return this.expandMode===l.PanelBarExpandMode.Full?"hidden":"visible"},enumerable:!1,configurable:!0}),Object.defineProperty(b.prototype,"dir",{get:function(){return this.localization.rtl?"rtl":"ltr"},enumerable:!1,configurable:!0}),b.prototype.invertKeys=function(e,t){return this.localization.rtl?t:e},Object.defineProperty(b.prototype,"computedKeys",{get:function(){var e=this,t={};return t[h.Keys.Space]=function(){return e.selectFocusedItem()},t[h.Keys.Enter]=function(){return e.selectFocusedItem()},t[h.Keys.ArrowUp]=function(){return e.focusPreviousItem()},t[this.invertKeys(h.Keys.ArrowLeft,h.Keys.ArrowRight)]=function(){return e.collapseItem()},t[h.Keys.ArrowDown]=function(){return e.focusNextItem()},t[this.invertKeys(h.Keys.ArrowRight,h.Keys.ArrowLeft)]=function(){return e.expandItem()},t[h.Keys.End]=function(){return e.focusLastItem()},t[h.Keys.Home]=function(){return e.focusFirstItem()},t},enumerable:!1,configurable:!0}),b.prototype.ngOnDestroy=function(){this.localizationChangeSubscription&&this.localizationChangeSubscription.unsubscribe()},b.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},b.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()},b.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(b.prototype,"templateRef",{get:function(){return this.template?this.template.templateRef:void 0},enumerable:!1,configurable:!0}),b.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()},b.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)},b.prototype.onComponentBlur=function(){this.eventService.onBlur(),this.focused=!1,this.activeDescendant=""},b.prototype.onComponentKeyDown=function(e){e.target===this.elementRef.nativeElement&&(e.keyCode!==h.Keys.Space&&e.keyCode!==h.Keys.ArrowUp&&e.keyCode!==h.Keys.ArrowDown&&e.keyCode!==h.Keys.ArrowLeft&&e.keyCode!==h.Keys.ArrowRight&&e.keyCode!==h.Keys.Home&&e.keyCode!==h.Keys.End&&e.keyCode!==h.Keys.PageUp&&e.keyCode!==h.Keys.PageDown||e.preventDefault(),e=this.keyBindings[e.keyCode])&&e()},b.prototype.emitEvent=function(e,t){var n;switch(e){case"select":n=new ke;break;case"collapse":n=new fe;break;default:n=new Ce}return n.item=t.serialize(),this[e].emit(n),n},Object.defineProperty(b.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}),b.prototype.validateConfiguration=function(){if(p.isDevMode()&&this.items&&this.contentItems&&0<this.contentItems.length)throw new Error("Invalid configuration: mixed template components and items property.")},b.prototype.onItemAction=function(i){var r,o,n,s,e,a=this;i&&(r=new Array,o=[],this.allItems.forEach(function(e){var t=n=e===i,n=a.selectable?n:e.selected;e.selected===n&&e.focused===t||(!!n&&a.emitEvent("select",e).isDefaultPrevented()?o:(e.selected=n,e.focused=t,a.activeDescendant=t?e.itemId:"",r)).push(e)}),this.expandMode===l.PanelBarExpandMode.Multiple?!i.hasChildItems&&!i.hasContent||o.includes(i)||(i.expanded?this.emitEvent("collapse",i):this.emitEvent("expand",i)).isDefaultPrevented()||(i.expanded=!i.expanded,r.indexOf(i)<0&&r.push(i)):(e=(i.parent||this).childrenItems,s=[],!i.hasChildItems&&!i.hasContent||o.includes(i)||(e.forEach(function(e){var t=e===i;e.expanded!==t?(e.expanded?a.emitEvent("collapse",e):a.emitEvent("expand",e)).isDefaultPrevented()?e.expanded&&(n=e):(e.expanded=t,e.expanded&&s.push(e),r.indexOf(e)<0&&r.push(e)):e.expanded===t&&t&&!a.emitEvent("collapse",e).isDefaultPrevented()&&(e.expanded=!e.expanded,r.indexOf(e)<0)&&r.push(e)}),s.forEach(function(e){n&&e.id!==n.id&&(e.expanded=!1,p.isDevMode())&&(e=l.PanelBarExpandMode[a.expandMode].toLowerCase(),console.warn("\n                            The "+e+" expandMode allows the expansion of only one item at a time.\n                            See https://www.telerik.com/kendo-angular-ui-develop/components/layout/panelbar/expand-modes/"))}))),0<r.length)&&((e=new we).items=r.map(function(e){return e.serialize()}),this.stateChange.emit(e))},b.prototype.isVisible=function(t){return this.visibleItems().some(function(e){return e===t})},b.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},b.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)},b.prototype.moveFocus=function(e,t){e.focused=!1,t.focused=!0,this.activeDescendant=t.itemId;e=new Array(e.serialize(),t.serialize()),t=new we;t.items=e,this.stateChange.emit(t)},b.prototype.focusLastItem=function(){this.focusItem("lastItem")},b.prototype.focusFirstItem=function(){this.focusItem("firstItem")},b.prototype.focusNextItem=function(){this.focusItem("nextItem")},b.prototype.focusPreviousItem=function(){this.focusItem("previousItem")},b.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))},b.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)},b.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()},b.prototype.visibleItems=function(){return this.flatVisibleItems(this.childrenItems)},b.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},b);function b(e,t,n){var r=this;this.localization=n,this.expandMode=l.PanelBarExpandMode.Default,this.selectable=!0,this.animate=!0,this.height="400px",this.stateChange=new p.EventEmitter,this.select=new p.EventEmitter,this.expand=new p.EventEmitter,this.collapse=new p.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===l.PanelBarExpandMode.Full?"auto":"visible";r.childrenItems.forEach(function(e){t+=e.headerHeight()}),r.childrenItems.forEach(function(e){e.contentHeight=l.PanelBarExpandMode.Full===r.expandMode?n-t+"px":"auto",e.contentOverflow=i})},F.validatePackage(J),this.keyBindings=this.computedKeys,this.elementRef=e,this.eventService=t,this.eventService.children$.subscribe(function(e){return r.onItemAction(e)})}he.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:he,deps:[{token:i.ElementRef},{token:le},{token:r.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),he.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.17",type:he,selector:"kendo-panelbar",inputs:{expandMode:"expandMode",selectable:"selectable",animate:"animate",height:"height",keepItemContent:"keepItemContent",items:"items"},outputs:{stateChange:"stateChange",select:"select",expand:"expand",collapse:"collapse"},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:i,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:o.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:o.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:he,decorators:[{type:p.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:i.ElementRef},{type:le},{type:r.LocalizationService}]},propDecorators:{expandMode:[{type:p.Input}],selectable:[{type:p.Input}],animate:[{type:p.Input}],height:[{type:p.Input}],keepItemContent:[{type:p.Input}],items:[{type:p.Input}],stateChange:[{type:p.Output}],select:[{type:p.Output}],expand:[{type:p.Output}],collapse:[{type:p.Output}],tabIndex:[{type:p.HostBinding,args:["attr.tabIndex"]}],role:[{type:p.HostBinding,args:["attr.role"]}],hostClass:[{type:p.HostBinding,args:["class.k-panelbar"]}],activeDescendant:[{type:p.HostBinding,args:["attr.aria-activedescendant"]}],hostHeight:[{type:p.HostBinding,args:["style.height"]}],overflow:[{type:p.HostBinding,args:["style.overflow"]}],dir:[{type:p.HostBinding,args:["attr.dir"]}],template:[{type:p.ContentChild,args:[de,{static:!1}]}],contentItems:[{type:p.ContentChildren,args:[u,{descendants:!0}]}],contentChildItems:[{type:p.ContentChildren,args:[u]}],viewChildItems:[{type:p.ViewChildren,args:[u]}],onComponentClick:[{type:p.HostListener,args:["click",["$event"]]}],onComponentFocus:[{type:p.HostListener,args:["focus"]}],onComponentBlur:[{type:p.HostListener,args:["blur"]}],onComponentKeyDown:[{type:p.HostListener,args:["keydown",["$event"]]}]}});Object.defineProperty(De.prototype,"order",{get:function(){return this._order},set:function(e){this._order=e,this.setOrderStyles()},enumerable:!1,configurable:!0}),Object.defineProperty(De.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(De.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(De.prototype,"isHidden",{get:function(){return this.collapsed},enumerable:!1,configurable:!0}),Object.defineProperty(De.prototype,"staticPaneClass",{get:function(){return!this.forceExpand&&(!this.resizable&&!this.collapsible||this.fixedSize)},enumerable:!1,configurable:!0}),Object.defineProperty(De.prototype,"scrollablePaneClass",{get:function(){return this.scrollable},enumerable:!1,configurable:!0}),Object.defineProperty(De.prototype,"fixedSize",{get:function(){return this.size&&0<this.size.length},enumerable:!1,configurable:!0}),De.prototype.ngAfterViewChecked=function(){var e=this.element.nativeElement;this.isHidden?(this.renderer.addClass(e,"k-hidden"),this.renderer.addClass(e,"hidden")):(this.renderer.removeClass(e,"k-hidden"),this.renderer.removeClass(e,"hidden"))},Object.defineProperty(De.prototype,"computedSize",{get:function(){return"vertical"===this.orientation?this.element.nativeElement.offsetHeight:this.element.nativeElement.offsetWidth},enumerable:!1,configurable:!0}),De.prototype.toggleOverlay=function(e){this.overlayContent=e,this.cdr.detectChanges()},De.prototype.detectChanges=function(){this.cdr.detectChanges()},De.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 Te=De;function De(e,t,n){this.element=e,this.renderer=t,this.cdr=n,this.separatorLabel="Splitter pane",this.resizable=!0,this.collapsible=!1,this.scrollable=!0,this.collapsed=!1,this.orientation="horizontal",this.overlayContent=!1,this.sizeChange=new p.EventEmitter,this.collapsedChange=new p.EventEmitter,this.ariaRole="group",this.hostClass=!0,this.forceExpand=!1,this.isResized=!1}Te.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:Te,deps:[{token:i.ElementRef},{token:i.Renderer2},{token:i.ChangeDetectorRef}],target:i.ɵɵFactoryTarget.Component}),Te.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.17",type:Te,selector:"kendo-splitter-pane",inputs:{order:"order",size:"size",separatorLabel:"separatorLabel",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:{"attr.role":"this.ariaRole","class.k-pane":"this.hostClass","class.k-pane-static":"this.staticPaneClass","class.k-scrollable":"this.scrollablePaneClass"}},exportAs:["kendoSplitterPane"],ngImport:i,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:o.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:Te,decorators:[{type:p.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:i.ElementRef},{type:i.Renderer2},{type:i.ChangeDetectorRef}]},propDecorators:{order:[{type:p.Input}],size:[{type:p.Input}],separatorLabel:[{type:p.Input}],min:[{type:p.Input}],max:[{type:p.Input}],resizable:[{type:p.Input}],collapsible:[{type:p.Input}],scrollable:[{type:p.Input}],collapsed:[{type:p.Input}],orientation:[{type:p.Input}],containsSplitter:[{type:p.Input}],overlayContent:[{type:p.Input}],sizeChange:[{type:p.Output}],collapsedChange:[{type:p.Output}],ariaRole:[{type:p.HostBinding,args:["attr.role"]}],hostClass:[{type:p.HostBinding,args:["class.k-pane"]}],staticPaneClass:[{type:p.HostBinding,args:["class.k-pane-static"]}],scrollablePaneClass:[{type:p.HostBinding,args:["class.k-scrollable"]}]}});Ee.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},Ee.prototype.togglePane=function(e,t){var n,i,r,o,s=this.pane(t),a=this.pane(t+1);i=s,r=a,o=(n=e)===h.Keys.ArrowLeft,n=n===h.Keys.ArrowUp,r=!s.collapsed&&!r.collapsed&&(o||n),i=s.collapsed&&!(o||n),r||i?this.tryToggle(t):(o=s,n=a,i=(r=e)===h.Keys.ArrowLeft,r=r===h.Keys.ArrowUp,o=!a.collapsed&&!o.collapsed&&!(i||r),n=a.collapsed&&(i||r),(o||n)&&this.tryToggle(t+1))},Ee.prototype.resizePane=function(e,t){t=this.dragState(t),e=e===h.Keys.ArrowLeft||e===h.Keys.ArrowUp?-this.resizeStep:this.resizeStep;this.setSize(t,e)},Ee.prototype.toggleContentOverlay=function(e,t){this.pane(e).toggleOverlay(t),this.pane(e+1).toggleOverlay(t)},Ee.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}}},Ee.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,{})},Ee.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},Ee.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},Ee.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]},Ee.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}),p.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},Ee.prototype.isPercent=function(e){return/%$/.test(e)},Ee.prototype.toPixels=function(e){var t=parseFloat(e);return t=this.isPercent(e)?this.containerSize()*t/100:t},Ee.prototype.emit=function(e,t){e.observers.length&&this.zone.run(function(){return e.emit(t)})};var Oe=Ee;function Ee(e){this.zone=e,this.layoutChange=new p.EventEmitter,this.resizeStep=10,this.containerSize=function(){}}Oe.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:Oe,deps:[{token:i.NgZone}],target:i.ɵɵFactoryTarget.Injectable}),Oe.ɵprov=i.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:Oe}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:Oe,decorators:[{type:p.Injectable}],ctorParameters:function(){return[{type:i.NgZone}]}});function ze(e){(e=e.originalEvent).stopPropagation(),e.preventDefault()}function Pe(t){return Object.keys(t).filter(function(e){return t[e]}).join(" ")}Object.defineProperty(C.prototype,"direction",{get:function(){return this.localization.rtl?"rtl":"ltr"},enumerable:!1,configurable:!0}),Object.defineProperty(C.prototype,"tabIndex",{get:function(){return this.splitterService.isStatic(this.index)?-1:0},enumerable:!1,configurable:!0}),Object.defineProperty(C.prototype,"hostClasses",{get:function(){var e="horizontal"===this.orientation,t=this.splitterService.isDraggable(this.index),n=this.splitterService.isStatic(this.index);return Pe({"k-focus":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(C.prototype,"order",{get:function(){return 2*this.index+1},enumerable:!1,configurable:!0}),Object.defineProperty(C.prototype,"expandLast",{get:function(){var e=this.splitterService.panes;return 2===e.length&&e[1].collapsed},enumerable:!1,configurable:!0}),C.prototype.ngOnInit=function(){var r,e,t,o=this,n=this.draggable.kendoPress.pipe(j.tap(ze),j.filter(function(){return o.splitterService.isDraggable(o.index)}),j.tap(function(){return r=o.splitterService.dragState(o.index)}),j.tap(function(){return o.splitterService.toggleContentOverlay(o.index,!0)}),j.switchMap((t=this.draggable.kendoRelease,function(e){return a.of(e).pipe(j.delay(150),j.takeUntil(t))})),j.switchMap((e=this.draggable,function(n){return e.kendoDrag.pipe(j.takeUntil(e.kendoRelease),j.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.splitterService.setSize(r,n)}),n=(this.subscriptions.add(n),this.subscriptions.add(this.draggable.kendoRelease.subscribe(function(){return o.splitterService.toggleContentOverlay(o.index,!1)})),this.element.nativeElement);this.subscriptions.add(this.renderer.listen(n,"keydown",function(e){return o.onKeyDown(e)})),this.subscriptions.add(this.renderer.listen(n,"focusin",function(){return o.focused=!0})),this.subscriptions.add(this.renderer.listen(n,"focusout",function(){return o.focused=!1})),this.subscriptions.add(this.renderer.listen(n,"dblclick",function(){return o.togglePane()}))},C.prototype.ngOnDestroy=function(){this.subscriptions&&this.subscriptions.unsubscribe()},C.prototype.togglePrevious=function(){this.splitterService.tryToggle(this.index)},C.prototype.toggleNext=function(){this.splitterService.tryToggle(this.index+1)},C.prototype.shouldShowIcon=function(e){var t="prev"===e?this.index:this.index+1,e="prev"===e?this.index+1:this.index,t=this.splitterService.pane(t),e=this.splitterService.pane(e);return t.collapsible&&!e.isHidden},C.prototype.collapseClass=function(e){return this.splitterService.pane(this.index).collapsible?"k-collapse-"+e:""},C.prototype.previousArrowClass=function(){var e=this.splitterService.pane(this.index),t=e.collapsible,e=e.collapsed,n="horizontal"===this.orientation;return Pe({"k-icon":!0,"k-i-caret-alt-left":t&&n&&!e,"k-i-caret-alt-right":t&&n&&e,"k-i-caret-alt-up":t&&!n&&!e,"k-i-caret-alt-down":t&&!n&&e})},C.prototype.nextArrowClass=function(){var e=this.splitterService.pane(this.index+1),t=e.collapsible,e=e.collapsed,n="horizontal"===this.orientation;return Pe({"k-icon":!0,"k-i-caret-alt-right":t&&n&&!e,"k-i-caret-alt-left":t&&n&&e,"k-i-caret-alt-down":t&&!n&&!e,"k-i-caret-alt-up":t&&!n&&e})},C.prototype.togglePane=function(){this.expandLast?this.toggleNext():this.tryToggleNearest()},C.prototype.onKeyDown=function(e){var t,n,i,r=e.keyCode,o=e.ctrlKey||e.metaKey;r===h.Keys.Enter?(e.preventDefault(),this.togglePane()):(t=r,n=this.orientation,i=(n="horizontal"===n)&&(t===h.Keys.ArrowLeft||t===h.Keys.ArrowRight),n=!n&&(t===h.Keys.ArrowUp||t===h.Keys.ArrowDown),(i||n)&&(e.preventDefault(),o?this.splitterService.togglePane(r,this.index):this.splitterService.resizePane(r,this.index)))},C.prototype.tryToggleNearest=function(){var e=this.index,t=this.index+1;this.splitterService.tryToggle(e)||this.splitterService.tryToggle(t)};var v=C;function C(e,t,n,i,r){this.draggable=e,this.element=t,this.splitterService=n,this.localization=i,this.renderer=r,this.orientation="horizontal",this.index=0,this.ariaRole="separator",this.focused=!1,this.subscriptions=new a.Subscription}v.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:v,deps:[{token:Y.DraggableDirective,host:!0},{token:i.ElementRef},{token:Oe},{token:r.LocalizationService},{token:i.Renderer2}],target:i.ɵɵFactoryTarget.Component}),v.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.17",type:v,selector:"kendo-splitter-bar",inputs:{orientation:"orientation",index:"index"},host:{properties:{"attr.aria-orientation":"this.orientation","attr.role":"this.ariaRole","class.k-focus":"this.focused","attr.tabindex":"this.tabIndex",class:"this.hostClasses","style.-ms-flex-order":"this.order","style.order":"this.order"}},ngImport:i,template:'\n        <div *ngIf="shouldShowIcon(\'prev\')" [class]="collapseClass(\'prev\')" (click)="togglePrevious()">\n            <span [class]="previousArrowClass()"></span>\n        </div>\n        <div class="k-resize-handle"></div>\n        <div *ngIf="shouldShowIcon(\'next\')" [class]="collapseClass(\'next\')" (click)="toggleNext()">\n            <span [class]="nextArrowClass()"></span>\n        </div>\n    ',isInline:!0,directives:[{type:o.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:v,decorators:[{type:p.Component,args:[{selector:"kendo-splitter-bar",template:'\n        <div *ngIf="shouldShowIcon(\'prev\')" [class]="collapseClass(\'prev\')" (click)="togglePrevious()">\n            <span [class]="previousArrowClass()"></span>\n        </div>\n        <div class="k-resize-handle"></div>\n        <div *ngIf="shouldShowIcon(\'next\')" [class]="collapseClass(\'next\')" (click)="toggleNext()">\n            <span [class]="nextArrowClass()"></span>\n        </div>\n    '}]}],ctorParameters:function(){return[{type:Y.DraggableDirective,decorators:[{type:p.Host}]},{type:i.ElementRef},{type:Oe},{type:r.LocalizationService},{type:i.Renderer2}]},propDecorators:{orientation:[{type:p.Input},{type:p.HostBinding,args:["attr.aria-orientation"]}],index:[{type:p.Input}],ariaRole:[{type:p.HostBinding,args:["attr.role"]}],focused:[{type:p.HostBinding,args:["class.k-focus"]}],tabIndex:[{type:p.HostBinding,args:["attr.tabindex"]}],hostClasses:[{type:p.HostBinding,args:["class"]}],order:[{type:p.HostBinding,args:["style.-ms-flex-order"]},{type:p.HostBinding,args:["style.order"]}]}});Object.defineProperty(Re.prototype,"resizeStep",{get:function(){return this.splitterService.resizeStep},set:function(e){this.splitterService.resizeStep=e},enumerable:!1,configurable:!0}),Object.defineProperty(Re.prototype,"hostClasses",{get:function(){return!0},enumerable:!1,configurable:!0}),Object.defineProperty(Re.prototype,"horizontalHostClasses",{get:function(){return"horizontal"===this.orientation},enumerable:!1,configurable:!0}),Object.defineProperty(Re.prototype,"verticalHostClasses",{get:function(){return"vertical"===this.orientation},enumerable:!1,configurable:!0}),Object.defineProperty(Re.prototype,"dir",{get:function(){return this.direction},enumerable:!1,configurable:!0}),Object.defineProperty(Re.prototype,"splitbars",{set:function(e){var t,n,i=this;d(e)&&d(this.panes)&&(t=this.panes.toArray(),n=e.toArray(),e=f(f([],y(t)),y(n)).sort(function(e,t){return e.order-t.order}).map(function(e){return e.element.nativeElement}),t.forEach(function(e,t){n[t]&&e.separatorLabel&&(t=n[t].element.nativeElement,i.renderer.setAttribute(t,"aria-label",e.separatorLabel))}),e.forEach(function(e){return i.renderer.appendChild(i.element.nativeElement,e)}))},enumerable:!1,configurable:!0}),Re.prototype.ngAfterContentInit=function(){this.reconfigure()},Re.prototype.ngOnChanges=function(e){e.orientation&&!e.orientation.isFirstChange()&&this.reconfigure()},Re.prototype.ngOnDestroy=function(){this.enclosingPane&&(this.enclosingPane.containsSplitter=!1),this.unsubscribeChanges()},Re.prototype.reconfigure=function(){this.unsubscribeChanges(),this.configure(),this.paneChangesSubscription=this.panes.changes.subscribe(this.configure)},Re.prototype.unsubscribeChanges=function(){this.paneChangesSubscription&&(this.paneChangesSubscription.unsubscribe(),this.paneChangesSubscription=null)},Re.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(Re.prototype,"direction",{get:function(){return this.localization.rtl?"rtl":"ltr"},enumerable:!1,configurable:!0});var Be=Re;function Re(e,t,n,i,r){this.element=e,this.splitterService=t,this.localization=n,this.renderer=i,this.enclosingPane=r,this.orientation="horizontal",F.validatePackage(J),r&&(r.containsSplitter=!0),this.layoutChange=this.splitterService.layoutChange,this.configure=this.configure.bind(this)}Be.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:Be,deps:[{token:i.ElementRef},{token:Oe},{token:r.LocalizationService},{token:i.Renderer2},{token:Te,host:!0,optional:!0}],target:i.ɵɵFactoryTarget.Component}),Be.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.17",type:Be,selector:"kendo-splitter",inputs:{orientation:"orientation",resizeStep:"resizeStep"},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"}},providers:[Oe,e.LocalizationService,{provide:e.L10N_PREFIX,useValue:"kendo.spliter"}],queries:[{propertyName:"panes",predicate:Te}],viewQueries:[{propertyName:"splitbars",predicate:v,descendants:!0}],exportAs:["kendoSplitter"],usesOnChanges:!0,ngImport:i,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:v,selector:"kendo-splitter-bar",inputs:["orientation","index"]}],directives:[{type:o.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:o.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:Y.DraggableDirective,selector:"[kendoDraggable]",inputs:["enableDrag"],outputs:["kendoPress","kendoDrag","kendoRelease"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:Be,decorators:[{type:p.Component,args:[{exportAs:"kendoSplitter",selector:"kendo-splitter",providers:[Oe,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:i.ElementRef},{type:Oe},{type:r.LocalizationService},{type:i.Renderer2},{type:Te,decorators:[{type:p.Optional},{type:p.Host},{type:p.Inject,args:[Te]}]}]},propDecorators:{orientation:[{type:p.Input}],resizeStep:[{type:p.Input}],layoutChange:[{type:p.Output}],hostClasses:[{type:p.HostBinding,args:["class.k-splitter"]},{type:p.HostBinding,args:["class.k-splitter-flex"]}],horizontalHostClasses:[{type:p.HostBinding,args:["class.k-splitter-horizontal"]}],verticalHostClasses:[{type:p.HostBinding,args:["class.k-splitter-vertical"]}],dir:[{type:p.HostBinding,args:["attr.dir"]}],splitbars:[{type:p.ViewChildren,args:[v]}],panes:[{type:p.ContentChildren,args:[Te]}]}});var Ve=function(e){this.templateRef=e},Le=(Ve.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:Ve,deps:[{token:i.TemplateRef}],target:i.ɵɵFactoryTarget.Directive}),Ve.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.17",type:Ve,selector:"[kendoTabContent]",ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:Ve,decorators:[{type:p.Directive,args:[{selector:"[kendoTabContent]"}]}],ctorParameters:function(){return[{type:i.TemplateRef}]}}),function(e){this.templateRef=e}),Fe=(Le.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:Le,deps:[{token:i.TemplateRef}],target:i.ɵɵFactoryTarget.Directive}),Le.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.17",type:Le,selector:"[kendoTabTitle]",ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:Le,decorators:[{type:p.Directive,args:[{selector:"[kendoTabTitle]"}]}],ctorParameters:function(){return[{type:i.TemplateRef}]}}),Object.defineProperty(je.prototype,"tabContent",{get:function(){return this._tabContent.first},enumerable:!1,configurable:!0}),Object.defineProperty(je.prototype,"tabTitle",{get:function(){return this._tabTitleDirective.first},enumerable:!1,configurable:!0}),je);function je(){this.disabled=!1,this._tabContent=new p.QueryList,this.focused=!1}Fe.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:Fe,deps:[],target:i.ɵɵFactoryTarget.Component}),Fe.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.17",type:Fe,selector:"kendo-tabstrip-tab",inputs:{title:"title",disabled:"disabled",cssClass:"cssClass",cssStyle:"cssStyle",selected:"selected",closable:"closable",closeIcon:"closeIcon"},queries:[{propertyName:"_tabContent",predicate:Ve},{propertyName:"_tabTitleDirective",predicate:Le}],exportAs:["kendoTabStripTab"],ngImport:i,template:"",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:Fe,decorators:[{type:p.Component,args:[{exportAs:"kendoTabStripTab",selector:"kendo-tabstrip-tab",template:""}]}],propDecorators:{title:[{type:p.Input}],disabled:[{type:p.Input}],cssClass:[{type:p.Input}],cssStyle:[{type:p.Input}],selected:[{type:p.Input}],closable:[{type:p.Input}],closeIcon:[{type:p.Input}],_tabContent:[{type:p.ContentChildren,args:[Ve]}],_tabTitleDirective:[{type:p.ContentChildren,args:[Le]}]}});var He,Ae=function(e,t){this.index=e,this.tab=t},Me=(m(Ne,He=h.PreventableEvent),Ne);function Ne(e,t){var n=He.call(this)||this;return n.index=e,n.title=t,n}function Ke(e){return e.enabled&&e.mouseScroll}function _e(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 We(e,n){return 0<(e=e.filter(function(e,t){return t===n})).length?e[0]:null}function Ue(e){return"top"===e||"bottom"===e}Xe.prototype.onKeyDown=function(e){var t;(function(e){e=e.getAttribute("id");return!!(d(e)||0<=e.indexOf("k-tabstrip-tab-"))})(e.target)&&(t=e.keyCode,this.shouldHandleKey(t))&&(e.preventDefault(),_(t)||N(e=t)||K(e)?this.onNavigate(t):t===h.Keys.Delete&&this.onDelete())},Xe.prototype.onTabSelect=function(e,t){var n=new Me(t,e.title);this.owner.tabSelect.emit(n),n.isDefaultPrevented()||(e.selected?this.focusTabHeader(t):this.selectTab(e,t))},Xe.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()},Xe.prototype.onNavigate=function(t){var n=this,e=_e(this.owner.tabs),i=e.tab,r=e.index;p.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))})},Xe.prototype.onDelete=function(){var e,t=this,n=_e(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})})},Xe.prototype.activateTab=function(e){var t=We(this.owner.tabs,e);t.disabled?(this.focusTabHeader(e),t.focused=!0):this.onTabSelect(t,e)},Xe.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()},Xe.prototype.shouldHandleKey=function(e){return!!_(e)||!(!Ue(this.owner.tabPosition)||!N(e))||!(Ue(this.owner.tabPosition)||!K(e))||e===h.Keys.Delete},Xe.prototype.computeNextIndex=function(e,t){switch(t){case this.invertKeys(h.Keys.ArrowLeft,h.Keys.ArrowRight):case this.invertKeys(h.Keys.ArrowUp,h.Keys.ArrowDown):return this.prevNavigatableIndex(e);case this.invertKeys(h.Keys.ArrowRight,h.Keys.ArrowLeft):case this.invertKeys(h.Keys.ArrowDown,h.Keys.ArrowUp):return this.nextNavigatableIndex(e);case h.Keys.Home:return this.firstNavigatableIndex();case h.Keys.End:return this.lastNavigatableIndex();default:return}},Xe.prototype.invertKeys=function(e,t){return this.localization.rtl?t:e},Xe.prototype.firstNavigatableIndex=function(){return 0},Xe.prototype.lastNavigatableIndex=function(){return this.owner.tabs.length-1},Xe.prototype.prevNavigatableIndex=function(e){return e-1<0?this.lastNavigatableIndex():e-1},Xe.prototype.nextNavigatableIndex=function(e){return e+1>=this.owner.tabs.length?this.firstNavigatableIndex():e+1};var Ze=Xe;function Xe(e,t){this.localization=e,this.ngZone=t}Ze.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:Ze,deps:[{token:r.LocalizationService},{token:i.NgZone}],target:i.ɵɵFactoryTarget.Injectable}),Ze.ɵprov=i.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:Ze}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:Ze,decorators:[{type:p.Injectable}],ctorParameters:function(){return[{type:r.LocalizationService},{type:i.NgZone}]}});var $e="k-i-caret-alt-left",qe="k-i-caret-alt-right",Ye="k-i-caret-alt-up",Ge="k-i-caret-alt-down",Qe=(Object.defineProperty(Je.prototype,"tablistElement",{get:function(){return this.owner.tablist.nativeElement},enumerable:!1,configurable:!0}),Object.defineProperty(Je.prototype,"tabstripSize",{get:function(){var e=this.owner.wrapper.nativeElement,t=parseFloat(getComputedStyle(e).width),e=parseFloat(getComputedStyle(e).height);return Ue(this.owner.tabPosition)?t:e},enumerable:!1,configurable:!0}),Object.defineProperty(Je.prototype,"tablistOverflowSize",{get:function(){var e;return!h.isDocumentAvailable()||(e=Ue(this.owner.tabPosition),(e=Math.floor(this.tablistElement[e?"scrollWidth":"scrollHeight"]-this.tablistElement.getBoundingClientRect()[e?"width":"height"]))<0)?0:e},enumerable:!1,configurable:!0}),Object.defineProperty(Je.prototype,"tabsOverflow",{get:function(){return 0<this.tablistOverflowSize},enumerable:!1,configurable:!0}),Object.defineProperty(Je.prototype,"scrollButtonsSize",{get:function(){var e,t;return this.owner.hasScrollButtons?(e=this.owner.prevScrollButton.hostBoundingClientRect,e=Ue(this.owner.tabPosition)?e.width:e.height,t=this.owner.nextScrollButton.hostBoundingClientRect,e+(Ue(this.owner.tabPosition)?t.width:t.height)):0},enumerable:!1,configurable:!0}),Je.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)})},Je.prototype.scrollToSelectedTab=function(){var e,t,n=this;this.tabsOverflow&&-1!==(e=_e(this.owner.tabs).index)&&(this.position+=this.getScrollOffset(e),Ue(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)})},Je.prototype.getScrollOffset=function(e){var t,n,i,r,o;return!h.isDocumentAvailable()||(n=Ue(this.owner.tabPosition),this.tablistElement["scroll"+(n?"Left":"Top")]=this.position,e=this.tablistElement.children[e].getBoundingClientRect(),r=this.tablistElement.getBoundingClientRect(),t=e[i=n?"left":"top"],n=e[e=n?"right":"bottom"],o=(i=r[i])<=t,(e=n<=(r=r[e]))&&o)?0:e?o?void 0:t-i:n-r},Je.prototype.onMouseScroll=function(e){e.preventDefault(),Ke(this.owner.scrollable)&&(e=e.deltaY<0?"prev":"next",this.calculateListPosition(e,this.owner.scrollable.mouseScrollSpeed),Ue(this.owner.tabPosition)?this.tablistElement.scrollLeft=this.position:this.tablistElement.scrollTop=this.position,this.toggleScrollButtonsState())},Je.prototype.scrollTabs=function(e){this.calculateListPosition(e,this.owner.scrollable.buttonScrollSpeed),Ue(this.owner.tabPosition)?this.tablistElement.scrollTo({left:this.position,behavior:"smooth"}):this.tablistElement.scrollTo({top:this.position,behavior:"smooth"}),this.toggleScrollButtonsState()},Je.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)},Je.prototype.restoreScrollPosition=function(){Ue(this.owner.tabPosition)?this.tablistElement.scrollTo({left:this.position}):this.tablistElement.scrollTo({top:this.position}),this.toggleScrollButtonsState()},Je.prototype.toggleButtonActiveState=function(e,t){this.scrollButtonActiveStateChange.next({buttonType:e,active:t})},Je);function Je(e){var t=this;this.ngZone=e,this.position=0,this.scrollButtonActiveStateChange=new a.Subject,this.isDisabled=function(e){return t.owner[e+"ScrollButton"].host.nativeElement.classList.contains("k-disabled")}}Qe.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:Qe,deps:[{token:i.NgZone}],target:i.ɵɵFactoryTarget.Injectable}),Qe.ɵprov=i.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:Qe}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:Qe,decorators:[{type:p.Injectable}],ctorParameters:function(){return[{type:i.NgZone}]}});function et(e){return nt(!1===e?{enabled:!1}:e)}var tt,nt=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}},it=(m(rt,tt=h.PreventableEvent),rt);function rt(e){var t=tt.call(this)||this;return Object.assign(t,e),t}Object.defineProperty(ot.prototype,"prevClass",{get:function(){return this.prev},enumerable:!1,configurable:!0}),Object.defineProperty(ot.prototype,"nextClass",{get:function(){return!this.prev},enumerable:!1,configurable:!0}),Object.defineProperty(ot.prototype,"hostBoundingClientRect",{get:function(){return this.host.nativeElement.getBoundingClientRect()},enumerable:!1,configurable:!0}),Object.defineProperty(ot.prototype,"iconClass",{get:function(){return this.scrollButtonIconClass[this.prev?"prevScrollButton":"nextScrollButton"]},enumerable:!1,configurable:!0}),ot.prototype.ngAfterViewInit=function(){var e=this;this.ngZone.runOutsideAngular(function(){e.subs.add(e.renderer.listen(e.host.nativeElement,"click",e.clickHandler))})},ot.prototype.ngOnDestroy=function(){this.subs.unsubscribe()},ot.prototype.toggle=function(e){this.renderer[e?"removeClass":"addClass"](this.host.nativeElement,"k-hidden")},Object.defineProperty(ot.prototype,"scrollButtonIconClass",{get:function(){var e=Ue(this.tabPosition)?$e:Ye,t=Ue(this.tabPosition)?qe:Ge;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}),ot.prototype.emitScrollEvent=function(e){e=new it({originalEvent:e});return this.tabScroll.emit(e),e};var I=ot;function ot(e,t,n){var i=this;this.host=e,this.renderer=t,this.ngZone=n,this.btnClasses=!0,this.prev=!1,this.tabScroll=new p.EventEmitter,this.onClick=new p.EventEmitter,this.subs=new a.Subscription,this.clickHandler=function(e){i.emitScrollEvent(e).isDefaultPrevented()||(e=i.prev?"prev":"next",i.onClick.emit(e))}}I.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:I,deps:[{token:i.ElementRef},{token:i.Renderer2},{token:i.NgZone}],target:i.ɵɵFactoryTarget.Component}),I.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.17",type:I,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:i,template:'\n        <span class="k-icon k-button-icon" [ngClass]="iconClass"></span>\n    ',isInline:!0,directives:[{type:o.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:I,decorators:[{type:p.Component,args:[{template:'\n        <span class="k-icon k-button-icon" [ngClass]="iconClass"></span>\n    ',selector:"[kendoTabStripScrollableButton]"}]}],ctorParameters:function(){return[{type:i.ElementRef},{type:i.Renderer2},{type:i.NgZone}]},propDecorators:{btnClasses:[{type:p.HostBinding,args:["class.k-button"]},{type:p.HostBinding,args:["class.k-button-md"]},{type:p.HostBinding,args:["class.k-icon-button"]},{type:p.HostBinding,args:["class.k-rounded-md"]},{type:p.HostBinding,args:["class.k-button-flat"]},{type:p.HostBinding,args:["class.k-button-flat-base"]}],prevClass:[{type:p.HostBinding,args:["class.k-tabstrip-prev"]}],nextClass:[{type:p.HostBinding,args:["class.k-tabstrip-next"]}],prev:[{type:p.Input}],tabPosition:[{type:p.Input}],scrollable:[{type:p.Input}],tabScroll:[{type:p.Output}],onClick:[{type:p.Output}]}});Object.defineProperty(at.prototype,"activeClass",{get:function(){return this.tab.selected},enumerable:!1,configurable:!0}),Object.defineProperty(at.prototype,"disabledClass",{get:function(){return this.tab.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(at.prototype,"focusedClass",{get:function(){return this.tab.focused},enumerable:!1,configurable:!0}),Object.defineProperty(at.prototype,"tabIndex",{get:function(){return this.tab.selected||this.tab.focused?0:-1},enumerable:!1,configurable:!0}),Object.defineProperty(at.prototype,"tabClosable",{get:function(){return void 0!==this.tab.closable?this.tab.closable:this.tabStripClosable},enumerable:!1,configurable:!0}),Object.defineProperty(at.prototype,"closeButtonClasses",{get:function(){return d(this.tab.closeIcon)?this.tab.closeIcon:this.tabStripCloseIcon},enumerable:!1,configurable:!0}),Object.defineProperty(at.prototype,"closeButtonTitle",{get:function(){return this.localization.get("closeTitle")},enumerable:!1,configurable:!0}),at.prototype.closeTab=function(e){e=new Ae(e,this.tab);this.tabClose.emit(e)};var st=at;function at(e){this.localization=e,this.tabClose=new p.EventEmitter,this.hostClasses=!0}st.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:st,deps:[{token:r.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),st.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.17",type:st,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-active":"this.activeClass","attr.aria-disabled]":"this.disabledClass","class.k-disabled":"this.disabledClass","class.k-focus":"this.focusedClass","attr.tabindex":"this.tabIndex"}},ngImport:i,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:o.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:o.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]},{type:o.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:st,decorators:[{type:p.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:r.LocalizationService}]},propDecorators:{tab:[{type:p.Input}],index:[{type:p.Input}],tabStripClosable:[{type:p.Input}],tabStripCloseIcon:[{type:p.Input}],tabClose:[{type:p.Output}],hostClasses:[{type:p.HostBinding,args:["class.k-item"]},{type:p.HostBinding,args:["class.k-state-default"]}],activeClass:[{type:p.HostBinding,args:["attr.aria-selected"]},{type:p.HostBinding,args:["class.k-active"]}],disabledClass:[{type:p.HostBinding,args:["attr.aria-disabled]"]},{type:p.HostBinding,args:["class.k-disabled"]}],focusedClass:[{type:p.HostBinding,args:["class.k-focus"]}],tabIndex:[{type:p.HostBinding,args:["attr.tabindex"]}]}});m(pt,lt=e.ComponentMessages);var lt,S=pt;function pt(){return null!==lt&&lt.apply(this,arguments)||this}S.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:S,deps:null,target:i.ɵɵFactoryTarget.Directive}),S.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.17",type:S,selector:"kendo-tabstrip-messages-base",inputs:{closeTitle:"closeTitle",previousTabButton:"previousTabButton",nextTabButton:"nextTabButton"},usesInheritance:!0,ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:S,decorators:[{type:p.Directive,args:[{selector:"kendo-tabstrip-messages-base"}]}],propDecorators:{closeTitle:[{type:p.Input}],previousTabButton:[{type:p.Input}],nextTabButton:[{type:p.Input}]}});m(ut,ct=S);var ct,dt=ut;function ut(e){var t=ct.call(this)||this;return t.service=e,t}dt.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:dt,deps:[{token:r.LocalizationService}],target:i.ɵɵFactoryTarget.Directive}),dt.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.17",type:dt,selector:"[kendoTabStripLocalizedMessages]",providers:[{provide:S,useExisting:p.forwardRef(function(){return dt})}],usesInheritance:!0,ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:dt,decorators:[{type:p.Directive,args:[{providers:[{provide:S,useExisting:p.forwardRef(function(){return dt})}],selector:"[kendoTabStripLocalizedMessages]"}]}],ctorParameters:function(){return[{type:r.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=et(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(j.take(1)).subscribe(function(){t&&(n.subscriptionsArePresent&&(n.subscriptions.unsubscribe(),n.subscriptions=new a.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 Ke(this._scrollableSettings)},enumerable:!1,configurable:!0}),Object.defineProperty(k.prototype,"itemsWrapperClass",{get:function(){return Ue(this.tabPosition)?"k-hstack":"k-vstack"},enumerable:!1,configurable:!0}),k.prototype.selectTab=function(e){var t=We(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,U(e,"k-remove-tab"))||U(e.parentElement,"k-remove-tab")||(e=We(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(j.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 it({originalEvent:e});n.tabScroll.emit(t),!t.isDefaultPrevented()&&n.scrollService.tabsOverflow&&n.scrollService.onMouseScroll(e)}))})};var gt=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 p.EventEmitter,this.tabClose=new p.EventEmitter,this.tabScroll=new p.EventEmitter,this.hostClass=!0,this.tabs=new p.QueryList,this._scrollableSettings=et(!1),this.subscriptions=new a.Subscription,this.subscriptionsArePresent=!1,F.validatePackage(J),((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"))}))}gt.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:gt,deps:[{token:r.LocalizationService},{token:i.Renderer2},{token:i.ElementRef},{token:Ze},{token:Qe},{token:i.NgZone}],target:i.ɵɵFactoryTarget.Component}),gt.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.17",type:gt,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.hostClass","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:[Ze,Qe,e.LocalizationService,{provide:e.L10N_PREFIX,useValue:"kendo.tabstrip"}],queries:[{propertyName:"tabs",predicate:Fe}],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:p.ElementRef}],exportAs:["kendoTabStrip"],usesOnChanges:!0,ngImport:i,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            \n            i18n-previousTabButton="kendo.tabstrip.previousTabButton|The title for the **Previous Tab** button when the Tabstrip is scrollable."\n            previousTabButton="Previous Tab"\n\n            i18n-nextTabButton="kendo.tabstrip.nextTabButton|The title for the **Next Tab** button when the Tabstrip is scrollable."\n            nextTabButton="Next Tab"\n        >\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                    role="button"\n                    *ngIf="hasScrollButtons"\n                    #prevScrollButton\n                    kendoTabStripScrollableButton\n                    [scrollable]="scrollable"\n                    [tabPosition]="tabPosition"\n                    [prev]="true"\n                    [title]="localization.get(\'previousTabButton\')"\n                    (tabScroll)="tabScroll.emit($event)"\n                    (onClick)="onScrollButtonClick($event)">\n                </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                    [attr.aria-orientation]="tabPosition === \'left\' || tabPosition === \'right\' ? \'vertical\' : \'horizontal\'"\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                    role="button"\n                    *ngIf="hasScrollButtons"\n                    #nextScrollButton\n                    kendoTabStripScrollableButton\n                    [scrollable]="scrollable"\n                    [tabPosition]="tabPosition"\n                    [prev]="false"\n                    [title]="localization.get(\'nextTabButton\')"\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-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:I,selector:"[kendoTabStripScrollableButton]",inputs:["prev","tabPosition","scrollable"],outputs:["tabScroll","onClick"]},{type:st,selector:"[kendoTabStripTab]",inputs:["tab","index","tabStripClosable","tabStripCloseIcon"],outputs:["tabClose"]},{type:Y.ResizeSensorComponent,selector:"kendo-resize-sensor",inputs:["rateLimit"],outputs:["resize"]}],directives:[{type:dt,selector:"[kendoTabStripLocalizedMessages]"},{type:o.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:o.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]},{type:o.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:o.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:o.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]}],animations:[c.trigger("state",[c.state("active",c.style({opacity:1})),c.transition("* => active",[c.style({opacity:0}),c.animate("400ms ease-in")])])]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:gt,decorators:[{type:p.Component,args:[{animations:[c.trigger("state",[c.state("active",c.style({opacity:1})),c.transition("* => active",[c.style({opacity:0}),c.animate("400ms ease-in")])])],providers:[Ze,Qe,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            \n            i18n-previousTabButton="kendo.tabstrip.previousTabButton|The title for the **Previous Tab** button when the Tabstrip is scrollable."\n            previousTabButton="Previous Tab"\n\n            i18n-nextTabButton="kendo.tabstrip.nextTabButton|The title for the **Next Tab** button when the Tabstrip is scrollable."\n            nextTabButton="Next Tab"\n        >\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                    role="button"\n                    *ngIf="hasScrollButtons"\n                    #prevScrollButton\n                    kendoTabStripScrollableButton\n                    [scrollable]="scrollable"\n                    [tabPosition]="tabPosition"\n                    [prev]="true"\n                    [title]="localization.get(\'previousTabButton\')"\n                    (tabScroll)="tabScroll.emit($event)"\n                    (onClick)="onScrollButtonClick($event)">\n                </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                    [attr.aria-orientation]="tabPosition === \'left\' || tabPosition === \'right\' ? \'vertical\' : \'horizontal\'"\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                    role="button"\n                    *ngIf="hasScrollButtons"\n                    #nextScrollButton\n                    kendoTabStripScrollableButton\n                    [scrollable]="scrollable"\n                    [tabPosition]="tabPosition"\n                    [prev]="false"\n                    [title]="localization.get(\'nextTabButton\')"\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-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:r.LocalizationService},{type:i.Renderer2},{type:i.ElementRef},{type:Ze},{type:Qe},{type:i.NgZone}]},propDecorators:{height:[{type:p.Input}],animate:[{type:p.Input}],tabAlignment:[{type:p.Input}],tabPosition:[{type:p.Input}],keepTabContent:[{type:p.Input}],closable:[{type:p.Input}],scrollable:[{type:p.Input}],closeIcon:[{type:p.Input}],tabSelect:[{type:p.Output}],tabClose:[{type:p.Output}],tabScroll:[{type:p.Output}],hostClass:[{type:p.HostBinding,args:["class.k-tabstrip"]}],tabsAtTop:[{type:p.HostBinding,args:["class.k-tabstrip-top"]}],tabsAtRight:[{type:p.HostBinding,args:["class.k-tabstrip-right"]}],tabsAtBottom:[{type:p.HostBinding,args:["class.k-tabstrip-bottom"]}],tabsAtLeft:[{type:p.HostBinding,args:["class.k-tabstrip-left"]}],dir:[{type:p.HostBinding,args:["attr.dir"]}],tabStripScrollable:[{type:p.HostBinding,args:["class.k-tabstrip-scrollable"]}],tabs:[{type:p.ContentChildren,args:[Fe]}],tablist:[{type:p.ViewChild,args:["tablist",{static:!1}]}],tabHeaderContainers:[{type:p.ViewChildren,args:["tabHeaderContainer",{read:p.ElementRef}]}],prevScrollButton:[{type:p.ViewChild,args:["prevScrollButton",{static:!1}]}],nextScrollButton:[{type:p.ViewChild,args:["nextScrollButton",{static:!1}]}]}});m(yt,ht=S),Object.defineProperty(yt.prototype,"override",{get:function(){return!0},enumerable:!1,configurable:!0});var ht,mt=yt;function yt(e){var t=ht.call(this)||this;return t.service=e,t}mt.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:mt,deps:[{token:r.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),mt.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.17",type:mt,selector:"kendo-tabstrip-messages",providers:[{provide:S,useExisting:p.forwardRef(function(){return mt})}],usesInheritance:!0,ngImport:i,template:"",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:mt,decorators:[{type:p.Component,args:[{providers:[{provide:S,useExisting:p.forwardRef(function(){return mt})}],selector:"kendo-tabstrip-messages",template:""}]}],ctorParameters:function(){return[{type:r.LocalizationService}]}});function ft(e){return!1}var S=function(e){this.templateRef=e},bt=(S.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:S,deps:[{token:i.TemplateRef,optional:!0}],target:i.ɵɵFactoryTarget.Directive}),S.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.17",type:S,selector:"[kendoDrawerTemplate]",ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:S,decorators:[{type:p.Directive,args:[{selector:"[kendoDrawerTemplate]"}]}],ctorParameters:function(){return[{type:i.TemplateRef,decorators:[{type:p.Optional}]}]}}),function(e){this.templateRef=e}),vt=(bt.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:bt,deps:[{token:i.TemplateRef,optional:!0}],target:i.ɵɵFactoryTarget.Directive}),bt.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.17",type:bt,selector:"[kendoDrawerItemTemplate]",ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:bt,decorators:[{type:p.Directive,args:[{selector:"[kendoDrawerItemTemplate]"}]}],ctorParameters:function(){return[{type:i.TemplateRef,decorators:[{type:p.Optional}]}]}}),function(e){this.templateRef=e}),Ct=(vt.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:vt,deps:[{token:i.TemplateRef,optional:!0}],target:i.ɵɵFactoryTarget.Directive}),vt.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.17",type:vt,selector:"[kendoDrawerHeaderTemplate]",ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:vt,decorators:[{type:p.Directive,args:[{selector:"[kendoDrawerHeaderTemplate]"}]}],ctorParameters:function(){return[{type:i.TemplateRef,decorators:[{type:p.Optional}]}]}}),function(e){this.templateRef=e}),It=(Ct.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:Ct,deps:[{token:i.TemplateRef,optional:!0}],target:i.ɵɵFactoryTarget.Directive}),Ct.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.17",type:Ct,selector:"[kendoDrawerFooterTemplate]",ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:Ct,decorators:[{type:p.Directive,args:[{selector:"[kendoDrawerFooterTemplate]"}]}],ctorParameters:function(){return[{type:i.TemplateRef,decorators:[{type:p.Optional}]}]}}),St.prototype.init=function(){this.resetViewData(),this.originalItems=this.owner.items||[];var e=this.originalItems.filter(function(e){return!d(e.parentId)});this.populateViewData(e)},Object.defineProperty(St.prototype,"view",{get:function(){return Array.from(this.viewData)},enumerable:!1,configurable:!0}),St.prototype.changeFocusedItem=function(e,t,n){var i,r=e.get(this.focusIndex);"arrowUp"===t?0===this.focusIndex?(i=e.get(e.length-1),this.focusIndex=e.length-1):(i=e.get(this.focusIndex-1),this.focusIndex=this.focusIndex-1):"arrowDown"===t&&(this.focusIndex===e.length-1?(i=e.get(0),this.focusIndex=0):(i=e.get(this.focusIndex+1),this.focusIndex=this.focusIndex+1)),n.setAttribute(r.nativeElement,"tabindex","-1"),n.setAttribute(i.nativeElement,"tabindex","0"),i.nativeElement.focus()},St.prototype.populateViewData=function(e,i){var r=this;void 0===i&&(i=0),e.forEach(function(e){r.setSelection(e);var t=r.loadChildren(e),n=r.isItemExpanded(e);r.viewData.add({item:e,index:r.idxCounter++,level:i,hasChildren:0<t.length,isExpanded:n}),0<t.length&&n&&r.populateViewData(t,i+1)})},St.prototype.resetViewData=function(){this.idxCounter=0,this.viewData=new Set},St.prototype.loadChildren=function(t){return this.originalItems.filter(function(e){return d(e.parentId)&&e.parentId===t.id})},St.prototype.onSelect=function(e){this.selectedIndices=[e];e=this.owner;e.autoCollapse&&!e.minimized&&e.toggle(!1)},St.prototype.setSelection=function(e){0===this.selectedIndices.length&&e.selected&&this.selectedIndices.push(this.idxCounter)},St.prototype.resetSelection=function(){this.selectedIndices=[]},St);function St(){this.selectedIndices=[],this.focusIndex=0,this.originalItems=[],this.idxCounter=0,this.isItemExpanded=ft}function kt(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,[c.style({overflow:"hidden",flexBasis:o+"px"}),c.animate(t+"ms ease-in",c.style({flexBasis:n+"px"}))]):a||"push"!==s?a||"overlay"!==s?a&&"overlay"===s?(t=i,n=r,[c.style({width:o+"px"}),c.animate(t+"ms ease-in",c.style({overflow:"hidden",width:n+"px"}))]):void 0:l?(a=i,[c.style({transform:"translateX(100%)"}),c.animate(a+"ms ease-in",c.style({overflow:"hidden",transform:"translateX(0)"}))]):(s=i,[c.style({transform:"translateX("+("end"!==e?"-100%":"100%")+")"}),c.animate(s+"ms ease-in",c.style({overflow:"hidden",transform:"translateX(0)"}))]):(o=i,l=r,[c.style({overflow:"hidden",flexBasis:"0px"}),c.animate(o+"ms ease-in",c.style({flexBasis:l+"px"}))])}function xt(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,[c.style({overflow:"hidden",flexBasis:r+"px"}),c.animate(t+"ms ease-in",c.style({flexBasis:n+"px"}))]):a||"push"!==s?a||"overlay"!==s?a&&"overlay"===s?(t=i,n=o,[c.style({width:r+"px"}),c.animate(t+"ms ease-in",c.style({overflow:"hidden",width:n+"px"}))]):void 0:l?(a=i,[c.style({transform:"translateX(0)"}),c.animate(a+"ms ease-in",c.style({overflow:"hidden",transform:"translateX(100%)"}))]):(s=i,o="end"!==(o=e)?"-100%":"100%",[c.style({transform:"translateX(0)"}),c.animate(s+"ms ease-in",c.style({overflow:"hidden",transform:"translateX("+o+")"}))]):(l=i,[c.style({flexBasis:r+"px"}),c.animate(l+"ms ease-in",c.style({overflow:"hidden",flexBasis:"0px"}))])}It.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:It,deps:[],target:i.ɵɵFactoryTarget.Injectable}),It.ɵprov=i.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:It}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:It,decorators:[{type:p.Injectable}]});function wt(e,t){return e.querySelector(t)}var Tt,Dt="data-kendo-drawer-index",Ot=(m(Et,Tt=h.PreventableEvent),Et);function Et(e){var t=Tt.call(this)||this;return Object.assign(t,e),t}Object.defineProperty(zt.prototype,"disabledClass",{get:function(){return this.item.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(zt.prototype,"selectedClass",{get:function(){return 0<=this.drawerService.selectedIndices.indexOf(this.index)},enumerable:!1,configurable:!0}),Object.defineProperty(zt.prototype,"label",{get:function(){return this.item.text||null},enumerable:!1,configurable:!0}),zt.prototype.ngAfterViewInit=function(){var e=this.element.nativeElement,e=wt(e,".k-drawer-link");e&&this.renderer.removeAttribute(e,"tabindex")},Object.defineProperty(zt.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}),Object.defineProperty(zt.prototype,"item",{get:function(){return this.viewItem.item},enumerable:!1,configurable:!0});var x=zt;function zt(e,t,n){this.drawerService=e,this.element=t,this.renderer=n}x.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:x,deps:[{token:It},{token:i.ElementRef},{token:i.Renderer2}],target:i.ɵɵFactoryTarget.Component}),x.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.17",type:x,selector:"[kendoDrawerItem]",inputs:{viewItem:"viewItem",index:"index",itemTemplate:"itemTemplate",mini:"mini",expanded:"expanded",disabled:"disabled",cssClass:"cssClass",cssStyle:"cssStyle"},host:{properties:{"attr.aria-disabled":"this.disabledClass","class.k-disabled":"this.disabledClass","attr.aria-current":"this.selectedClass","class.k-selected":"this.selectedClass","attr.aria-label":"this.label"}},ngImport:i,template:'\n        <ng-template *ngIf="itemTemplate; else defaultTemplate"\n            [ngTemplateOutlet]="itemTemplate"\n            [ngTemplateOutletContext]="{\n                $implicit: item,\n                isItemExpanded: viewItem.isExpanded,\n                hasChildren: viewItem.hasChildren,\n                level: viewItem.level\n            }">\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                <span *ngIf="viewItem.hasChildren"\n                      class="k-icon k-drawer-toggle"\n                      [class.k-i-chevron-up]="viewItem.isExpanded"\n                      [class.k-i-chevron-down]="!viewItem.isExpanded"\n                ></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:o.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:o.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]},{type:o.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:x,decorators:[{type:p.Component,args:[{selector:"[kendoDrawerItem]",template:'\n        <ng-template *ngIf="itemTemplate; else defaultTemplate"\n            [ngTemplateOutlet]="itemTemplate"\n            [ngTemplateOutletContext]="{\n                $implicit: item,\n                isItemExpanded: viewItem.isExpanded,\n                hasChildren: viewItem.hasChildren,\n                level: viewItem.level\n            }">\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                <span *ngIf="viewItem.hasChildren"\n                      class="k-icon k-drawer-toggle"\n                      [class.k-i-chevron-up]="viewItem.isExpanded"\n                      [class.k-i-chevron-down]="!viewItem.isExpanded"\n                ></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:It},{type:i.ElementRef},{type:i.Renderer2}]},propDecorators:{viewItem:[{type:p.Input}],index:[{type:p.Input}],itemTemplate:[{type:p.Input}],mini:[{type:p.Input}],expanded:[{type:p.Input}],disabled:[{type:p.Input}],cssClass:[{type:p.Input}],cssStyle:[{type:p.Input}],disabledClass:[{type:p.HostBinding,args:["attr.aria-disabled"]},{type:p.HostBinding,args:["class.k-disabled"]}],selectedClass:[{type:p.HostBinding,args:["attr.aria-current"]},{type:p.HostBinding,args:["class.k-selected"]}],label:[{type:p.HostBinding,args:["attr.aria-label"]}]}});Pt.prototype.ngOnInit=function(){this.initDomEvents()},Pt.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},Pt.prototype.identifyItem=function(e,t){var n;return null!=(n=t.item.id)?n:t.index},Pt.prototype.initDomEvents=function(){var i=this;this.element&&this.ngZone.runOutsideAngular(function(){var e=i.element.nativeElement;i.subscriptions.add(i.renderer.listen(e,"click",i.clickHandler.bind(i))),i.subscriptions.add(i.renderer.listen(e,"keydown",function(e){var t=e.keyCode===h.Keys.Enter||e.keyCode===h.Keys.Space,n=e.keyCode===h.Keys.ArrowUp||e.keyCode===h.Keys.ArrowDown;t?i.onEnterOrSpaceKeyDown(e):n&&e.target.classList.contains("k-drawer-item")&&(e.preventDefault(),t=e.keyCode===h.Keys.ArrowUp?"arrowUp":"arrowDown",i.drawerService.changeFocusedItem(i.items,t,i.renderer))}))})},Pt.prototype.clickHandler=function(e){var t,n=this,i=this.getDrawerItemIndex(e.target),r=this.view[i],o=this.view.filter(function(e){return!e.item.separator}).findIndex(function(e){return e.index===i});r&&(r.item.disabled?e.preventDefault():(t={index:r.index,item:r.item,originalEvent:e},this.ngZone.run(function(){var e=new Ot(t);n.select.emit(e),e.isDefaultPrevented()||(n.drawerService.focusIndex=o,n.drawerService.onSelect(i),n.drawerService.init(),n.view=n.drawerService.view)})))},Pt.prototype.onEnterOrSpaceKeyDown=function(e){this.clickHandler(e);e=wt(this.element.nativeElement,":focus:not(.k-disabled) .k-drawer-link");return e&&e.click(),!1},Pt.prototype.getDrawerItemIndex=function(e){e=q(e,Dt,this.element.nativeElement);if(e)return X(e,Dt)};var w=Pt;function Pt(e,t,n,i){this.drawerService=e,this.renderer=t,this.ngZone=n,this.element=i,this.view=[],this.select=new p.EventEmitter,this.subscriptions=new a.Subscription}w.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:w,deps:[{token:It},{token:i.Renderer2},{token:i.NgZone},{token:i.ElementRef}],target:i.ɵɵFactoryTarget.Component}),w.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.17",type:w,selector:"[kendoDrawerList]",inputs:{itemTemplate:"itemTemplate",mini:"mini",expanded:"expanded",view:"view"},outputs:{select:"select"},viewQueries:[{propertyName:"items",predicate:x,descendants:!0,read:p.ElementRef}],ngImport:i,template:'\n        <ng-container *ngFor="let v of view; trackBy:identifyItem; let idx = index">\n            <li *ngIf="!v.item.separator" kendoDrawerItem\n                class="k-drawer-item {{expanded ? \' k-level-\' + v.level : \'\'}}"\n                role="menuitem"\n                [viewItem]="v"\n                [index]="idx"\n                [mini]="mini"\n                [expanded]="expanded"\n                [itemTemplate]="itemTemplate"\n                [attr.data-kendo-drawer-index]="v.index"\n                [ngClass]="v.item.cssClass"\n                [ngStyle]="v.item.cssStyle"\n                [tabindex]="v.item.id === 0 ? \'0\' : \'-1\'">\n            </li>\n\n            <li *ngIf="v.item.separator"\n                role="separator"\n                class="k-drawer-item k-drawer-separator"\n                [ngClass]="v.item.cssClass"\n                [ngStyle]="v.item.cssStyle">\n                &nbsp;\n            </li>\n        </ng-container>\n    ',isInline:!0,components:[{type:x,selector:"[kendoDrawerItem]",inputs:["viewItem","index","itemTemplate","mini","expanded","disabled","cssClass","cssStyle"]}],directives:[{type:o.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:o.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:o.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:o.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:w,decorators:[{type:p.Component,args:[{selector:"[kendoDrawerList]",template:'\n        <ng-container *ngFor="let v of view; trackBy:identifyItem; let idx = index">\n            <li *ngIf="!v.item.separator" kendoDrawerItem\n                class="k-drawer-item {{expanded ? \' k-level-\' + v.level : \'\'}}"\n                role="menuitem"\n                [viewItem]="v"\n                [index]="idx"\n                [mini]="mini"\n                [expanded]="expanded"\n                [itemTemplate]="itemTemplate"\n                [attr.'+Dt+']="v.index"\n                [ngClass]="v.item.cssClass"\n                [ngStyle]="v.item.cssStyle"\n                [tabindex]="v.item.id === 0 ? \'0\' : \'-1\'">\n            </li>\n\n            <li *ngIf="v.item.separator"\n                role="separator"\n                class="k-drawer-item k-drawer-separator"\n                [ngClass]="v.item.cssClass"\n                [ngStyle]="v.item.cssStyle">\n                &nbsp;\n            </li>\n        </ng-container>\n    '}]}],ctorParameters:function(){return[{type:It},{type:i.Renderer2},{type:i.NgZone},{type:i.ElementRef}]},propDecorators:{itemTemplate:[{type:p.Input}],mini:[{type:p.Input}],expanded:[{type:p.Input}],view:[{type:p.Input}],select:[{type:p.Output}],items:[{type:p.ViewChildren,args:[x,{read:p.ElementRef}]}]}});var Bt={type:"slide",duration:200},Rt=(Object.defineProperty(Vt.prototype,"startPositionClass",{get:function(){return"start"===this.position},enumerable:!1,configurable:!0}),Object.defineProperty(Vt.prototype,"endPositionClass",{get:function(){return"end"===this.position},enumerable:!1,configurable:!0}),Object.defineProperty(Vt.prototype,"overlayTransofrmStyles",{get:function(){if("push"!==this.mode)return this.expanded||this.minimized?"translateX(0px)":"translateX(-100%)"},enumerable:!1,configurable:!0}),Object.defineProperty(Vt.prototype,"flexStyles",{get:function(){if("overlay"!==this.mode)return this.expanded||this.minimized?this.drawerWidth:0},enumerable:!1,configurable:!0}),Object.defineProperty(Vt.prototype,"isItemExpanded",{get:function(){return this.drawerService.isItemExpanded},set:function(e){if(p.isDevMode&&d(e)&&"function"!=typeof e)throw new Error("isItemExpanded must be a function, but received "+JSON.stringify(e)+".");this.drawerService.isItemExpanded=e},enumerable:!1,configurable:!0}),Vt.prototype.ngOnChanges=function(e){e&&e.items&&(this.drawerService.resetSelection(),this.drawerService.init(),this.viewItems=this.drawerService.view)},Vt.prototype.ngOnDestroy=function(){this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe()},Object.defineProperty(Vt.prototype,"minimized",{get:function(){return this.mini&&!this.expanded},enumerable:!1,configurable:!0}),Object.defineProperty(Vt.prototype,"drawerWidth",{get:function(){return this.minimized?this.miniWidth:this.width},enumerable:!1,configurable:!0}),Vt.prototype.toggle=function(e){var t=this,n=this.expanded,i=d(e)?e:!n;i!==n&&(!0===i?this.setExpanded(!0):!1!==i||this.animation||this.setExpanded(!1),this.animation?(this.animationEnd.pipe(j.take(1)).subscribe(function(){t.onAnimationEnd(i)}),this.animate(i)):this[i?"expand":"collapse"].emit())},Vt.prototype.onSelect=function(e){this.select.emit(Object.assign(e,{sender:this}))},Vt.prototype.onAnimationEnd=function(e){(e?this.expand:(this.setExpanded(!1),this.collapse)).emit()},Vt.prototype.setExpanded=function(e){this.expanded=e,this.expandedChange.emit(e)},Vt.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:Bt},e=(e?kt:xt)(t);this.createPlayer(e,this.element.nativeElement).play()},Vt.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},Vt);function Vt(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.items=[],this.animation=Bt,this.expand=new p.EventEmitter,this.collapse=new p.EventEmitter,this.select=new p.EventEmitter,this.expandedChange=new p.EventEmitter,this.animationEnd=new p.EventEmitter,this.rtl=!1,F.validatePackage(J),this.dynamicRTLSubscription=this.localizationService.changes.subscribe(function(e){e=e.rtl;r.rtl=e,r.direction=r.rtl?"rtl":"ltr"}),this.drawerService.owner=this}Rt.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:Rt,deps:[{token:i.ElementRef},{token:G.AnimationBuilder},{token:r.LocalizationService},{token:It}],target:i.ɵɵFactoryTarget.Component}),Rt.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.17",type:Rt,selector:"kendo-drawer",inputs:{mode:"mode",position:"position",mini:"mini",expanded:"expanded",width:"width",miniWidth:"miniWidth",autoCollapse:"autoCollapse",items:"items",isItemExpanded:"isItemExpanded",animation:"animation"},outputs:{expand:"expand",collapse:"collapse",select:"select",expandedChange:"expandedChange"},host:{properties:{"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,It,{provide:e.L10N_PREFIX,useValue:"kendo.drawer"}],queries:[{propertyName:"drawerTemplate",first:!0,predicate:S,descendants:!0},{propertyName:"footerTemplate",first:!0,predicate:Ct,descendants:!0},{propertyName:"headerTemplate",first:!0,predicate:vt,descendants:!0},{propertyName:"itemTemplate",first:!0,predicate:bt,descendants:!0}],exportAs:["kendoDrawer"],usesOnChanges:!0,ngImport:i,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                    role="menubar"\n                    orientation="vertical"\n                    (select)="onSelect($event)"\n                    [mini]="mini"\n                    [expanded]="expanded"\n                    [view]="viewItems"\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:["itemTemplate","mini","expanded","view"],outputs:["select"]}],directives:[{type:o.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:o.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:Rt,decorators:[{type:p.Component,args:[{exportAs:"kendoDrawer",providers:[e.LocalizationService,It,{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                    role="menubar"\n                    orientation="vertical"\n                    (select)="onSelect($event)"\n                    [mini]="mini"\n                    [expanded]="expanded"\n                    [view]="viewItems"\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:i.ElementRef},{type:G.AnimationBuilder},{type:r.LocalizationService},{type:It}]},propDecorators:{hostClasses:[{type:p.HostBinding,args:["class.k-drawer"]}],startPositionClass:[{type:p.HostBinding,args:["class.k-drawer-start"]}],endPositionClass:[{type:p.HostBinding,args:["class.k-drawer-end"]}],overlayTransofrmStyles:[{type:p.HostBinding,args:["style.transform"]}],flexStyles:[{type:p.HostBinding,args:["style.flexBasis.px"]}],mode:[{type:p.Input}],position:[{type:p.Input}],mini:[{type:p.Input}],expanded:[{type:p.Input}],width:[{type:p.Input}],miniWidth:[{type:p.Input}],autoCollapse:[{type:p.Input}],items:[{type:p.Input}],isItemExpanded:[{type:p.Input}],direction:[{type:p.HostBinding,args:["attr.dir"]}],animation:[{type:p.Input}],expand:[{type:p.Output}],collapse:[{type:p.Output}],select:[{type:p.Output}],expandedChange:[{type:p.Output}],drawerTemplate:[{type:p.ContentChild,args:[S]}],footerTemplate:[{type:p.ContentChild,args:[Ct]}],headerTemplate:[{type:p.ContentChild,args:[vt]}],itemTemplate:[{type:p.ContentChild,args:[bt]}]}});Object.defineProperty(Ft.prototype,"hostClass",{get:function(){return!0},enumerable:!1,configurable:!0}),Object.defineProperty(Ft.prototype,"overlayClass",{get:function(){return"overlay"===this.drawer.mode},enumerable:!1,configurable:!0}),Object.defineProperty(Ft.prototype,"miniClass",{get:function(){return this.drawer.mini&&!this.drawer.expanded},enumerable:!1,configurable:!0}),Object.defineProperty(Ft.prototype,"pushClass",{get:function(){return"push"===this.drawer.mode},enumerable:!1,configurable:!0}),Object.defineProperty(Ft.prototype,"isExpandedClass",{get:function(){return this.drawer.expanded},enumerable:!1,configurable:!0}),Ft.prototype.ngOnDestroy=function(){this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe()},Object.defineProperty(Ft.prototype,"overlay",{get:function(){return d(this.drawer)&&this.drawer.expanded&&"overlay"===this.drawer.mode},enumerable:!1,configurable:!0}),Ft.prototype.closeDrawer=function(){this.overlay&&this.drawer.autoCollapse&&this.drawer.toggle(!1)};var Lt=Ft;function Ft(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"})}Lt.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:Lt,deps:[{token:r.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),Lt.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.17",type:Lt,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:Rt,descendants:!0}],ngImport:i,template:'\n        <div class="k-overlay" *ngIf="overlay" (click)="closeDrawer()"></div>\n        <ng-content></ng-content>\n    ',isInline:!0,directives:[{type:o.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:Lt,decorators:[{type:p.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:r.LocalizationService}]},propDecorators:{hostClass:[{type:p.HostBinding,args:["class.k-drawer-container"]}],overlayClass:[{type:p.HostBinding,args:["class.k-drawer-overlay"]}],miniClass:[{type:p.HostBinding,args:["class.k-drawer-mini"]}],pushClass:[{type:p.HostBinding,args:["class.k-drawer-push"]}],isExpandedClass:[{type:p.HostBinding,args:["class.k-drawer-expanded"]}],direction:[{type:p.HostBinding,args:["attr.dir"]}],drawer:[{type:p.ContentChild,args:[Rt]}]}});var jt,Ht=function(){this.hostClasses=!0},At=(Ht.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:Ht,deps:[],target:i.ɵɵFactoryTarget.Component}),Ht.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.17",type:Ht,selector:"kendo-drawer-content",host:{properties:{"class.k-drawer-content":"this.hostClasses"}},ngImport:i,template:"\n        <ng-content></ng-content>\n    ",isInline:!0,encapsulation:i.ViewEncapsulation.None}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:Ht,decorators:[{type:p.Component,args:[{selector:"kendo-drawer-content",template:"\n        <ng-content></ng-content>\n    ",encapsulation:p.ViewEncapsulation.None}]}],ctorParameters:function(){return[]},propDecorators:{hostClasses:[{type:p.HostBinding,args:["class.k-drawer-content"]}]}}),m(Mt,jt=h.PreventableEvent),Mt);function Mt(e){var t=jt.call(this)||this;return Object.assign(t,e),t}var Nt,Kt=function(e){this.templateRef=e},_t=(Kt.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:Kt,deps:[{token:i.TemplateRef,optional:!0}],target:i.ɵɵFactoryTarget.Directive}),Kt.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.17",type:Kt,selector:"[kendoStepperStepTemplate]",ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:Kt,decorators:[{type:p.Directive,args:[{selector:"[kendoStepperStepTemplate]"}]}],ctorParameters:function(){return[{type:i.TemplateRef,decorators:[{type:p.Optional}]}]}}),function(e){this.templateRef=e}),Wt=(_t.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:_t,deps:[{token:i.TemplateRef,optional:!0}],target:i.ɵɵFactoryTarget.Directive}),_t.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.17",type:_t,selector:"[kendoStepperLabelTemplate]",ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:_t,decorators:[{type:p.Directive,args:[{selector:"[kendoStepperLabelTemplate]"}]}],ctorParameters:function(){return[{type:i.TemplateRef,decorators:[{type:p.Optional}]}]}}),function(e){this.templateRef=e}),Ut=(Wt.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:Wt,deps:[{token:i.TemplateRef,optional:!0}],target:i.ɵɵFactoryTarget.Directive}),Wt.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.17",type:Wt,selector:"[kendoStepperIndicatorTemplate]",ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:Wt,decorators:[{type:p.Directive,args:[{selector:"[kendoStepperIndicatorTemplate]"}]}],ctorParameters:function(){return[{type:i.TemplateRef,decorators:[{type:p.Optional}]}]}}),{}),Zt=(Ut[h.Keys.ArrowLeft]="left",Ut[h.Keys.ArrowRight]="right",Ut[h.Keys.ArrowUp]="up",Ut[h.Keys.ArrowDown]="down",Ut[h.Keys.Home]="home",Ut[h.Keys.End]="end",Ut[h.Keys.Enter]="enter",Ut[h.Keys.Space]="enter",Object.assign({},Ut)),Xt=(Zt[h.Keys.ArrowLeft]="right",Zt[h.Keys.ArrowRight]="left",m($t,Nt=h.PreventableEvent),$t);function $t(e){var t=Nt.call(this)||this;return Object.assign(t,e),t}Object.defineProperty(T.prototype,"handlers",{get:function(){return this.localization.rtl?Zt:Ut},enumerable:!1,configurable:!0}),T.prototype.emit=function(e,t){var n=this.owner;return h.hasObservers(n[e])&&n[e].emit(t),t.isDefaultPrevented()},T.prototype.onActivate=function(e,t){var n=this,i=new Xt({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())})},T.prototype.validateSteps=function(){this.triggerValidation.emit()},T.prototype.keydown=function(e){var t=this.focusedStep||this.currentStep,n=this.handlers[e.keyCode];d(t)&&n&&(e.preventDefault(),this[n](e))},T.prototype.left=function(){this.isHorizontal&&this.focusPrevStep()},T.prototype.right=function(){this.isHorizontal&&this.focusNextStep()},T.prototype.up=function(){this.isHorizontal||this.focusPrevStep()},T.prototype.down=function(){this.isHorizontal||this.focusNextStep()},T.prototype.home=function(){this.focusedStep=0,this.focusedStepChange.emit()},T.prototype.end=function(){this.focusedStep=this.owner.steps.length-1,this.focusedStepChange.emit()},T.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)},T.prototype.focus=function(e){this.focusedStep=e},T.prototype.focusNextStep=function(){this.focusedStep<this.owner.steps.length&&(this.focusedStep+=1,this.focusedStepChange.emit())},T.prototype.focusPrevStep=function(){0<this.focusedStep&&(--this.focusedStep,this.focusedStepChange.emit())},T.prototype.isStepDisabled=function(e){return this.owner.steps[e].disabled},T.prototype.isPrevOrNextStep=function(e){return e===this.currentStep+1||e===this.currentStep-1},Object.defineProperty(T.prototype,"isHorizontal",{get:function(){return"horizontal"===this.owner.orientation},enumerable:!1,configurable:!0});var qt=T;function T(e,t,n){this.localization=e,this.ngZone=t,this.changeDetector=n,this.currentStep=0,this.triggerValidation=new p.EventEmitter,this.focusedStepChange=new p.EventEmitter}qt.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:qt,deps:[{token:r.LocalizationService},{token:i.NgZone},{token:i.ChangeDetectorRef}],target:i.ɵɵFactoryTarget.Injectable}),qt.ɵprov=i.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:qt}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:qt,decorators:[{type:p.Injectable}],ctorParameters:function(){return[{type:r.LocalizationService},{type:i.NgZone},{type:i.ChangeDetectorRef}]}});var Yt="data-kendo-stepper-index",D=(Object.defineProperty(O.prototype,"errorStepClass",{get:function(){return!!d(this.isStepValid)&&!this.isStepValid},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"successStepClass",{get:function(){return!!d(this.isStepValid)&&this.isStepValid},enumerable:!1,configurable:!0}),O.prototype.ngOnInit=function(){this.handleValidityChecks()},O.prototype.ngOnChanges=function(e){e.current&&!e.current.firstChange&&this.handleValidityChecks()},O.prototype.ngOnDestroy=function(){this.subs&&this.subs.unsubscribe()},O.prototype.onFocusedStepChange=function(){var e=this;this.ngZone.runOutsideAngular(function(){e.index===e.service.focusedStep&&e.stepLink.nativeElement.focus()})},O.prototype.onFocus=function(){this.service.focus(this.index)},Object.defineProperty(O.prototype,"tabIndexAttr",{get:function(){var e=this.service.focusedStep||this.service.currentStep;return this.index===e?0:-1},enumerable:!1,configurable:!0}),Object.defineProperty(O.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(O.prototype,"showIndicatorIcon",{get:function(){return!!this.shouldCheckValidity||!(!this.step.icon&&!this.step.iconClass)},enumerable:!1,configurable:!0}),Object.defineProperty(O.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(O.prototype,"showLabelText",{get:function(){return"label"===this.type||"full"===this.type},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"validationIconClasses",{get:function(){return this.isStepValid?this.successIcon?""+this.successIcon:"k-icon k-i-check-circle":this.errorIcon?""+this.errorIcon:"k-icon k-i-exclamation-circle"},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"indicatorText",{get:function(){var e=this.step.text;return e||this.index+1},enumerable:!1,configurable:!0}),O.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(O.prototype,"showIndicator",{get:function(){return"indicator"===this.type||"full"===this.type},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"showLabel",{get:function(){return"label"===this.type||"full"===this.type||this.step.optional},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"optionalText",{get:function(){return this.localization.get("optional")},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"transitionDuration",{get:function(){return this.service.owner.animationDuration},enumerable:!1,configurable:!0}),O.prototype._shouldCheckValidity=function(){if(d(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 d(this.step.isValid)&&this.index<this.current},O.prototype.handleValidityChecks=function(){this.isStepValid=void 0,this.shouldCheckValidity=this._shouldCheckValidity(),this.shouldCheckValidity&&(this.isStepValid=this.updateStepValidity())},O);function O(e,t,n){var i=this;this.service=e,this.localization=t,this.ngZone=n,this.isStepValid=void 0,this.shouldCheckValidity=void 0,F.validatePackage(J),this.subs=this.service.focusedStepChange.subscribe(function(){i.onFocusedStepChange()}),this.subs.add(this.service.triggerValidation.subscribe(function(){i.handleValidityChecks()}))}D.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:D,deps:[{token:qt},{token:r.LocalizationService},{token:i.NgZone}],target:i.ɵɵFactoryTarget.Component}),D.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.17",type:D,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:i,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:o.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:o.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]},{type:o.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:D,decorators:[{type:p.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:qt},{type:r.LocalizationService},{type:i.NgZone}]},propDecorators:{step:[{type:p.Input}],index:[{type:p.Input}],current:[{type:p.Input}],type:[{type:p.Input}],successIcon:[{type:p.Input}],errorIcon:[{type:p.Input}],indicatorTemplate:[{type:p.Input}],labelTemplate:[{type:p.Input}],stepTemplate:[{type:p.Input}],stepLink:[{type:p.ViewChild,args:["stepLink",{static:!0}]}],errorStepClass:[{type:p.HostBinding,args:["class.k-step-error"]}],successStepClass:[{type:p.HostBinding,args:["class.k-step-success"]}]}});Gt.prototype.ngOnInit=function(){this.initDomEvents()},Gt.prototype.ngOnDestroy=function(){this.domSubs&&this.domSubs()},Object.defineProperty(Gt.prototype,"maxStepWidth",{get:function(){return this.maxStepDimension("width")},enumerable:!1,configurable:!0}),Object.defineProperty(Gt.prototype,"maxStepHeight",{get:function(){return this.maxStepDimension("height")},enumerable:!1,configurable:!0}),Object.defineProperty(Gt.prototype,"focusedStep",{get:function(){return this.service.focusedStep},enumerable:!1,configurable:!0}),Gt.prototype.maxStepDimension=function(e){return"width"===e&&"vertical"===this.orientation||"height"===e&&"horizontal"===this.orientation?null:100/this.steps.length},Gt.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){U(e.target,"k-step-link")&&i.listKeydown.emit(e)});i.domSubs=function(){t(),n()}})},Gt.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))},Gt.prototype.getStepIndex=function(e){e=q(e,Yt,this.element.nativeElement);if(e)return X(e,Yt)};var E=Gt;function Gt(e,t,n,i){this.renderer=e,this.ngZone=t,this.service=n,this.element=i,this.listKeydown=new p.EventEmitter,this.listClick=new p.EventEmitter}E.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:E,deps:[{token:i.Renderer2},{token:i.NgZone},{token:qt},{token:i.ElementRef}],target:i.ɵɵFactoryTarget.Component}),E.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.17",type:E,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:i,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-disabled]='step.disabled'\n                [class.k-focus]='idx === focusedStep'\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:D,selector:"[kendoStepperStep]",inputs:["step","index","current","type","successIcon","errorIcon","indicatorTemplate","labelTemplate","stepTemplate"]}],directives:[{type:o.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:o.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:o.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:E,decorators:[{type:p.Component,args:[{selector:"[kendoStepperList]",template:"\n        <ng-container *ngFor='let step of steps; let idx = index'>\n            <li kendoStepperStep\n                [attr."+Yt+"]='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-disabled]='step.disabled'\n                [class.k-focus]='idx === focusedStep'\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:i.Renderer2},{type:i.NgZone},{type:qt},{type:i.ElementRef}]},propDecorators:{linear:[{type:p.Input}],stepType:[{type:p.Input}],orientation:[{type:p.Input}],currentStep:[{type:p.Input}],steps:[{type:p.Input}],successIcon:[{type:p.Input}],errorIcon:[{type:p.Input}],indicatorTemplate:[{type:p.Input}],labelTemplate:[{type:p.Input}],stepTemplate:[{type:p.Input}],listKeydown:[{type:p.Output}],listClick:[{type:p.Output}]}});m(Jt,Qt=e.ComponentMessages);var Qt,z=Jt;function Jt(){return null!==Qt&&Qt.apply(this,arguments)||this}z.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:z,deps:null,target:i.ɵɵFactoryTarget.Directive}),z.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.17",type:z,selector:"kendo-stepper-messages-base",inputs:{optional:"optional"},usesInheritance:!0,ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:z,decorators:[{type:p.Directive,args:[{selector:"kendo-stepper-messages-base"}]}],propDecorators:{optional:[{type:p.Input}]}});m(nn,en=z);var en,tn=nn;function nn(e){var t=en.call(this)||this;return t.service=e,t}tn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:tn,deps:[{token:r.LocalizationService}],target:i.ɵɵFactoryTarget.Directive}),tn.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.17",type:tn,selector:"\n      [kendoStepperLocalizedMessages]\n    ",providers:[{provide:z,useExisting:p.forwardRef(function(){return tn})}],usesInheritance:!0,ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:tn,decorators:[{type:p.Directive,args:[{providers:[{provide:z,useExisting:p.forwardRef(function(){return tn})}],selector:"\n      [kendoStepperLocalizedMessages]\n    "}]}],ctorParameters:function(){return[{type:r.LocalizationService}]}});Object.defineProperty(on.prototype,"linearClass",{get:function(){return this.linear},enumerable:!1,configurable:!0}),Object.defineProperty(on.prototype,"currentStep",{get:function(){return this.stepperService.currentStep},set:function(e){this.stepperService.currentStep=e},enumerable:!1,configurable:!0}),Object.defineProperty(on.prototype,"steps",{get:function(){return this._steps},set:function(e){d(e)&&0<e.length&&(this._steps=e)},enumerable:!1,configurable:!0}),on.prototype.ngOnInit=function(){this.applyHostStyling()},on.prototype.ngOnChanges=function(e){e.steps&&!e.steps.firstChange&&this.applyHostStyling(),e.orientation&&(this.resetHostStyling(),this.applyHostStyling())},on.prototype.ngOnDestroy=function(){this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe()},on.prototype.validateSteps=function(){this.stepperService.validateSteps()},on.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)},on.prototype.resetHostStyling=function(){this.renderer.removeStyle(this.elem.nativeElement,"grid-template-columns"),this.renderer.removeStyle(this.elem.nativeElement,"grid-template-rows")},Object.defineProperty(on.prototype,"progressAnimation",{get:function(){return{duration:this.animationDuration}},enumerable:!1,configurable:!0}),Object.defineProperty(on.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(on.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(on.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}),on.prototype.onListKeydown=function(e){this.stepperService.keydown(e)},on.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(on.prototype,"isHorizontal",{get:function(){return"horizontal"===this.orientation},enumerable:!1,configurable:!0});var rn=on;function on(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 p.EventEmitter,this.currentStepChange=new p.EventEmitter,this._steps=[],this.dynamicRTLSubscription=this.localization.changes.subscribe(function(e){e=e.rtl;r.direction=e?"rtl":"ltr"}),this.stepperService.owner=this}rn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:rn,deps:[{token:i.Renderer2},{token:i.ElementRef},{token:r.LocalizationService},{token:qt}],target:i.ɵɵFactoryTarget.Component}),rn.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.17",type:rn,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-stepper":"this.hostClasses","class.k-stepper-linear":"this.linearClass","attr.role":"this.ariaRole","attr.dir":"this.direction","style.display":"this.displayStyle"}},providers:[e.LocalizationService,qt,{provide:e.L10N_PREFIX,useValue:"kendo.stepper"}],queries:[{propertyName:"stepTemplate",first:!0,predicate:Kt,descendants:!0},{propertyName:"labelTemplate",first:!0,predicate:_t,descendants:!0},{propertyName:"indicatorTemplate",first:!0,predicate:Wt,descendants:!0}],exportAs:["kendoStepper"],usesOnChanges:!0,ngImport:i,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:E,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:tn,selector:"\n      [kendoStepperLocalizedMessages]\n    "},{type:o.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]},{type:o.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:rn,decorators:[{type:p.Component,args:[{exportAs:"kendoStepper",providers:[e.LocalizationService,qt,{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:i.Renderer2},{type:i.ElementRef},{type:r.LocalizationService},{type:qt}]},propDecorators:{hostClasses:[{type:p.HostBinding,args:["class.k-stepper"]}],linearClass:[{type:p.HostBinding,args:["class.k-stepper-linear"]}],ariaRole:[{type:p.HostBinding,args:["attr.role"]}],direction:[{type:p.HostBinding,args:["attr.dir"]}],displayStyle:[{type:p.HostBinding,args:["style.display"]}],stepType:[{type:p.Input}],linear:[{type:p.Input}],orientation:[{type:p.Input}],currentStep:[{type:p.Input}],steps:[{type:p.Input}],successIcon:[{type:p.Input}],errorIcon:[{type:p.Input}],animation:[{type:p.Input}],activate:[{type:p.Output}],currentStepChange:[{type:p.Output}],stepTemplate:[{type:p.ContentChild,args:[Kt,{static:!1}]}],labelTemplate:[{type:p.ContentChild,args:[_t,{static:!1}]}],indicatorTemplate:[{type:p.ContentChild,args:[Wt,{static:!1}]}]}});m(an,sn=h.PreventableEvent);var sn,Q=an;function an(e){var t=sn.call(this)||this;return Object.assign(t,e),t}m(cn,ln=z),Object.defineProperty(cn.prototype,"override",{get:function(){return!0},enumerable:!1,configurable:!0});var ln,pn=cn;function cn(e){var t=ln.call(this)||this;return t.service=e,t}pn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:pn,deps:[{token:r.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),pn.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.17",type:pn,selector:"kendo-stepper-messages",providers:[{provide:z,useExisting:p.forwardRef(function(){return pn})}],usesInheritance:!0,ngImport:i,template:"",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:pn,decorators:[{type:p.Component,args:[{providers:[{provide:z,useExisting:p.forwardRef(function(){return pn})}],selector:"kendo-stepper-messages",template:""}]}],ctorParameters:function(){return[{type:r.LocalizationService}]}});var dn="primary",z=(Object.defineProperty(P.prototype,"borderClass",{get:function(){return this.border},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"flexBasis",{get:function(){return this.width},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"shape",{set:function(e){this.rounded=re[e]||"none"},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"size",{get:function(){return this._size},set:function(e){e!==this._size&&(this.handleClasses("size",e=e||"medium"),this._size=e)},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"rounded",{get:function(){return this._rounded},set:function(e){e!==this._rounded&&(this.handleClasses("rounded",e=e||"full"),this._rounded=e)},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"themeColor",{get:function(){return this._themeColor},set:function(e){e!==this._themeColor&&(this._themeColor=e||dn,this.handleFillModeAndThemeColorClasses(this.fillMode,this.themeColor))},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"fillMode",{get:function(){return this._fillMode},set:function(e){e!==this.fillMode&&(this._fillMode=e||"solid",this.handleFillModeAndThemeColorClasses(this.fillMode,this.themeColor))},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"fill",{set:function(e){this.fillMode=e},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"avatarWidth",{get:function(){return this.width},enumerable:!1,configurable:!0}),Object.defineProperty(P.prototype,"avatarHeight",{get:function(){return this.height},enumerable:!1,configurable:!0}),P.prototype.ngOnInit=function(){this.verifyProperties()},P.prototype.ngAfterViewInit=function(){var t=this;["size","rounded"].forEach(function(e){t.handleClasses(e,t[e])}),this.handleFillModeAndThemeColorClasses(this.fillMode,this.themeColor)},P.prototype.iconClasses=function(){return this.icon?"k-icon k-i-"+this.icon:this.iconClass?""+this.iconClass:void 0},Object.defineProperty(P.prototype,"customAvatar",{get:function(){return!(this.imageSrc||this.initials||this.icon||this.iconClass)},enumerable:!1,configurable:!0}),P.prototype.verifyProperties=function(){if(p.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            ")},P.prototype.handleClasses=function(e,t){var n=this.element.nativeElement,e=function(e,t,n,i){switch(t){case"size":return{toRemove:"k-"+e+"-"+ne[n],toAdd:"none"!==i?"k-"+e+"-"+ne[i]:""};case"rounded":return{toRemove:"k-rounded-"+ie[n],toAdd:"none"!==i?"k-rounded-"+ie[i]:""}}}("avatar",e,this[e],t);e.toRemove&&this.renderer.removeClass(n,e.toRemove),e.toAdd&&this.renderer.addClass(n,e.toAdd)},P.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)}),"none"!==e&&this.renderer.addClass(i,"k-avatar-"+e),"none"!==e&&"none"!==t&&this.renderer.addClass(i,"k-avatar-"+e+"-"+t)},P);function P(e,t){this.renderer=e,this.element=t,this.hostClass=!0,this.border=!1,this._themeColor=dn,this._size="medium",this._fillMode="solid",this._rounded="full",F.validatePackage(J)}z.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:z,deps:[{token:i.Renderer2},{token:i.ElementRef}],target:i.ɵɵFactoryTarget.Component}),z.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.17",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:i,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">\n                <span [ngStyle]="cssStyle" [ngClass]="iconClasses()"></span>\n            </span>\n        </ng-container>\n    ',isInline:!0,directives:[{type:o.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:o.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]},{type:o.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:z,decorators:[{type:p.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">\n                <span [ngStyle]="cssStyle" [ngClass]="iconClasses()"></span>\n            </span>\n        </ng-container>\n    '}]}],ctorParameters:function(){return[{type:i.Renderer2},{type:i.ElementRef}]},propDecorators:{hostClass:[{type:p.HostBinding,args:["class.k-avatar"]}],borderClass:[{type:p.HostBinding,args:["class.k-avatar-bordered"]}],flexBasis:[{type:p.HostBinding,args:["style.flexBasis"]}],shape:[{type:p.Input}],size:[{type:p.Input}],rounded:[{type:p.Input}],themeColor:[{type:p.Input}],fillMode:[{type:p.Input}],fill:[{type:p.Input}],border:[{type:p.Input}],iconClass:[{type:p.Input}],width:[{type:p.Input}],avatarWidth:[{type:p.HostBinding,args:["style.width"]}],height:[{type:p.Input}],avatarHeight:[{type:p.HostBinding,args:["style.height"]}],cssStyle:[{type:p.Input}],initials:[{type:p.Input}],icon:[{type:p.Input}],imageSrc:[{type:p.Input}]}});Object.defineProperty(gn.prototype,"widthStyle",{get:function(){return this.width},enumerable:!1,configurable:!0}),Object.defineProperty(gn.prototype,"vertical",{get:function(){return"vertical"===this.orientation},enumerable:!1,configurable:!0}),Object.defineProperty(gn.prototype,"horizontal",{get:function(){return"horizontal"===this.orientation},enumerable:!1,configurable:!0}),gn.prototype.ngOnDestroy=function(){this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe()};var un=gn;function gn(e){var t=this;this.localizationService=e,this.hostClass=!0,this.orientation="vertical",this.width="285px",this.rtl=!1,F.validatePackage(J),this.dynamicRTLSubscription=this.localizationService.changes.subscribe(function(e){e=e.rtl;t.rtl=e,t.direction=t.rtl?"rtl":"ltr"})}un.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:un,deps:[{token:r.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),un.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.17",type:un,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:i,template:"\n        <ng-content></ng-content>\n    ",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:un,decorators:[{type:p.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:r.LocalizationService}]},propDecorators:{hostClass:[{type:p.HostBinding,args:["class.k-widget"]},{type:p.HostBinding,args:["class.k-card"]}],widthStyle:[{type:p.HostBinding,args:["style.width"]}],vertical:[{type:p.HostBinding,args:["class.k-card-vertical"]}],horizontal:[{type:p.HostBinding,args:["class.k-card-horizontal"]}],direction:[{type:p.HostBinding,args:["attr.dir"]}],orientation:[{type:p.Input}],width:[{type:p.Input}]}});var hn=function(){this.hostClass=!0},mn=(hn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:hn,deps:[],target:i.ɵɵFactoryTarget.Component}),hn.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.17",type:hn,selector:"kendo-card-header",host:{properties:{"class.k-card-header":"this.hostClass"}},ngImport:i,template:"\n        <ng-content></ng-content>\n    ",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:hn,decorators:[{type:p.Component,args:[{selector:"kendo-card-header",template:"\n        <ng-content></ng-content>\n    "}]}],propDecorators:{hostClass:[{type:p.HostBinding,args:["class.k-card-header"]}]}}),function(){this.hostClass=!0}),yn=(mn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:mn,deps:[],target:i.ɵɵFactoryTarget.Component}),mn.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.17",type:mn,selector:"kendo-card-body",host:{properties:{"class.k-card-body":"this.hostClass"}},ngImport:i,template:"\n        <ng-content></ng-content>\n    ",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:mn,decorators:[{type:p.Component,args:[{selector:"kendo-card-body",template:"\n        <ng-content></ng-content>\n    "}]}],propDecorators:{hostClass:[{type:p.HostBinding,args:["class.k-card-body"]}]}}),function(){this.hostClass=!0}),fn=(yn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:yn,deps:[],target:i.ɵɵFactoryTarget.Component}),yn.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.17",type:yn,selector:"kendo-card-footer",host:{properties:{"class.k-card-footer":"this.hostClass"}},ngImport:i,template:"\n        <ng-content></ng-content>\n    ",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:yn,decorators:[{type:p.Component,args:[{selector:"kendo-card-footer",template:"\n        <ng-content></ng-content>\n    "}]}],propDecorators:{hostClass:[{type:p.HostBinding,args:["class.k-card-footer"]}]}}),Object.defineProperty(bn.prototype,"stretchedClass",{get:function(){return"stretched"===this.layout},enumerable:!1,configurable:!0}),Object.defineProperty(bn.prototype,"startClass",{get:function(){return"start"===this.layout},enumerable:!1,configurable:!0}),Object.defineProperty(bn.prototype,"endClass",{get:function(){return"end"===this.layout},enumerable:!1,configurable:!0}),Object.defineProperty(bn.prototype,"centerClass",{get:function(){return"center"===this.layout},enumerable:!1,configurable:!0}),Object.defineProperty(bn.prototype,"verticalClass",{get:function(){return"vertical"===this.orientation},enumerable:!1,configurable:!0}),Object.defineProperty(bn.prototype,"horizontalClass",{get:function(){return"horizontal"===this.orientation},enumerable:!1,configurable:!0}),Object.defineProperty(bn.prototype,"actions",{set:function(e){Array.isArray(e)?this.actionsArray=e:e instanceof p.TemplateRef&&(this.actionsTemplate=e)},enumerable:!1,configurable:!0}),bn.prototype.onClick=function(e){this.action.emit(e)},bn);function bn(){this.hostClass=!0,this.orientation="horizontal",this.layout="start",this.action=new p.EventEmitter}fn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:fn,deps:[],target:i.ɵɵFactoryTarget.Component}),fn.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.17",type:fn,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:i,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:o.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:o.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:o.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:fn,decorators:[{type:p.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:p.HostBinding,args:["class.k-card-actions"]}],stretchedClass:[{type:p.HostBinding,args:["class.k-card-actions-stretched"]}],startClass:[{type:p.HostBinding,args:["class.k-card-actions-start"]}],endClass:[{type:p.HostBinding,args:["class.k-card-actions-end"]}],centerClass:[{type:p.HostBinding,args:["class.k-card-actions-center"]}],verticalClass:[{type:p.HostBinding,args:["class.k-card-actions-vertical"]}],horizontalClass:[{type:p.HostBinding,args:["class.k-card-actions-horizontal"]}],orientation:[{type:p.Input}],layout:[{type:p.Input}],actions:[{type:p.Input}],action:[{type:p.Output}]}});Object.defineProperty(Cn.prototype,"verticalClass",{get:function(){return"vertical"===this.orientation},enumerable:!1,configurable:!0}),Object.defineProperty(Cn.prototype,"horizontalClass",{get:function(){return"horizontal"===this.orientation},enumerable:!1,configurable:!0});var vn=Cn;function Cn(){this.hostClass=!0,this.orientation="horizontal"}vn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:vn,deps:[],target:i.ɵɵFactoryTarget.Directive}),vn.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.17",type:vn,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:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:vn,decorators:[{type:p.Directive,args:[{selector:"[kendoCardSeparator]"}]}],propDecorators:{hostClass:[{type:p.HostBinding,args:["class.k-card-separator"]}],verticalClass:[{type:p.HostBinding,args:["class.k-separator-vertical"]}],horizontalClass:[{type:p.HostBinding,args:["class.k-separator-horizontal"]}],color:[{type:p.HostBinding,args:["style.color"]},{type:p.Input}],orientation:[{type:p.Input}]}});function In(){}var Sn=function(){this.hostClass=!0},kn=(Sn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:Sn,deps:[],target:i.ɵɵFactoryTarget.Directive}),Sn.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.17",type:Sn,selector:"[kendoCardTitle]",host:{properties:{"class.k-card-title":"this.hostClass"}},ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:Sn,decorators:[{type:p.Directive,args:[{selector:"[kendoCardTitle]"}]}],propDecorators:{hostClass:[{type:p.HostBinding,args:["class.k-card-title"]}]}}),function(){this.hostClass=!0}),xn=(kn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:kn,deps:[],target:i.ɵɵFactoryTarget.Directive}),kn.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.17",type:kn,selector:"[kendoCardSubtitle]",host:{properties:{"class.k-card-subtitle":"this.hostClass"}},ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:kn,decorators:[{type:p.Directive,args:[{selector:"[kendoCardSubtitle]"}]}],propDecorators:{hostClass:[{type:p.HostBinding,args:["class.k-card-subtitle"]}]}}),function(){this.hostClass=!0}),wn=(xn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:xn,deps:[],target:i.ɵɵFactoryTarget.Directive}),xn.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.17",type:xn,selector:"[kendoCardMedia]",host:{properties:{"class.k-card-media":"this.hostClass"}},ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:xn,decorators:[{type:p.Directive,args:[{selector:"[kendoCardMedia]"}]}],propDecorators:{hostClass:[{type:p.HostBinding,args:["class.k-card-media"]}]}}),function(e){this.templateRef=e});wn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:wn,deps:[{token:i.TemplateRef,optional:!0}],target:i.ɵɵFactoryTarget.Directive}),wn.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.17",type:wn,selector:"[kendoExpansionPanelTitleDirective]",ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:wn,decorators:[{type:p.Directive,args:[{selector:"[kendoExpansionPanelTitleDirective]"}]}],ctorParameters:function(){return[{type:i.TemplateRef,decorators:[{type:p.Optional}]}]}});m(On,Tn=h.PreventableEvent);var Tn,Dn=On;function On(e){var t=Tn.call(this)||this;return Object.assign(t,e),t}var En="k-hidden",zn=(Object.defineProperty(B.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(B.prototype,"expandedClass",{get:function(){return this.expanded&&!this.disabled},enumerable:!1,configurable:!0}),B.prototype.ngOnInit=function(){var t=this,e=(this.renderer.removeAttribute(this.hostElement.nativeElement,"title"),this.subscriptions=this.localizationService.changes.subscribe(function(e){e=e.rtl;t.direction=e?"rtl":"ltr"}),this.hostElement.nativeElement),n=this.header.nativeElement;this.subscriptions.add(this.renderer.listen(n,"focus",function(){return t.focusExpansionPanel(e)})),this.subscriptions.add(this.renderer.listen(n,"blur",function(){return t.blurExpansionPanel(e)}))},B.prototype.ngAfterViewInit=function(){this.initDomEvents(),this.expanded||this.renderer.addClass(this.content.nativeElement,En)},B.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},B.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)))})},B.prototype.keyDownHandler=function(e){var t=this;e.keyCode!==h.Keys.Enter&&e.keyCode!==h.Keys.Space||!U(e.target,"k-expander-header")||(e.preventDefault(),this.ngZone.run(function(){t.onHeaderAction()}))},B.prototype.onHeaderClick=function(e){var t=this.header.nativeElement;W(e.target)&&(e.target!==t||this.disabled)||this.onHeaderAction()},B.prototype.onHeaderAction=function(){var e=new Dn;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(B.prototype,"indicatorClasses",{get:function(){return this.expanded?this.collapseIcon||"k-icon k-i-chevron-up":this.expandIcon||"k-icon k-i-chevron-down"},enumerable:!1,configurable:!0}),B.prototype.toggle=function(e){var t=this.expanded,e=d(e)?e:!t;e!==t&&(this.setExpanded(e),this.expanded&&this.removeContentHiddenClass(),this.animation?this.animateContent():(this.expanded||this.addContentHiddenClass(),this.emitExpandCollapseEvent()))},B.prototype.focusExpansionPanel=function(e){this.focused||(this.focused=!0,this.renderer.addClass(e,"k-focus"))},B.prototype.blurExpansionPanel=function(e){this.focused&&(this.focused=!1,this.renderer.removeClass(e,"k-focus"))},B.prototype.setExpanded=function(e){this._expanded=e,this.expandedChange.emit(e)},B.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,[c.style({overflow:"hidden",display:"block",height:0}),c.animate(e+"ms ease-in",c.style({height:""+r}))]):(e=n,[c.style({overflow:"hidden",height:""+i}),c.animate(e+"ms ease-in",c.style({overflow:"hidden",height:0}))]),n=this.createPlayer(r,this.content.nativeElement);this.animationEnd.pipe(j.take(1)).subscribe(function(){t.expanded||t.addContentHiddenClass(),t.emitExpandCollapseEvent()}),n.play()},B.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},B.prototype.emitExpandCollapseEvent=function(){this[this.expanded?"expand":"collapse"].emit()},B.prototype.addContentHiddenClass=function(){this.renderer.addClass(this.content.nativeElement,En)},B.prototype.removeContentHiddenClass=function(){this.renderer.removeClass(this.content.nativeElement,En)},B);function B(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 p.EventEmitter,this.action=new p.EventEmitter,this.expand=new p.EventEmitter,this.collapse=new p.EventEmitter,this.hostClass=!0,this.focused=!1,this.animationEnd=new p.EventEmitter,this.subscriptions=new a.Subscription,this._expanded=!1,F.validatePackage(J),this.direction=i.rtl?"rtl":"ltr"}zn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:zn,deps:[{token:i.Renderer2},{token:i.ElementRef},{token:i.NgZone},{token:r.LocalizationService},{token:G.AnimationBuilder}],target:i.ɵɵFactoryTarget.Component}),zn.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.17",type:zn,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:{properties:{"class.k-expander":"this.hostClass","class.k-expanded":"this.expandedClass","attr.dir":"this.direction"}},providers:[e.LocalizationService,{provide:e.L10N_PREFIX,useValue:"kendo.expansionpanel"}],queries:[{propertyName:"titleTemplate",first:!0,predicate:wn,descendants:!0}],viewQueries:[{propertyName:"content",first:!0,predicate:["content"],descendants:!0,static:!0},{propertyName:"header",first:!0,predicate:["header"],descendants:!0,static:!0}],exportAs:["kendoExpansionPanel"],ngImport:i,template:'\n        <div\n            #header\n            [class.k-expander-header]="true"\n            [class.k-disabled]="disabled"\n            [attr.aria-disabled]="disabled"\n            [attr.aria-expanded]="expanded && !disabled"\n            role="button"\n            tabindex="0"\n            [attr.aria-controls]="title"\n            (click)="onHeaderClick($event)"\n        >\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 [id]="title" class="k-expander-content" [attr.aria-hidden]="!expanded">\n                <ng-content></ng-content>\n            </div>\n        </div>\n    ',isInline:!0,directives:[{type:o.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:o.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]},{type:o.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:zn,decorators:[{type:p.Component,args:[{exportAs:"kendoExpansionPanel",providers:[e.LocalizationService,{provide:e.L10N_PREFIX,useValue:"kendo.expansionpanel"}],selector:"kendo-expansionpanel",template:'\n        <div\n            #header\n            [class.k-expander-header]="true"\n            [class.k-disabled]="disabled"\n            [attr.aria-disabled]="disabled"\n            [attr.aria-expanded]="expanded && !disabled"\n            role="button"\n            tabindex="0"\n            [attr.aria-controls]="title"\n            (click)="onHeaderClick($event)"\n        >\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 [id]="title" class="k-expander-content" [attr.aria-hidden]="!expanded">\n                <ng-content></ng-content>\n            </div>\n        </div>\n    '}]}],ctorParameters:function(){return[{type:i.Renderer2},{type:i.ElementRef},{type:i.NgZone},{type:r.LocalizationService},{type:G.AnimationBuilder}]},propDecorators:{title:[{type:p.Input}],subtitle:[{type:p.Input}],disabled:[{type:p.Input}],expanded:[{type:p.Input}],expandIcon:[{type:p.Input}],collapseIcon:[{type:p.Input}],animation:[{type:p.Input}],expandedChange:[{type:p.Output}],action:[{type:p.Output}],expand:[{type:p.Output}],collapse:[{type:p.Output}],titleTemplate:[{type:p.ContentChild,args:[wn,{static:!1}]}],content:[{type:p.ViewChild,args:["content",{static:!0}]}],header:[{type:p.ViewChild,args:["header",{static:!0}]}],hostClass:[{type:p.HostBinding,args:["class.k-expander"]}],expandedClass:[{type:p.HostBinding,args:["class.k-expanded"]}],direction:[{type:p.HostBinding,args:["attr.dir"]}]}});function Pn(e){return e?+e:void 0}function Bn(e,t){for(var n=0;n<e.length;n++)if(e[n]!==t[n])return 1}function Rn(t,n,i){Object.keys(i).forEach(function(e){t.setStyle(n,e,i[e])})}function Vn(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 Ln,Fn=0,jn=["ew","ns","nwse"],Hn=["ew","ns","nesw"],An={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}},Mn=(m(Nn,Ln=h.PreventableEvent),Nn);function Nn(e,t,n,i,r,o,s,a){var l=Ln.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}m(Wn,Kn=h.PreventableEvent);var Kn,_n=Wn;function Wn(e,t,n,i,r,o){var s=Kn.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(Zn.prototype,"colStart",{get:function(){return this.currentColStart},enumerable:!1,configurable:!0}),Object.defineProperty(Zn.prototype,"rowStart",{get:function(){return this.currentRowStart},enumerable:!1,configurable:!0}),Object.defineProperty(Zn.prototype,"itemWrapper",{get:function(){return this.draggedItemWrapper},enumerable:!1,configurable:!0}),Object.defineProperty(Zn.prototype,"order",{get:function(){return this.targetOrder},enumerable:!1,configurable:!0}),Zn.prototype.ngOnDestroy=function(){this.localizationSubscription.unsubscribe()},Zn.prototype.handlePress=function(e){var t,n,i=this,r=!!e.target.classList.contains("k-resize-handle"),o=Z(e.target,function(e){return e.classList.contains("k-tilelayout-item")},this.tileLayoutSettings.tileLayoutElement),s=Z(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,s=W(e.target),!t&&!r||s||(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}}),Rn(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}),Rn(this.renderer,this.tileLayoutSettings.hintElement,{display:"flex",height:n.height-2+"px"}),this.zone.run(function(){return i.targetOrder=i.draggedItem.order}),Rn(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]})))},Zn.prototype.handleDrag=function(e){this.draggedItemWrapper&&(this.reordering?this.reorderItems(e):this.resizing&&this.resizeItem(e),this.lastDragCursorOffset={x:e.clientX,y:e.clientY})},Zn.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=Pn(this.currentColStart),n=Pn(this.currentRowStart),Bn([this.targetOrder,i,n],[t,e,r])&&(i=new Mn(this.draggedItem,this.tileLayoutSettings.items,this.targetOrder,t,Pn(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 d(e.row)})?this.targetSpan():{targetColSpan:this.currentResizingColSpan,targetRowSpan:this.currentResizingRowSpan}).targetColSpan,r=r.targetRowSpan,Bn([e,n],[r,i])&&(r=new _n(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()}))},Zn.prototype.reorderItems=function(e){var t=this;r=e;var n,i,r=(h.isDocumentAvailable()&&d(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=Vn({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=Vn({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),Rn(this.renderer,this.draggedItemWrapper,{top:e.pageY-this.offset.top+"px",left:e.pageX-this.offset.left+"px"})},Zn.prototype.resizeItem=function(r){function e(){Rn(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,Rn(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=Vn({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--,Rn(o.renderer,o.tileLayoutSettings.hintElement,{gridColumnEnd:"span "+o.currentResizingColSpan})}function t(){Rn(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--,Rn(o.renderer,o.tileLayoutSettings.hintElement,{gridRowEnd:"span "+o.currentResizingRowSpan}),Rn(o.renderer,o.tileLayoutSettings.hintElement,{height:o.calculateHintHeight()+"px"})}var o=this,s=(Rn(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||Vn({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))()},Zn.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"),Rn(this.renderer,this.draggedItemWrapper,{top:"",left:"",display:"",width:"",height:"",zIndex:"",position:""}),Rn(this.renderer,this.tileLayoutSettings.hintElement,{display:"none",height:"auto"}),Rn(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})},Zn.prototype.targetSpan=function(){var e=this.draggedItem.elem.nativeElement.getBoundingClientRect(),t=Vn({x:this.rtl?e.right:e.x,y:e.y},this.tileLayoutSettings.tileLayoutElement,this.tileLayoutSettings.gap,this.cellSize,this.tileLayoutSettings.columns,this.rtl),e=Vn({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}},Zn.prototype.getTargetCol=function(e,t){return this.rtl?"left"===t?e-this.draggedItem.colSpan+1:e:"right"===t?e-this.draggedItem.colSpan+1:e},Zn.prototype.getTargetRow=function(e,t){return"down"===t?e-this.draggedItem.rowSpan+1:e},Zn.prototype.calculateHintHeight=function(){return this.currentResizingRowSpan*this.cellSize.height+(this.currentResizingRowSpan-1)*this.tileLayoutSettings.gap.rows-2};var Un=Zn;function Zn(e,t,n){var i=this;this.zone=e,this.renderer=t,this.localization=n,this.reorderable=new a.BehaviorSubject(null),this.resizable=new a.BehaviorSubject(null),this.reorder=new a.Subject,this.resize=new a.Subject,this.lastDragCursorOffset={x:0,y:0},this.localizationSubscription=this.localization.changes.subscribe(function(e){e=e.rtl;return i.rtl=e})}Un.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:Un,deps:[{token:i.NgZone},{token:i.Renderer2},{token:r.LocalizationService}],target:i.ɵɵFactoryTarget.Injectable}),Un.ɵprov=i.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:Un}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:Un,decorators:[{type:p.Injectable}],ctorParameters:function(){return[{type:i.NgZone},{type:i.Renderer2},{type:r.LocalizationService}]}});Object.defineProperty($n.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 Xn=$n;function $n(e,t){this.hostEl=e,this.renderer=t,this.hostClass=!0}Xn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:Xn,deps:[{token:i.ElementRef},{token:i.Renderer2}],target:i.ɵɵFactoryTarget.Component}),Xn.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.17",type:Xn,selector:"kendo-tilelayout-item-header",inputs:{reorderable:"reorderable"},host:{properties:{"class.k-tilelayout-item-header":"this.hostClass","class.k-card-header":"this.hostClass"}},ngImport:i,template:"\n        <ng-content></ng-content>\n    ",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:Xn,decorators:[{type:p.Component,args:[{selector:"kendo-tilelayout-item-header",template:"\n        <ng-content></ng-content>\n    "}]}],ctorParameters:function(){return[{type:i.ElementRef},{type:i.Renderer2}]},propDecorators:{hostClass:[{type:p.HostBinding,args:["class.k-tilelayout-item-header"]},{type:p.HostBinding,args:["class.k-card-header"]}],reorderable:[{type:p.Input}]}});Yn.prototype.ngOnDestroy=function(){this.localizationSubscription.unsubscribe()},Yn.prototype.onKeyDown=function(e,t,n,i){var r,o,s,a,l,p=this,c=e.keyCode,d=document.activeElement===t,u=i.items.find(function(e){return e.elem.nativeElement===t}),g=(r=u,o=i,s=this.rtl,a=r.elem.nativeElement.getBoundingClientRect(),l=r.rowSpan,r=r.colSpan,r=(a.width-(r-1)*o.gap.columns)/r,l=(a.height-(l-1)*o.gap.rows)/l,Vn({x:a.x,y:a.y},o.tileLayoutElement,o.gap,{width:r,height:l},o.columns,s).col);c===h.Keys.Enter&&d&&0<n.length?(this.changeTabIndex("0",t,n),n[0].focus()):c===h.Keys.Escape?(this.changeTabIndex("-1",t,n),t.focus()):(e.ctrlKey||e.metaKey)&&d&&u.isResizable?(e.preventDefault(),this.zone.run(function(){p.resizeItem(c,u,i,g)})):e.shiftKey&&d&&u.isReorderable?this.zone.run(function(){p.reorderItem(c,u,i,g)}):c!==h.Keys.Tab||d||this.keepFocusWithinComponent(e,t)},Yn.prototype.onFocusOut=function(e,t,n){var i=n.includes(e.target),r=n.includes(e.relatedTarget);i&&!r&&(this.changeTabIndex("-1",t,n),null!=(i=e.relatedTarget))&&i.focus()},Yn.prototype.onClick=function(e,t,n){n.includes(e.target)&&(this.changeTabIndex("0",t,n),e.target.focus())},Yn.prototype.changeTabIndex=function(t,e,n){var i=this;this.renderer.setAttribute(e,"tabindex","0"===t?"-1":"0"),n.forEach(function(e){i.renderer.setAttribute(e,"tabindex",t)})},Yn.prototype.getAllFocusableChildren=function(e){return Array.from(e.querySelectorAll(oe)).filter(function(e){return null!==e.offsetParent})},Yn.prototype.resizeItem=function(e,t,n,i){i=i,r=t,n=n;var i={resizeRight:e===h.Keys.ArrowRight&&i+r.colSpan<=n.columns,resizeLeft:e===h.Keys.ArrowLeft&&1<r.colSpan,resizeDown:e===h.Keys.ArrowDown,resizeUp:e===h.Keys.ArrowUp&&1<r.rowSpan},n=i.resizeLeft,e=i.resizeUp,r=i.resizeDown||e,e=n||e?-1:1;n||i.resizeRight?t.colSpan+=e:r&&(t.rowSpan+=e)},Yn.prototype.reorderItem=function(e,t,n,i){var r,o,s=this,a=(e=e,i=i,a=n,{reorderLeft:i=(o=t).col?(r=e===h.Keys.ArrowRight&&o.colSpan+i<=a.columns,e===h.Keys.ArrowLeft&&1<i):(r=e===h.Keys.ArrowRight&&o.colSpan+o.order<a.items.length,e===h.Keys.ArrowLeft&&0<o.order),reorderRight:r}),e=a.reorderRight;(e||a.reorderLeft)&&(t.col?t.col+=e?1:-1:e?(o=s.targetTile(t,n.items,1))&&(t.order+=1,--o.order):(i=s.targetTile(t,n.items,-1))&&(--t.order,i.order+=1))},Yn.prototype.keepFocusWithinComponent=function(e,t){var n=y(this.getFirstAndLastFocusable(t),2),i=n[0],n=n[1],r=!e.shiftKey&&e.target===n,o=e.shiftKey&&e.target===i;r&&(e.preventDefault(),i.focus(),t.blur()),o&&(e.preventDefault(),n.focus())},Yn.prototype.getFirstAndLastFocusable=function(e){var t=this.getAllFocusableChildren(e);return[0<t.length?t[0]:e,0<t.length?t[t.length-1]:e]},Yn.prototype.targetTile=function(t,e,n){return e.find(function(e){return e.order===t.order+n})};var qn=Yn;function Yn(e,t,n){var i=this;this.zone=e,this.renderer=t,this.localization=n,this.navigable=new a.BehaviorSubject(!1),this.localizationSubscription=this.localization.changes.subscribe(function(e){e=e.rtl;return i.rtl=e})}qn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:qn,deps:[{token:i.NgZone},{token:i.Renderer2},{token:r.LocalizationService}],target:i.ɵɵFactoryTarget.Injectable}),qn.ɵprov=i.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:qn}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:qn,decorators:[{type:p.Injectable}],ctorParameters:function(){return[{type:i.NgZone},{type:i.Renderer2},{type:r.LocalizationService}]}});Qn.prototype.ngOnInit=function(){this.sizeHandle()},Qn.prototype.setHorizontalPosition=function(e){this.renderer.setStyle(e,this.rtl?"left":"right",-An[this.resizeDirection].overlapX+"px")},Qn.prototype.setBottom=function(e){this.renderer.setStyle(e,"bottom",-An[this.resizeDirection].overlapY+"px")},Qn.prototype.sizeHandle=function(){var e=this.el.nativeElement,t=An[this.resizeDirection].width?An[this.resizeDirection].width+"px":"100%",n=An[this.resizeDirection].height?An[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 Gn=Qn;function Qn(e,t){this.el=e,this.renderer=t}Gn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:Gn,deps:[{token:i.ElementRef},{token:i.Renderer2}],target:i.ɵɵFactoryTarget.Directive}),Gn.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.17",type:Gn,selector:"[kendoTileLayoutResizeHandle]",inputs:{resizeDirection:"resizeDirection",rtl:"rtl"},ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:Gn,decorators:[{type:p.Directive,args:[{selector:"[kendoTileLayoutResizeHandle]"}]}],ctorParameters:function(){return[{type:i.ElementRef},{type:i.Renderer2}]},propDecorators:{resizeDirection:[{type:p.Input}],rtl:[{type:p.Input}]}});Object.defineProperty(R.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(R.prototype,"hostDropEffect",{get:function(){return this.isResizable||this.isReorderable?"execute":void 0},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"hostTabindex",{get:function(){return this.isNavigable?"0":void 0},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"ariaKeyShortcuts",{get:function(){return this.isNavigable?"Enter":void 0},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"hostGrabbed",{get:function(){return this.isResizable||this.isReorderable},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"hostLabelledBy",{get:function(){return this.title?this.titleId:void 0},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"colEnd",{get:function(){return"span "+this.colSpan},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"rowEnd",{get:function(){return"span "+this.rowSpan},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"colStart",{get:function(){return d(this.col)?this.col.toString():void 0},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"rowStart",{get:function(){return d(this.row)?this.row.toString():void 0},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"isReorderable",{get:function(){return this.reorderable&&this.draggingService.reorderable.getValue()},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"isNavigable",{get:function(){return this.keyboardNavigationService.navigable.getValue()},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"isResizable",{get:function(){return this.resizable&&this.draggingService.resizable.getValue()},enumerable:!1,configurable:!0}),R.prototype.ngAfterViewInit=function(){var n=this,t=this.elem.nativeElement,i=this.keyboardNavigationService;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)})),this.subs.add(i.navigable.subscribe(function(e){e?(n.keyboardNavigationSubs=new a.Subscription,n.focusableItems=i.getAllFocusableChildren(t),n.zone.runOutsideAngular(function(){i.changeTabIndex("-1",t,n.focusableItems),n.keyboardNavigationSubs.add(n.renderer.listen(t,"keydown",function(e){return i.onKeyDown(e,t,n.focusableItems,n.draggingService.tileLayoutSettings)})),n.keyboardNavigationSubs.add(n.renderer.listen(t,"click",function(e){return i.onClick(e,t,n.focusableItems)})),n.keyboardNavigationSubs.add(n.renderer.listen(t,"focusout",function(e){return i.onFocusOut(e,t,n.focusableItems)}))})):n.focusableItems&&(n.focusableItems.forEach(function(e){n.renderer.setAttribute(e,"tabindex","0")}),n.keyboardNavigationSubs.unsubscribe())}))},R.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?Hn:jn:void 0)},R.prototype.ngOnDestroy=function(){this.subs.unsubscribe(),this.keyboardNavigationSubs&&this.keyboardNavigationSubs.unsubscribe()},R.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 Jn=R;function R(e,t,n,i,r,o){var s=this;this.elem=e,this.zone=t,this.renderer=n,this.localization=i,this.draggingService=r,this.keyboardNavigationService=o,this.rowSpan=1,this.colSpan=1,this.reorderable=!0,this.resizable=!0,this.itemClass=!0,this.hostRole="listitem",this.titleId="",this.subs=new a.Subscription,this.subs.add(this.localization.changes.subscribe(function(e){e=e.rtl;s.rtl=e})),this.subs.add(this.draggingService.resizable.subscribe(function(e){s.resizeDirections=e&&s.resizable?s.rtl?Hn:jn:void 0})),this.titleId="k-tilelayout-title-"+ ++Fn}Jn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:Jn,deps:[{token:i.ElementRef},{token:i.NgZone},{token:i.Renderer2},{token:r.LocalizationService},{token:Un},{token:qn}],target:i.ɵɵFactoryTarget.Component}),Jn.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.17",type:Jn,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","attr.role":"this.hostRole","attr.aria-dropeffect":"this.hostDropEffect","attr.tabindex":"this.hostTabindex","attr.aria-keyshortcuts":"this.ariaKeyShortcuts","attr.aria-grabbed":"this.hostGrabbed","attr.aria-labelledby":"this.hostLabelledBy","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:Xn}],usesOnChanges:!0,ngImport:i,template:'\n        <kendo-tilelayout-item-header [reorderable]="isReorderable" *ngIf="title">\n            <h5 [id]="titleId" 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:Xn,selector:"kendo-tilelayout-item-header",inputs:["reorderable"]}],directives:[{type:o.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:o.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:Gn,selector:"[kendoTileLayoutResizeHandle]",inputs:["resizeDirection","rtl"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:Jn,decorators:[{type:p.Component,args:[{selector:"kendo-tilelayout-item",template:'\n        <kendo-tilelayout-item-header [reorderable]="isReorderable" *ngIf="title">\n            <h5 [id]="titleId" 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:i.ElementRef},{type:i.NgZone},{type:i.Renderer2},{type:r.LocalizationService},{type:Un},{type:qn}]},propDecorators:{title:[{type:p.Input}],rowSpan:[{type:p.Input}],colSpan:[{type:p.Input}],order:[{type:p.Input}],col:[{type:p.Input}],row:[{type:p.Input}],reorderable:[{type:p.Input}],resizable:[{type:p.Input}],itemClass:[{type:p.HostBinding,args:["class.k-tilelayout-item"]},{type:p.HostBinding,args:["class.k-card"]}],hostRole:[{type:p.HostBinding,args:["attr.role"]}],hostDropEffect:[{type:p.HostBinding,args:["attr.aria-dropeffect"]}],hostTabindex:[{type:p.HostBinding,args:["attr.tabindex"]}],ariaKeyShortcuts:[{type:p.HostBinding,args:["attr.aria-keyshortcuts"]}],hostGrabbed:[{type:p.HostBinding,args:["attr.aria-grabbed"]}],hostLabelledBy:[{type:p.HostBinding,args:["attr.aria-labelledby"]}],colEnd:[{type:p.HostBinding,args:["style.grid-column-end"]}],rowEnd:[{type:p.HostBinding,args:["style.grid-row-end"]}],colStart:[{type:p.HostBinding,args:["style.grid-column-start"]}],rowStart:[{type:p.HostBinding,args:["style.grid-row-start"]}],headers:[{type:p.ContentChildren,args:[Xn]}]}});var ei={column:"k-grid-flow-col",row:"k-grid-flow-row","column-dense":"k-grid-flow-col-dense","row-dense":"k-grid-flow-row-dense"},o=(Object.defineProperty(V.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(V.prototype,"gapStyle",{get:function(){return this.gap.rows+"px "+this.gap.columns+"px"},enumerable:!1,configurable:!0}),Object.defineProperty(V.prototype,"currentColStart",{get:function(){return this.draggingService.colStart},enumerable:!1,configurable:!0}),Object.defineProperty(V.prototype,"currentRowStart",{get:function(){return this.draggingService.rowStart},enumerable:!1,configurable:!0}),Object.defineProperty(V.prototype,"draggedItemWrapper",{get:function(){return this.draggingService.itemWrapper},enumerable:!1,configurable:!0}),Object.defineProperty(V.prototype,"targetOrder",{get:function(){return this.draggingService.order},enumerable:!1,configurable:!0}),V.prototype.ngOnInit=function(){var t=this;this.applyColStyling(),this.applyRowStyling(),this.draggingService.reorderable.next(this.reorderable),this.draggingService.resizable.next(this.resizable),this.navigationService.navigable.next(this.navigable),h.hasObservers(this.reorder)&&this.subs.add(this.draggingService.reorder.subscribe(function(e){return t.reorder.emit(e)})),h.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"}))},V.prototype.ngAfterViewInit=function(){var e=this;this.draggingService.tileLayoutSettings=this.draggingServiceConfig(),this.applyAutoFlow(null,ei[this.autoFlow]),this.items.changes.subscribe(function(){e.setItemsOrder(),e.draggingService.tileLayoutSettings.items=e.items.toArray()})},V.prototype.ngAfterContentInit=function(){this.setItemsOrder()},V.prototype.ngOnChanges=function(e){(e.columns||e.columnWidth)&&this.applyColStyling(),e.rowHeight&&this.applyRowStyling(),h.isChanged("reorderable",e)&&this.draggingService.reorderable.next(e.reorderable.currentValue),h.isChanged("resizable",e)&&this.draggingService.resizable.next(e.resizable.currentValue),(e.gap||e.autoFlow||e.columns)&&(this.draggingService.tileLayoutSettings=this.draggingServiceConfig(),e.autoFlow)&&this.applyAutoFlow(ei[e.autoFlow.previousValue]||"",ei[e.autoFlow.currentValue]),h.isChanged("navigable",e)&&this.navigationService.navigable.next(e.navigable.currentValue)},V.prototype.ngOnDestroy=function(){this.draggable&&this.draggable.destroy(),this.subs.unsubscribe()},V.prototype.handlePress=function(e){e=e.originalEvent;this.draggingService.handlePress(e)},V.prototype.handleDrag=function(e){e=e.originalEvent;this.draggingService.handleDrag(e)},V.prototype.handleRelease=function(e){e=e.originalEvent;this.draggingService.handleRelease(e)},V.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)},V.prototype.applyRowStyling=function(){var e="number"==typeof this.rowHeight?this.rowHeight+"px":this.rowHeight;this.renderer.setStyle(this.elem.nativeElement,"grid-auto-rows",""+e)},V.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():[]}},V.prototype.initializeDraggable=function(){var e=this;this.draggable=new H.Draggable({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)})},V.prototype.applyAutoFlow=function(e,t){var n=this.elem.nativeElement;e&&this.renderer.removeClass(n,e),"none"!==this.autoFlow&&d(t)&&this.renderer.addClass(n,t)},V.prototype.setItemsOrder=function(){this.items.forEach(function(e,t){d(e.order)||(e.order=t)})},V);function V(e,t,n,i,r,o){this.zone=e,this.elem=t,this.renderer=n,this.localization=i,this.draggingService=r,this.navigationService=o,this.columns=1,this.columnWidth="1fr",this.reorderable=!1,this.resizable=!1,this.rowHeight="1fr",this.autoFlow="column",this.navigable=!1,this.reorder=new p.EventEmitter,this.resize=new p.EventEmitter,this.hostClass=!0,this.hostRole="list",this.subs=new a.Subscription,this._gap={rows:16,columns:16},F.validatePackage(J)}o.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:o,deps:[{token:i.NgZone},{token:i.ElementRef},{token:i.Renderer2},{token:r.LocalizationService},{token:Un},{token:qn}],target:i.ɵɵFactoryTarget.Component}),o.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.17",type:o,selector:"kendo-tilelayout",inputs:{columns:"columns",columnWidth:"columnWidth",gap:"gap",reorderable:"reorderable",resizable:"resizable",rowHeight:"rowHeight",autoFlow:"autoFlow",navigable:"navigable"},outputs:{reorder:"reorder",resize:"resize"},host:{properties:{"class.k-widget":"this.hostClass","class.k-tilelayout":"this.hostClass","attr.role":"this.hostRole","style.gap":"this.gapStyle","style.padding":"this.gapStyle","attr.dir":"this.direction"}},providers:[e.LocalizationService,Un,qn,{provide:e.L10N_PREFIX,useValue:"kendo.tilelayout.component"}],queries:[{propertyName:"items",predicate:Jn}],viewQueries:[{propertyName:"hint",first:!0,predicate:["hint"],descendants:!0}],usesOnChanges:!0,ngImport:i,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}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:o,decorators:[{type:p.Component,args:[{selector:"kendo-tilelayout",providers:[e.LocalizationService,Un,qn,{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:i.NgZone},{type:i.ElementRef},{type:i.Renderer2},{type:r.LocalizationService},{type:Un},{type:qn}]},propDecorators:{columns:[{type:p.Input}],columnWidth:[{type:p.Input}],gap:[{type:p.Input}],reorderable:[{type:p.Input}],resizable:[{type:p.Input}],rowHeight:[{type:p.Input}],autoFlow:[{type:p.Input}],navigable:[{type:p.Input}],reorder:[{type:p.Output}],resize:[{type:p.Output}],hostClass:[{type:p.HostBinding,args:["class.k-widget"]},{type:p.HostBinding,args:["class.k-tilelayout"]}],hostRole:[{type:p.HostBinding,args:["attr.role"]}],gapStyle:[{type:p.HostBinding,args:["style.gap"]},{type:p.HostBinding,args:["style.padding"]}],direction:[{type:p.HostBinding,args:["attr.dir"]}],items:[{type:p.ContentChildren,args:[Jn]}],hint:[{type:p.ViewChild,args:["hint",{static:!1}]}]}});var ti=function(){this.hostClass=!0,this.minHeight=0},L=(ti.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:ti,deps:[],target:i.ɵɵFactoryTarget.Component}),ti.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.17",type:ti,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:i,template:"\n        <ng-content></ng-content>\n    ",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:ti,decorators:[{type:p.Component,args:[{selector:"kendo-tilelayout-item-body",template:"\n        <ng-content></ng-content>\n    "}]}],propDecorators:{hostClass:[{type:p.HostBinding,args:["class.k-tilelayout-item-body"]},{type:p.HostBinding,args:["class.k-card-body"]}],minHeight:[{type:p.HostBinding,args:["style.min-height"]}]}}),[z]),ni=f([],y(L)),ii=function(){};ii.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:ii,deps:[],target:i.ɵɵFactoryTarget.NgModule}),ii.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:ii,declarations:[z],imports:[t.CommonModule],exports:[z]}),ii.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:ii,imports:[[t.CommonModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:ii,decorators:[{type:p.NgModule,args:[{declarations:[ni],exports:[L],imports:[t.CommonModule]}]}]});var ni=f([un,hn,mn,yn,fn],y([Sn,kn,vn,xn])),L=f([],y(ni)),ri=function(){};ri.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:ri,deps:[],target:i.ɵɵFactoryTarget.NgModule}),ri.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:ri,declarations:[un,hn,mn,yn,fn,Sn,kn,vn,xn],imports:[t.CommonModule],exports:[un,hn,mn,yn,fn,Sn,kn,vn,xn]}),ri.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:ri,imports:[[t.CommonModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:ri,decorators:[{type:p.NgModule,args:[{declarations:[L],exports:[ni],imports:[t.CommonModule]}]}]});var L=f([Rt,Lt,Ht],y([S,vt,Ct,bt])),ni=f([x,w],y(L)),oi=function(){},x=(oi.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:oi,deps:[],target:i.ɵɵFactoryTarget.NgModule}),oi.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:oi,declarations:[x,w,Rt,Lt,Ht,S,vt,Ct,bt],imports:[t.CommonModule],exports:[Rt,Lt,Ht,S,vt,Ct,bt]}),oi.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:oi,imports:[[t.CommonModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:oi,decorators:[{type:p.NgModule,args:[{declarations:[ni],exports:[L],imports:[t.CommonModule]}]}]}),[zn,wn]),w=f([],y(x)),ni=function(){},L=(ni.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:ni,deps:[],target:i.ɵɵFactoryTarget.NgModule}),ni.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:ni,declarations:[zn,wn],imports:[t.CommonModule,h.EventsModule],exports:[zn,wn]}),ni.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:ni,imports:[[t.CommonModule,h.EventsModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:ni,decorators:[{type:p.NgModule,args:[{declarations:[w],exports:[x],imports:[t.CommonModule,h.EventsModule]}]}]}),[he,u,s,de,ee]),w=f([],y(L)),x=function(){},w=(x.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:x,deps:[],target:i.ɵɵFactoryTarget.NgModule}),x.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:x,declarations:[he,u,s,de,ee],imports:[t.CommonModule],exports:[he,u,s,de,ee]}),x.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:x,imports:[[t.CommonModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:x,decorators:[{type:p.NgModule,args:[{declarations:[w],exports:[L],imports:[t.CommonModule]}]}]}),[Be,Te]),L=f([v],y(w)),si=function(){};si.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:si,deps:[],target:i.ɵɵFactoryTarget.NgModule}),si.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:si,declarations:[v,Be,Te],imports:[t.CommonModule,h.DraggableModule],exports:[Be,Te]}),si.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:si,imports:[[t.CommonModule,h.DraggableModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:si,decorators:[{type:p.NgModule,args:[{declarations:[L],exports:[w],imports:[t.CommonModule,h.DraggableModule]}]}]});var v=f([rn,pn],y([Kt,_t,Wt])),L=f([D,E,tn],y(v)),w=function(){},D=(w.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:w,deps:[],target:i.ɵɵFactoryTarget.NgModule}),w.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:w,declarations:[D,E,tn,rn,pn,Kt,_t,Wt],imports:[t.CommonModule,n.ProgressBarModule],exports:[rn,pn,Kt,_t,Wt]}),w.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:w,imports:[[t.CommonModule,n.ProgressBarModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:w,decorators:[{type:p.NgModule,args:[{declarations:[L],exports:[v],imports:[t.CommonModule,n.ProgressBarModule]}]}]}),[gt,Fe,Ve,Le,st,mt,dt]),E=f(f([],y(D)),[I]),L=function(){},v=(L.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:L,deps:[],target:i.ɵɵFactoryTarget.NgModule}),L.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:L,declarations:[gt,Fe,Ve,Le,st,mt,dt,I],imports:[t.CommonModule,h.ResizeSensorModule],exports:[gt,Fe,Ve,Le,st,mt,dt]}),L.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:L,imports:[[t.CommonModule,h.ResizeSensorModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:L,decorators:[{type:p.NgModule,args:[{declarations:[E],exports:[D],imports:[t.CommonModule,h.ResizeSensorModule]}]}]}),[o,Jn,Xn,ti,Gn]),n=f([],y(v)),I=function(){},ai=(I.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:I,deps:[],target:i.ɵɵFactoryTarget.NgModule}),I.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:I,declarations:[o,Jn,Xn,ti,Gn],imports:[t.CommonModule],exports:[o,Jn,Xn,ti,Gn]}),I.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:I,imports:[[t.CommonModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:I,decorators:[{type:p.NgModule,args:[{declarations:[n],exports:[v],imports:[t.CommonModule]}]}]}),{top:"start",middle:"center",bottom:"end",stretch:"stretch"}),li="k-justify-content",pi="k-align-items",E=(Object.defineProperty(ci.prototype,"horizontalClass",{get:function(){return"horizontal"===this.orientation},enumerable:!1,configurable:!0}),Object.defineProperty(ci.prototype,"verticalClass",{get:function(){return"vertical"===this.orientation},enumerable:!1,configurable:!0}),Object.defineProperty(ci.prototype,"dir",{get:function(){return this.direction},enumerable:!1,configurable:!0}),Object.defineProperty(ci.prototype,"align",{get:function(){return this._align},set:function(e){this._align=Object.assign({},this._align,e),this.handleAlignClasses()},enumerable:!1,configurable:!0}),ci.prototype.ngAfterViewInit=function(){this.handleAlignClasses(),this.setGap()},ci.prototype.ngOnChanges=function(e){h.isChanged("gap",e)&&this.setGap(),h.isChanged("orientation",e)&&this.handleAlignClasses()},ci.prototype.handleAlignClasses=function(){var e=this.element.nativeElement;d(this.justifyClass)&&this.renderer.removeClass(e,this.justifyClass),d(this.alignClass)&&this.renderer.removeClass(e,this.alignClass),"horizontal"===this.orientation?(this.justifyClass=li+"-"+this.align.horizontal,this.alignClass=pi+"-"+ai[this.align.vertical]):(this.justifyClass=li+"-"+ai[this.align.vertical],this.alignClass=pi+"-"+this.align.horizontal),this.renderer.addClass(e,this.justifyClass),this.renderer.addClass(e,this.alignClass)},ci.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(ci.prototype,"direction",{get:function(){return this.localization.rtl?"rtl":"ltr"},enumerable:!1,configurable:!0}),ci);function ci(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"},F.validatePackage(J)}E.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:E,deps:[{token:i.Renderer2},{token:i.ElementRef},{token:r.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),E.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.17",type:E,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:i,template:"\n        <ng-content></ng-content>\n    ",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:E,decorators:[{type:p.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:i.Renderer2},{type:i.ElementRef},{type:r.LocalizationService}]},propDecorators:{hostClass:[{type:p.HostBinding,args:["class.k-stack-layout"]}],horizontalClass:[{type:p.HostBinding,args:["class.k-hstack"]}],verticalClass:[{type:p.HostBinding,args:["class.k-vstack"]}],dir:[{type:p.HostBinding,args:["attr.dir"]}],align:[{type:p.Input}],gap:[{type:p.Input}],orientation:[{type:p.Input}]}});D=[E],n=f([],y(D)),v=function(){},v.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:v,deps:[],target:i.ɵɵFactoryTarget.NgModule}),v.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:v,declarations:[E],imports:[t.CommonModule],exports:[E]}),v.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:v,imports:[[t.CommonModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:v,decorators:[{type:p.NgModule,args:[{declarations:[n],exports:[D],imports:[t.CommonModule]}]}]}),Object.defineProperty(di.prototype,"dir",{get:function(){return this.direction},enumerable:!1,configurable:!0}),Object.defineProperty(di.prototype,"align",{get:function(){return this._align},set:function(e){this._align=Object.assign({},this._align,e),this.handleAlignClasses()},enumerable:!1,configurable:!0}),di.prototype.ngAfterViewInit=function(){this.handleAlignClasses(),this.handleGridTemplateStyling("rows"),this.handleGridTemplateStyling("cols"),this.setGap()},di.prototype.ngOnChanges=function(e){h.isChanged("gap",e)&&this.setGap(),h.isChanged("rows",e)&&this.handleGridTemplateStyling("rows"),h.isChanged("cols",e)&&this.handleGridTemplateStyling("cols")},di.prototype.handleAlignClasses=function(){var e=this.element.nativeElement;d(this.justifyClass)&&this.renderer.removeClass(e,this.justifyClass),d(this.alignClass)&&this.renderer.removeClass(e,this.alignClass),this.justifyClass="k-justify-items-"+this.align.horizontal,this.alignClass=pi+"-"+ai[this.align.vertical],this.renderer.addClass(e,this.justifyClass),this.renderer.addClass(e,this.alignClass)},di.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)},di.prototype.handleGridTemplateStyling=function(e){if(d(this[e])){if(!function(e){var t,n;try{for(var i=ge(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])&&p.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(t?"number"==typeof t?t+"px":t:"0px")):(t=e.width,i.push(t?"number"==typeof t?t+"px":t:"0px"))}),i);this.renderer.setStyle(this.element.nativeElement,r,e.join(" "))}},Object.defineProperty(di.prototype,"direction",{get:function(){return this.localization.rtl?"rtl":"ltr"},enumerable:!1,configurable:!0}),n=di;function di(e,t,n){this.renderer=e,this.element=t,this.localization=n,this.hostClass=!0,this.gap=0,this._align={horizontal:"stretch",vertical:"stretch"},F.validatePackage(J)}n.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:n,deps:[{token:i.Renderer2},{token:i.ElementRef},{token:r.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),n.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.17",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:i,template:"\n        <ng-content></ng-content>\n    ",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:n,decorators:[{type:p.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:i.Renderer2},{type:i.ElementRef},{type:r.LocalizationService}]},propDecorators:{hostClass:[{type:p.HostBinding,args:["class.k-grid-layout"]}],dir:[{type:p.HostBinding,args:["attr.dir"]}],rows:[{type:p.Input}],cols:[{type:p.Input}],gap:[{type:p.Input}],align:[{type:p.Input}]}});ui.prototype.ngOnInit=function(){this.setItemStyle()},ui.prototype.ngOnChanges=function(){this.setItemStyle()},ui.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)};D=ui;function ui(e,t){this.renderer=e,this.element=t}D.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:D,deps:[{token:i.Renderer2},{token:i.ElementRef}],target:i.ɵɵFactoryTarget.Component}),D.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.17",type:D,selector:"kendo-gridlayout-item",inputs:{row:"row",col:"col",rowSpan:"rowSpan",colSpan:"colSpan"},usesOnChanges:!0,ngImport:i,template:"\n        <ng-content></ng-content>\n    ",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:D,decorators:[{type:p.Component,args:[{selector:"kendo-gridlayout-item",template:"\n        <ng-content></ng-content>\n    "}]}],ctorParameters:function(){return[{type:i.Renderer2},{type:i.ElementRef}]},propDecorators:{row:[{type:p.Input}],col:[{type:p.Input}],rowSpan:[{type:p.Input}],colSpan:[{type:p.Input}]}});var e=[n,D],gi=f([],y(e)),hi=function(){},gi=(hi.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:hi,deps:[],target:i.ɵɵFactoryTarget.NgModule}),hi.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:hi,declarations:[n,D],imports:[t.CommonModule],exports:[n,D]}),hi.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:hi,imports:[[t.CommonModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:hi,decorators:[{type:p.NgModule,args:[{declarations:[gi],exports:[e],imports:[t.CommonModule]}]}]}),function(){});gi.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:gi,deps:[],target:i.ɵɵFactoryTarget.NgModule}),gi.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:gi,exports:[ii,ri,oi,x,ni,si,w,L,I,v,hi]}),gi.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:gi,imports:[ii,ri,oi,x,ni,si,w,L,I,v,hi]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.17",ngImport:i,type:gi,decorators:[{type:p.NgModule,args:[{exports:[ii,ri,oi,x,ni,si,w,L,I,v,hi]}]}]}),l.AvatarComponent=z,l.AvatarModule=ii,l.CardAction=In,l.CardActionsComponent=fn,l.CardBodyComponent=mn,l.CardComponent=un,l.CardFooterComponent=yn,l.CardHeaderComponent=hn,l.CardMediaDirective=xn,l.CardModule=ri,l.CardSeparatorDirective=vn,l.CardSubtitleDirective=kn,l.CardTitleDirective=Sn,l.DrawerComponent=Rt,l.DrawerContainerComponent=Lt,l.DrawerContentComponent=Ht,l.DrawerFooterTemplateDirective=Ct,l.DrawerHeaderTemplateDirective=vt,l.DrawerItemTemplateDirective=bt,l.DrawerModule=oi,l.DrawerSelectEvent=At,l.DrawerTemplateDirective=S,l.ExpansionPanelActionEvent=Dn,l.ExpansionPanelComponent=zn,l.ExpansionPanelModule=ni,l.ExpansionPanelTitleDirective=wn,l.GridLayoutComponent=n,l.GridLayoutItemComponent=D,l.GridLayoutModule=hi,l.LayoutModule=gi,l.LocalizedStepperMessagesDirective=tn,l.LocalizedTabStripMessagesDirective=dt,l.PanelBarCollapseEvent=fe,l.PanelBarComponent=he,l.PanelBarContentDirective=s,l.PanelBarExpandEvent=Ce,l.PanelBarItemComponent=u,l.PanelBarItemTemplateDirective=de,l.PanelBarItemTitleDirective=ee,l.PanelBarModule=x,l.PanelBarSelectEvent=ke,l.PanelBarStateChangeEvent=we,l.SelectEvent=Me,l.SplitterComponent=Be,l.SplitterModule=si,l.SplitterPaneComponent=Te,l.StackLayoutComponent=E,l.StackLayoutModule=v,l.StepperActivateEvent=Q,l.StepperComponent=rn,l.StepperCustomMessagesComponent=pn,l.StepperIndicatorTemplateDirective=Wt,l.StepperLabelTemplateDirective=_t,l.StepperModule=w,l.StepperStepTemplateDirective=Kt,l.TabCloseEvent=Ae,l.TabComponent=st,l.TabContentDirective=Ve,l.TabStripComponent=gt,l.TabStripCustomMessagesComponent=mt,l.TabStripModule=L,l.TabStripTabComponent=Fe,l.TabTitleDirective=Le,l.TileLayoutComponent=o,l.TileLayoutItemBodyComponent=ti,l.TileLayoutItemComponent=Jn,l.TileLayoutItemHeaderComponent=Xn,l.TileLayoutModule=I,l.TileLayoutReorderEvent=Mn,l.TileLayoutResizeEvent=_n,l.TileLayoutResizeHandleDirective=Gn,Object.defineProperty(l,"__esModule",{value:!0})});