@progress/kendo-angular-navigation 2.1.0-dev.202210170736 → 2.1.0-dev.202210190753

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

@@ -2,4 +2,4 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@progress/kendo-angular-l10n"),require("@progress/kendo-licensing"),require("@progress/kendo-angular-common"),require("@angular/common"),require("rxjs"),require("rxjs/operators")):"function"==typeof define&&define.amd?define("KendoAngularNavigation",["exports","@angular/core","@progress/kendo-angular-l10n","@progress/kendo-licensing","@progress/kendo-angular-common","@angular/common","rxjs","rxjs/operators"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoAngularNavigation={},e.ng.core,e.KendoAngularL10N,e.KendoLicensing,e.KendoAngularCommon,e.ng.common,e.rxjs,e.rxjs.operators)}(this,function(e,r,t,z,o,n,a,s){"use strict";function L(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))}var i=L(r),l=L(t),p=L(o),c=L(n),A={name:"@progress/kendo-angular-navigation",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1665992185,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"},m=(Object.defineProperty(d.prototype,"topClass",{get:function(){return"top"===this.position},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"bottomClass",{get:function(){return"bottom"===this.position},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"stickyClass",{get:function(){return"sticky"===this.positionMode},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"fixedClass",{get:function(){return"fixed"===this.positionMode},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"staticClass",{get:function(){return"static"===this.positionMode},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"lightClass",{get:function(){return"light"===this.themeColor},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"darkClass",{get:function(){return"dark"===this.themeColor},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"inheritClass",{get:function(){return"inherit"===this.themeColor},enumerable:!1,configurable:!0}),d.prototype.ngOnDestroy=function(){this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe()},d);function d(e){var t=this;this.localizationService=e,this.hostClass=!0,this.position="top",this.positionMode="static",this.themeColor="light",this.rtl=!1,z.validatePackage(A),this.dynamicRTLSubscription=this.localizationService.changes.subscribe(function(e){e=e.rtl;t.rtl=e,t.direction=t.rtl?"rtl":"ltr"})}m.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:m,deps:[{token:l.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),m.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:m,selector:"kendo-appbar",inputs:{position:"position",positionMode:"positionMode",themeColor:"themeColor"},host:{properties:{"class.k-appbar":"this.hostClass","class.k-appbar-top":"this.topClass","class.k-appbar-bottom":"this.bottomClass","class.k-appbar-sticky":"this.stickyClass","class.k-appbar-fixed":"this.fixedClass","class.k-appbar-static":"this.staticClass","class.k-appbar-light":"this.lightClass","class.k-appbar-dark":"this.darkClass","class.k-appbar-inherit":"this.inheritClass","attr.dir":"this.direction"}},providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.appbar.component"}],exportAs:["kendoAppBar"],ngImport:i,template:"\n        <ng-content></ng-content>\n    ",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:m,decorators:[{type:r.Component,args:[{exportAs:"kendoAppBar",selector:"kendo-appbar",template:"\n        <ng-content></ng-content>\n    ",providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.appbar.component"}]}]}],ctorParameters:function(){return[{type:l.LocalizationService}]},propDecorators:{hostClass:[{type:r.HostBinding,args:["class.k-appbar"]}],topClass:[{type:r.HostBinding,args:["class.k-appbar-top"]}],bottomClass:[{type:r.HostBinding,args:["class.k-appbar-bottom"]}],stickyClass:[{type:r.HostBinding,args:["class.k-appbar-sticky"]}],fixedClass:[{type:r.HostBinding,args:["class.k-appbar-fixed"]}],staticClass:[{type:r.HostBinding,args:["class.k-appbar-static"]}],lightClass:[{type:r.HostBinding,args:["class.k-appbar-light"]}],darkClass:[{type:r.HostBinding,args:["class.k-appbar-dark"]}],inheritClass:[{type:r.HostBinding,args:["class.k-appbar-inherit"]}],direction:[{type:r.HostBinding,args:["attr.dir"]}],position:[{type:r.Input}],positionMode:[{type:r.Input}],themeColor:[{type:r.Input}]}});function j(e){var t=e.offsetWidth,e=getComputedStyle(e);return t+=(parseFloat(e.marginLeft)||0)+(parseFloat(e.marginRight)||0)}function H(e){var t=$(e);return[0<t.length?t[0]:e,0<t.length?t[t.length-1]:e]}function P(e){var t,n,i;if(o.isDocumentAvailable())return t=document.querySelectorAll(".k-actionsheet-action"),n=o.closestInScope(e,function(e){return null==(e=e.classList)?void 0:e.contains("k-actionsheet-action")},_),i=null,t.forEach(function(e,t){e===n&&(i=t)}),i}var u=function(){this.hostClass=!0},_=(u.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:u,deps:[],target:i.ɵɵFactoryTarget.Component}),u.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:u,selector:"kendo-appbar-section",host:{properties:{"class.k-appbar-section":"this.hostClass"}},ngImport:i,template:"\n        <ng-content></ng-content>\n    ",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:u,decorators:[{type:r.Component,args:[{selector:"kendo-appbar-section",template:"\n        <ng-content></ng-content>\n    "}]}],propDecorators:{hostClass:[{type:r.HostBinding,args:["class.k-appbar-section"]}]}}),this),g=function(e){return null!=e},$=function(e){return e.querySelectorAll(Z)},Z=["a[href]","area[href]","input:not([disabled])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])","iframe","object","embed","*[tabindex]","*[contenteditable]"].join(","),K=0,G=/^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/,f=(Object.defineProperty(q.prototype,"sizedClass",{get:function(){return g(this.width)},enumerable:!1,configurable:!0}),q.prototype.ngAfterViewInit=function(){var e;g(this.width)&&(e=this.element.nativeElement,this.renderer.setStyle(e,"flexBasis",this.width))},q);function q(e,t){this.renderer=e,this.element=t,this.hostClass=!0}f.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:f,deps:[{token:i.Renderer2},{token:i.ElementRef}],target:i.ɵɵFactoryTarget.Component}),f.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:f,selector:"kendo-appbar-spacer",inputs:{width:"width"},host:{properties:{"class.k-appbar-spacer":"this.hostClass","class.k-appbar-spacer-sized":"this.sizedClass"}},ngImport:i,template:"",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:f,decorators:[{type:r.Component,args:[{selector:"kendo-appbar-spacer",template:""}]}],ctorParameters:function(){return[{type:i.Renderer2},{type:i.ElementRef}]},propDecorators:{hostClass:[{type:r.HostBinding,args:["class.k-appbar-spacer"]}],sizedClass:[{type:r.HostBinding,args:["class.k-appbar-spacer-sized"]}],width:[{type:r.Input}]}});var U=function(e,t){return(U=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)};Object.create;function h(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var i,o,s=n.call(e),r=[];try{for(;(void 0===t||0<t--)&&!(i=s.next()).done;)r.push(i.value)}catch(e){o={error:e}}finally{try{i&&!i.done&&(n=s.return)&&n.call(s)}finally{if(o)throw o.error}}return r}function y(e,t,n){if(n||2===arguments.length)for(var i,o=0,s=t.length;o<s;o++)!i&&o in t||((i=i||Array.prototype.slice.call(t,0,o))[o]=t[o]);return e.concat(i||Array.prototype.slice.call(t))}Object.create;var b=[m,u,f],k=y([],h(b)),I=function(){},k=(I.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:I,deps:[],target:i.ɵɵFactoryTarget.NgModule}),I.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:I,declarations:[m,u,f],imports:[n.CommonModule],exports:[m,u,f]}),I.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:I,imports:[[n.CommonModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:I,decorators:[{type:r.NgModule,args:[{declarations:[k],exports:[b],imports:[n.CommonModule]}]}]}),function(e){this.templateRef=e}),X=(k.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:k,deps:[{token:i.TemplateRef,optional:!0}],target:i.ɵɵFactoryTarget.Directive}),k.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:k,selector:"[kendoBreadCrumbItemTemplate]",ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:k,decorators:[{type:r.Directive,args:[{selector:"[kendoBreadCrumbItemTemplate]"}]}],ctorParameters:function(){return[{type:i.TemplateRef,decorators:[{type:r.Optional}]}]}}),"data-kendo-breadcrumb-index"),b=(Object.defineProperty(W.prototype,"isRootItem",{get:function(){return this.item.context.isFirst},enumerable:!1,configurable:!0}),Object.defineProperty(W.prototype,"isDisabled",{get:function(){return this.disabled||null},enumerable:!1,configurable:!0}),Object.defineProperty(W.prototype,"isLastItem",{get:function(){return this.item.context.isLast},enumerable:!1,configurable:!0}),W.prototype.ngOnInit=function(){this.disabled=this.item.data&&(this.item.data.disabled||this.item.context.isLast)},W.prototype.ngAfterViewInit=function(){o.isDocumentAvailable()&&(this.width=j(this.el.nativeElement))},W.prototype.onImageLoad=function(){o.isDocumentAvailable()&&(this.width=j(this.el.nativeElement))},W);function W(e){this.el=e,this.index=-1,this.hostClasses=!0,this.disabled=!1}b.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:b,deps:[{token:i.ElementRef}],target:i.ɵɵFactoryTarget.Component}),b.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:b,selector:"[kendoBreadCrumbItem]",inputs:{item:"item",collapseMode:"collapseMode",index:"index",itemTemplate:"itemTemplate"},host:{properties:{"class.k-flex-none":"this.hostClasses","class.k-breadcrumb-item":"this.hostClasses","class.k-breadcrumb-root-item":"this.isRootItem","attr.aria-disabled":"this.isDisabled","class.k-breadcrumb-last-item":"this.isLastItem"}},ngImport:i,template:'\n        <ng-template #separator>\n            <ng-content select="[kendoBreadCrumbSeparator]"></ng-content>\n        </ng-template>\n\n        <ng-container *ngIf="collapseMode === \'wrap\'">\n            <ng-container *ngTemplateOutlet="separator"></ng-container>\n        </ng-container>\n\n        <ng-container *ngIf="!item.context.collapsed">\n            <span\n                *ngIf="!itemTemplate"\n                [ngClass]="{\n                    \'k-breadcrumb-root-link\': item.context.isFirst,\n                    \'k-breadcrumb-link\': index !== 0,\n                    \'k-breadcrumb-icontext-link\': !!item.data.icon && !!item.data.text,\n                    \'k-breadcrumb-icon-link\': !!item.data.icon && !item.data.text,\n                    \'k-disabled\': disabled\n                }"\n                [title]="item.data.title || \'\'"\n                [tabindex]="disabled ? -1 : 0"\n                [attr.aria-current]="item.context.isLast ? true : null"\n                role="link"\n                class="k-cursor-pointer k-flex-none"\n            >\n                <img *ngIf="item.data.imageUrl" (load)="onImageLoad()" [src]="item.data.imageUrl" class="k-image" role="presentation" />\n                <span *ngIf="item.data.icon && !item.data.iconClass" class="k-icon k-i-{{ item.data.icon }}"></span>\n                <span *ngIf="item.data.iconClass" class="{{ item.data.iconClass }}"></span>\n                {{ item.data.text }}\n            </span>\n            <ng-template\n                *ngIf="itemTemplate"\n                [ngTemplateOutlet]="itemTemplate"\n                [ngTemplateOutletContext]="{\n                    $implicit: item.data,\n                    index: index\n                }"\n            ></ng-template>\n        </ng-container>\n\n        <ng-container *ngIf="collapseMode !== \'wrap\'">\n            <ng-container *ngTemplateOutlet="separator"></ng-container>\n        </ng-container>\n    ',isInline:!0,directives:[{type:c.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:c.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]},{type:c.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:b,decorators:[{type:r.Component,args:[{selector:"[kendoBreadCrumbItem]",template:'\n        <ng-template #separator>\n            <ng-content select="[kendoBreadCrumbSeparator]"></ng-content>\n        </ng-template>\n\n        <ng-container *ngIf="collapseMode === \'wrap\'">\n            <ng-container *ngTemplateOutlet="separator"></ng-container>\n        </ng-container>\n\n        <ng-container *ngIf="!item.context.collapsed">\n            <span\n                *ngIf="!itemTemplate"\n                [ngClass]="{\n                    \'k-breadcrumb-root-link\': item.context.isFirst,\n                    \'k-breadcrumb-link\': index !== 0,\n                    \'k-breadcrumb-icontext-link\': !!item.data.icon && !!item.data.text,\n                    \'k-breadcrumb-icon-link\': !!item.data.icon && !item.data.text,\n                    \'k-disabled\': disabled\n                }"\n                [title]="item.data.title || \'\'"\n                [tabindex]="disabled ? -1 : 0"\n                [attr.aria-current]="item.context.isLast ? true : null"\n                role="link"\n                class="k-cursor-pointer k-flex-none"\n            >\n                <img *ngIf="item.data.imageUrl" (load)="onImageLoad()" [src]="item.data.imageUrl" class="k-image" role="presentation" />\n                <span *ngIf="item.data.icon && !item.data.iconClass" class="k-icon k-i-{{ item.data.icon }}"></span>\n                <span *ngIf="item.data.iconClass" class="{{ item.data.iconClass }}"></span>\n                {{ item.data.text }}\n            </span>\n            <ng-template\n                *ngIf="itemTemplate"\n                [ngTemplateOutlet]="itemTemplate"\n                [ngTemplateOutletContext]="{\n                    $implicit: item.data,\n                    index: index\n                }"\n            ></ng-template>\n        </ng-container>\n\n        <ng-container *ngIf="collapseMode !== \'wrap\'">\n            <ng-container *ngTemplateOutlet="separator"></ng-container>\n        </ng-container>\n    '}]}],ctorParameters:function(){return[{type:i.ElementRef}]},propDecorators:{item:[{type:r.Input}],collapseMode:[{type:r.Input}],index:[{type:r.Input}],itemTemplate:[{type:r.Input}],hostClasses:[{type:r.HostBinding,args:["class.k-flex-none"]},{type:r.HostBinding,args:["class.k-breadcrumb-item"]}],isRootItem:[{type:r.HostBinding,args:["class.k-breadcrumb-root-item"]}],isDisabled:[{type:r.HostBinding,args:["attr.aria-disabled"]}],isLastItem:[{type:r.HostBinding,args:["class.k-breadcrumb-last-item"]}]}});function Q(e,t){return+e.getAttribute(t)}function J(e,t,n){return Y(e,t,ee,n)}var Y=function(e,t,n,i){for(;e&&e!==i&&!n(e,t);)e=e.parentNode;if(e!==i)return e},ee=function(e,t){return g(e.getAttribute(t))},v=(Object.defineProperty(te.prototype,"icon",{get:function(){return this._icon},set:function(e){var t=this.el.nativeElement;t.classList.remove("k-i-"+this._icon),g(e)?(this._icon=e,this.hasDefaultIcon=!1):(this._icon="ltr"===this.direction?"chevron-right":"chevron-left",this.hasDefaultIcon=!0),t.classList.add("k-i-"+this._icon)},enumerable:!1,configurable:!0}),te.prototype.ngOnInit=function(){var t=this;this.localizationChangesSubscription=this.localization.changes.subscribe(function(e){e=e.rtl;t.direction=e?"rtl":"ltr",t.hasDefaultIcon&&(t.icon=void 0)})},te.prototype.ngOnDestroy=function(){this.localizationChangesSubscription.unsubscribe()},te);function te(e,t){this.el=e,this.localization=t,this.defaultClasses=!0,this.ariaHidden=!0,this.direction="ltr",this.direction=this.localization.rtl?"rtl":"ltr"}v.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:v,deps:[{token:i.ElementRef},{token:l.LocalizationService}],target:i.ɵɵFactoryTarget.Directive}),v.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:v,selector:"[kendoBreadCrumbSeparator]",inputs:{icon:"icon"},host:{properties:{"class.k-breadcrumb-delimiter-icon":"this.defaultClasses","class.k-icon":"this.defaultClasses","attr.aria-hidden":"this.ariaHidden"}},ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:v,decorators:[{type:r.Directive,args:[{selector:"[kendoBreadCrumbSeparator]"}]}],ctorParameters:function(){return[{type:i.ElementRef},{type:l.LocalizationService}]},propDecorators:{icon:[{type:r.Input}],defaultClasses:[{type:r.HostBinding,args:["class.k-breadcrumb-delimiter-icon"]},{type:r.HostBinding,args:["class.k-icon"]}],ariaHidden:[{type:r.HostBinding,args:["attr.aria-hidden"]}]}});ne.prototype.ngOnDestroy=function(){this.domEventsSubscription.unsubscribe()},ne.prototype.getItemIndex=function(e){e=J(e,X,this.el.nativeElement);if(e)return Q(e,X)};var C=ne;function ne(e,t){var n=this,i=(this.el=e,this.zone=t,this.items=[],this.collapseMode="auto",this.itemClick=new r.EventEmitter,this.el.nativeElement);this.isRootItemContainer=i.classList.contains("k-breadcrumb-root-item-container"),this.zone.runOutsideAngular(function(){var e=a.fromEvent(i,"click"),t=a.fromEvent(i,"keydown").pipe(s.filter(function(e){return e.keyCode===o.Keys.Enter}));n.domEventsSubscription=a.merge(e,t).pipe(s.map(function(e){return e.target}),s.filter(function(e){return!e.classList.contains("k-breadcrumb-delimiter-icon")}),s.map(function(e){return n.getItemIndex(e)}),s.filter(g),s.map(function(e){return parseInt(e,10)}),s.map(function(e){return n.items[e]}),s.filter(function(e){return!e.data.disabled&&!e.context.isLast}),s.map(function(e){return e.data})).subscribe(function(e){n.zone.run(function(){return n.itemClick.emit(e)})})})}C.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:C,deps:[{token:i.ElementRef},{token:i.NgZone}],target:i.ɵɵFactoryTarget.Component}),C.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:C,selector:"[kendoBreadCrumbList]",inputs:{items:"items",itemTemplate:"itemTemplate",collapseMode:"collapseMode",separatorIcon:"separatorIcon"},outputs:{itemClick:"itemClick"},viewQueries:[{propertyName:"renderedItems",predicate:b,descendants:!0}],ngImport:i,template:'\n        <ng-container *ngFor="let item of items; let i = index; let isFirst = first; let isLast = last">\n            <li\n                #renderedItem\n                kendoBreadCrumbItem\n                *ngIf="!(collapseMode === \'wrap\' && isFirst) || isRootItemContainer"\n                [attr.data-kendo-breadcrumb-index]="i"\n                [item]="item"\n                [index]="i"\n                [collapseMode]="collapseMode"\n                [itemTemplate]="itemTemplate"\n            >\n                <span kendoBreadCrumbSeparator [icon]="separatorIcon" *ngIf="collapseMode === \'wrap\' && !isFirst"></span>\n                <span\n                    kendoBreadCrumbSeparator\n                    [icon]="separatorIcon"\n                    *ngIf="collapseMode !== \'wrap\' && !isLast && !(item?.context.collapsed && items[i + 1]?.context.collapsed)"\n                ></span>\n            </li>\n        </ng-container>\n    ',isInline:!0,components:[{type:b,selector:"[kendoBreadCrumbItem]",inputs:["item","collapseMode","index","itemTemplate"]}],directives:[{type:c.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:c.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:v,selector:"[kendoBreadCrumbSeparator]",inputs:["icon"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:C,decorators:[{type:r.Component,args:[{selector:"[kendoBreadCrumbList]",template:'\n        <ng-container *ngFor="let item of items; let i = index; let isFirst = first; let isLast = last">\n            <li\n                #renderedItem\n                kendoBreadCrumbItem\n                *ngIf="!(collapseMode === \'wrap\' && isFirst) || isRootItemContainer"\n                [attr.'+X+']="i"\n                [item]="item"\n                [index]="i"\n                [collapseMode]="collapseMode"\n                [itemTemplate]="itemTemplate"\n            >\n                <span kendoBreadCrumbSeparator [icon]="separatorIcon" *ngIf="collapseMode === \'wrap\' && !isFirst"></span>\n                <span\n                    kendoBreadCrumbSeparator\n                    [icon]="separatorIcon"\n                    *ngIf="collapseMode !== \'wrap\' && !isLast && !(item?.context.collapsed && items[i + 1]?.context.collapsed)"\n                ></span>\n            </li>\n        </ng-container>\n    '}]}],ctorParameters:function(){return[{type:i.ElementRef},{type:i.NgZone}]},propDecorators:{items:[{type:r.Input}],itemTemplate:[{type:r.Input}],collapseMode:[{type:r.Input}],separatorIcon:[{type:r.Input}],itemClick:[{type:r.Output}],renderedItems:[{type:r.ViewChildren,args:[b]}]}});function ie(e){return!0===re(e)}function oe(e){return!1===re(e)}function se(t){return function(e){return e.find(function(e){return re(e)===t}).item.context.collapsed=!t}}var re=function(e){return e.item.context.collapsed},ae=se(!1),le=se(!0),T=(Object.defineProperty(x.prototype,"items",{get:function(){return this._items},set:function(e){this._items=e||[],this.updateItems.next(this._items)},enumerable:!1,configurable:!0}),Object.defineProperty(x.prototype,"collapseMode",{get:function(){return this._collapseMode},set:function(e){if(r.isDevMode()&&["auto","wrap","none"].indexOf(e)<0)throw new Error('Invalid collapse mode. Allowed values are "auto", "wrap" or "none". \nFor more details see https://www.telerik.com/kendo-angular-ui/components/navigation/api/BreadCrumbCollapseMode/');this._collapseMode=e||"auto",this.updateItems.next(this.items)},enumerable:!1,configurable:!0}),Object.defineProperty(x.prototype,"wrapMode",{get:function(){return"wrap"===this.collapseMode},enumerable:!1,configurable:!0}),Object.defineProperty(x.prototype,"getDir",{get:function(){return this.direction},enumerable:!1,configurable:!0}),x.prototype.ngOnInit=function(){var t=this;this.subscriptions.add(this.localization.changes.subscribe(function(e){e=e.rtl;return t.direction=e?"rtl":"ltr"}))},x.prototype.ngAfterViewInit=function(){this.attachResizeHandler(),this.afterViewInit.next()},x.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},x.prototype.handleResize=function(){var e=y([],h(this.listComponent.renderedItems.toArray().filter(function(e){return!e.item.context.isFirst&&!e.item.context.isLast}))),t=j(this.el.nativeElement),n=Math.floor(this.itemsContainers.toArray().map(function(e){return j(e.nativeElement)}).reduce(function(e,t){return e+t},0)),i=(y([],h(e)).reverse().find(ie)||{width:0}).width;return t<=n&&e.find(oe)?(ae(e),this.cdr.detectChanges(),this.handleResize()):n+i<t&&e.find(ie)?(le(y([],h(e)).reverse()),this.cdr.detectChanges(),this.handleResize()):void 0},x.prototype.shouldResize=function(){return o.isDocumentAvailable()&&"auto"===this.collapseMode},x.prototype.attachResizeHandler=function(){var e=this;this.subscriptions.add(a.merge(this.resizeSensor.resize,this.itemsData$,this.afterViewInit.asObservable()).pipe(s.filter(function(){return e.shouldResize()})).subscribe(function(){e.zone.runOutsideAngular(function(){return setTimeout(function(){e.zone.run(function(){e.listComponent&&(e.handleResize(),e.resizeSensor.acceptSize())})})})}))},x);function x(e,t,n,i){this.el=e,this.cdr=t,this.zone=n,this.localization=i,this.itemClick=new r.EventEmitter,this.hostClasses=!0,this._items=[],this._collapseMode="auto",this.updateItems=new a.ReplaySubject,this.afterViewInit=new a.Subject,this.subscriptions=new a.Subscription,this.direction="ltr",z.validatePackage(A);e=this.updateItems.asObservable().pipe(s.startWith([]));this.direction=i.rtl?"rtl":"ltr",this.itemsData$=e.pipe(s.map(function(e){return e.filter(Boolean)}),s.map(function(e){return e.map(function(e,t,n){return{context:{collapsed:!1,isLast:t===n.length-1,isFirst:0===t},data:e}})}),s.share()),this.firstItem$=e.pipe(s.map(function(e){return 0<e.length?[{context:{collapsed:!1,isLast:1===e.length,isFirst:!0},data:e[0]}]:[]}),s.share())}T.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:T,deps:[{token:i.ElementRef},{token:i.ChangeDetectorRef},{token:i.NgZone},{token:l.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),T.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:T,selector:"kendo-breadcrumb",inputs:{items:"items",separatorIcon:"separatorIcon",collapseMode:"collapseMode"},outputs:{itemClick:"itemClick"},host:{properties:{"class.k-widget":"this.hostClasses","class.k-breadcrumb":"this.hostClasses","class.k-breadcrumb-wrap":"this.wrapMode","attr.dir":"this.getDir"}},providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.breadcrumb"}],queries:[{propertyName:"itemTemplate",first:!0,predicate:k,descendants:!0}],viewQueries:[{propertyName:"resizeSensor",first:!0,predicate:["resizeSensor"],descendants:!0,static:!0},{propertyName:"listComponent",first:!0,predicate:C,descendants:!0,static:!0},{propertyName:"itemsContainers",predicate:["itemsContainer"],descendants:!0,read:r.ElementRef}],exportAs:["kendoBreadCrumb"],ngImport:i,template:'\n        <ol\n            #itemsContainer\n            kendoBreadCrumbList\n            class="k-breadcrumb-root-item-container"\n            *ngIf="collapseMode === \'wrap\'"\n            [items]="firstItem$ | async"\n            [itemTemplate]="itemTemplate?.templateRef"\n            [collapseMode]="collapseMode"\n            [separatorIcon]="separatorIcon"\n            (itemClick)="itemClick.emit($event)"\n        ></ol>\n        <ol\n            #itemsContainer\n            kendoBreadCrumbList\n            class="k-breadcrumb-container"\n            [items]="itemsData$ | async"\n            [itemTemplate]="itemTemplate?.templateRef"\n            [collapseMode]="collapseMode"\n            [separatorIcon]="separatorIcon"\n            (itemClick)="itemClick.emit($event)"\n            [ngClass]="{ \'k-flex-wrap\': collapseMode === \'wrap\', \'k-flex-none\': collapseMode === \'none\' }"\n        ></ol>\n        <kendo-resize-sensor [rateLimit]="1000" #resizeSensor></kendo-resize-sensor>\n    ',isInline:!0,components:[{type:C,selector:"[kendoBreadCrumbList]",inputs:["items","itemTemplate","collapseMode","separatorIcon"],outputs:["itemClick"]},{type:p.ResizeSensorComponent,selector:"kendo-resize-sensor",inputs:["rateLimit"],outputs:["resize"]}],directives:[{type:c.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:c.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}],pipes:{async:c.AsyncPipe}}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:T,decorators:[{type:r.Component,args:[{exportAs:"kendoBreadCrumb",selector:"kendo-breadcrumb",providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.breadcrumb"}],template:'\n        <ol\n            #itemsContainer\n            kendoBreadCrumbList\n            class="k-breadcrumb-root-item-container"\n            *ngIf="collapseMode === \'wrap\'"\n            [items]="firstItem$ | async"\n            [itemTemplate]="itemTemplate?.templateRef"\n            [collapseMode]="collapseMode"\n            [separatorIcon]="separatorIcon"\n            (itemClick)="itemClick.emit($event)"\n        ></ol>\n        <ol\n            #itemsContainer\n            kendoBreadCrumbList\n            class="k-breadcrumb-container"\n            [items]="itemsData$ | async"\n            [itemTemplate]="itemTemplate?.templateRef"\n            [collapseMode]="collapseMode"\n            [separatorIcon]="separatorIcon"\n            (itemClick)="itemClick.emit($event)"\n            [ngClass]="{ \'k-flex-wrap\': collapseMode === \'wrap\', \'k-flex-none\': collapseMode === \'none\' }"\n        ></ol>\n        <kendo-resize-sensor [rateLimit]="1000" #resizeSensor></kendo-resize-sensor>\n    '}]}],ctorParameters:function(){return[{type:i.ElementRef},{type:i.ChangeDetectorRef},{type:i.NgZone},{type:l.LocalizationService}]},propDecorators:{items:[{type:r.Input}],separatorIcon:[{type:r.Input}],collapseMode:[{type:r.Input}],itemClick:[{type:r.Output}],resizeSensor:[{type:r.ViewChild,args:["resizeSensor",{static:!0}]}],itemsContainers:[{type:r.ViewChildren,args:["itemsContainer",{read:r.ElementRef}]}],listComponent:[{type:r.ViewChild,args:[C,{static:!0}]}],itemTemplate:[{type:r.ContentChild,args:[k,{static:!1}]}],hostClasses:[{type:r.HostBinding,args:["class.k-widget"]},{type:r.HostBinding,args:["class.k-breadcrumb"]}],wrapMode:[{type:r.HostBinding,args:["class.k-breadcrumb-wrap"]}],getDir:[{type:r.HostBinding,args:["attr.dir"]}]}});var p=y([T,b,C],h([k])),D=y(y([],h(p)),[v]),M=function(){},v=(M.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:M,deps:[],target:i.ɵɵFactoryTarget.NgModule}),M.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:M,declarations:[T,b,C,k,v],imports:[n.CommonModule,o.ResizeSensorModule],exports:[T,b,C,k]}),M.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:M,imports:[[n.CommonModule,o.ResizeSensorModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:M,decorators:[{type:r.NgModule,args:[{declarations:[D],exports:[p],imports:[n.CommonModule,o.ResizeSensorModule]}]}]}),Object.defineProperty(O.prototype,"disabledClass",{get:function(){return this.item.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"horizontalItemClass",{get:function(){return"horizontal"===this.orientation},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"verticalItemClass",{get:function(){return"vertical"===this.orientation},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"label",{get:function(){return this.item.text||null},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"tabindex",{get:function(){return this.item.tabIndex||0},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"selectedClass",{get:function(){return this.selectedIdx?this.selectedIdx===this.index:this.item.selected},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"itemIcon",{get:function(){return!(!this.item.icon&&!this.item.iconClass)},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"iconClasses",{get:function(){return(this.item.icon?"k-icon k-i-"+this.item.icon:"")+" "+(this.item.iconClass||"")},enumerable:!1,configurable:!0}),O);function O(){}v.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:v,deps:[],target:i.ɵɵFactoryTarget.Component}),v.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:v,selector:"[kendoBottomNavigationItem]",inputs:{itemTemplate:"itemTemplate",item:"item",index:"index",disabledComponent:"disabledComponent",selectedIdx:"selectedIdx",orientation:"orientation"},host:{properties:{"attr.aria-disabled":"this.disabledClass","class.k-disabled":"this.disabledClass","class.k-hstack":"this.horizontalItemClass","class.k-vstack":"this.verticalItemClass","attr.aria-label":"this.label","attr.tabindex":"this.tabindex","attr.aria-selected":"this.selectedClass","class.k-selected":"this.selectedClass"}},ngImport:i,template:'\n        <ng-container *ngIf="!itemTemplate">\n            <span *ngIf="itemIcon" class="k-bottom-nav-item-icon" [ngClass]="iconClasses"></span>\n            <span *ngIf="item.text" class="k-bottom-nav-item-text">{{item.text}}</span>\n        </ng-container>\n        <ng-template *ngIf="itemTemplate"\n            [ngTemplateOutlet]="itemTemplate?.templateRef"\n            [ngTemplateOutletContext]="{ $implicit: item }">\n        </ng-template>\n    ',isInline:!0,directives:[{type:c.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:c.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:c.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:v,decorators:[{type:r.Component,args:[{selector:"[kendoBottomNavigationItem]",template:'\n        <ng-container *ngIf="!itemTemplate">\n            <span *ngIf="itemIcon" class="k-bottom-nav-item-icon" [ngClass]="iconClasses"></span>\n            <span *ngIf="item.text" class="k-bottom-nav-item-text">{{item.text}}</span>\n        </ng-container>\n        <ng-template *ngIf="itemTemplate"\n            [ngTemplateOutlet]="itemTemplate?.templateRef"\n            [ngTemplateOutletContext]="{ $implicit: item }">\n        </ng-template>\n    '}]}],propDecorators:{itemTemplate:[{type:r.Input}],item:[{type:r.Input}],index:[{type:r.Input}],disabledComponent:[{type:r.Input}],selectedIdx:[{type:r.Input}],orientation:[{type:r.Input}],disabledClass:[{type:r.HostBinding,args:["attr.aria-disabled"]},{type:r.HostBinding,args:["class.k-disabled"]}],horizontalItemClass:[{type:r.HostBinding,args:["class.k-hstack"]}],verticalItemClass:[{type:r.HostBinding,args:["class.k-vstack"]}],label:[{type:r.HostBinding,args:["attr.aria-label"]}],tabindex:[{type:r.HostBinding,args:["attr.tabindex"]}],selectedClass:[{type:r.HostBinding,args:["attr.aria-selected"]},{type:r.HostBinding,args:["class.k-selected"]}]}});D=function(e){this.templateRef=e};function pe(e){this.prevented=!1,Object.assign(this,e)}D.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:D,deps:[{token:i.TemplateRef,optional:!0}],target:i.ɵɵFactoryTarget.Directive}),D.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:D,selector:"[kendoBottomNavigationItemTemplate]",ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:D,decorators:[{type:r.Directive,args:[{selector:"[kendoBottomNavigationItemTemplate]"}]}],ctorParameters:function(){return[{type:i.TemplateRef,decorators:[{type:r.Optional}]}]}}),pe.prototype.preventDefault=function(){this.prevented=!0},pe.prototype.isDefaultPrevented=function(){return this.prevented};var ce=function(e){var t=o,n=e;if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function i(){this.constructor=t}function o(){return null!==e&&e.apply(this,arguments)||this}return U(t,n),t.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i),o}(pe),me="data-kendo-bottomnavigation-index",de=["primary","secondary","tertiary","info","success","warning","error","dark","light","inverse"],p=(Object.defineProperty(S.prototype,"fill",{get:function(){return this._fill},set:function(e){this.renderer.removeClass(this._nativeHostElement,"k-bottom-nav-"+this.fill),this._fill="solid"===e?"solid":"flat",this.renderer.addClass(this._nativeHostElement,"k-bottom-nav-"+this._fill)},enumerable:!1,configurable:!0}),Object.defineProperty(S.prototype,"itemFlow",{get:function(){return this._itemFlow},set:function(e){this.renderer.removeClass(this._nativeHostElement,"k-bottom-nav-item-flow-"+this.itemFlow),this._itemFlow="horizontal"===e?"horizontal":"vertical",this.renderer.addClass(this._nativeHostElement,"k-bottom-nav-item-flow-"+this._itemFlow)},enumerable:!1,configurable:!0}),Object.defineProperty(S.prototype,"positionMode",{get:function(){return this._positionMode},set:function(e){this.renderer.removeClass(this._nativeHostElement,"k-pos-"+this.positionMode),this._positionMode="sticky"===e?"sticky":"fixed",this.renderer.addClass(this._nativeHostElement,"k-pos-"+this._positionMode)},enumerable:!1,configurable:!0}),Object.defineProperty(S.prototype,"themeColor",{get:function(){return this._themeColor},set:function(t){de.find(function(e){return e===t})&&(this.renderer.removeClass(this._nativeHostElement,"k-bottom-nav-"+this._themeColor),this._themeColor=t,this.renderer.addClass(this._nativeHostElement,"k-bottom-nav-"+this._themeColor))},enumerable:!1,configurable:!0}),Object.defineProperty(S.prototype,"borderClass",{get:function(){return this.border},enumerable:!1,configurable:!0}),Object.defineProperty(S.prototype,"disabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),S.prototype.ngOnInit=function(){this.initDomEvents()},S.prototype.ngAfterViewInit=function(){this.applyClasses()},S.prototype.ngOnDestroy=function(){this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe(),this.subscriptions.unsubscribe()},S.prototype.selectItem=function(e,t){t=new ce(Object.assign({},t));this.select.emit(t),t.isDefaultPrevented()||(this.selectedIdx=e)},S.prototype.applyClasses=function(){this.renderer.addClass(this._nativeHostElement,"k-bottom-nav-"+this.fill),this.renderer.addClass(this._nativeHostElement,"k-bottom-nav-item-flow-"+this.itemFlow),this.renderer.addClass(this._nativeHostElement,"k-pos-"+this.positionMode),this.renderer.addClass(this._nativeHostElement,"k-bottom-nav-"+this.themeColor)},S.prototype.initDomEvents=function(){var e=this;this.hostElement&&this.ngZone.runOutsideAngular(function(){e.subscriptions.add(e.renderer.listen(e._nativeHostElement,"click",e.clickHandler.bind(e))),e.subscriptions.add(e.renderer.listen(e._nativeHostElement,"keydown",e.keyDownHandler.bind(e)))})},S.prototype.clickHandler=function(e){var t,n=this,i=this.getBottomNavigationItemIndex(e.target),o=this.items[i];o&&(o.disabled?e.preventDefault():(t={index:i,item:o,originalEvent:e,sender:this},this.ngZone.run(function(){n.selectItem(i,t),n.changeDetector.markForCheck()})))},S.prototype.keyDownHandler=function(e){e.keyCode!==o.Keys.Enter&&e.keyCode!==o.Keys.Space||this.clickHandler(e)},S.prototype.getBottomNavigationItemIndex=function(e){e=J(e,me,this._nativeHostElement);if(e)return Q(e,me)},S);function S(e,t,n,i,o){var s=this;this.localization=e,this.hostElement=t,this.ngZone=n,this.changeDetector=i,this.renderer=o,this.border=!1,this.disabled=!1,this.select=new r.EventEmitter,this.hostClass=!0,this.role="navigation",this._fill="flat",this._itemFlow="vertical",this._positionMode="fixed",this._themeColor="primary",this._nativeHostElement=this.hostElement.nativeElement,this.subscriptions=new a.Subscription,this.rtl=!1,z.validatePackage(A),this.dynamicRTLSubscription=this.localization.changes.subscribe(function(e){e=e.rtl;s.rtl=e,s.direction=s.rtl?"rtl":"ltr"})}p.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:p,deps:[{token:l.LocalizationService},{token:i.ElementRef},{token:i.NgZone},{token:i.ChangeDetectorRef},{token:i.Renderer2}],target:i.ɵɵFactoryTarget.Component}),p.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:p,selector:"kendo-bottomnavigation",inputs:{items:"items",border:"border",disabled:"disabled",fill:"fill",itemFlow:"itemFlow",positionMode:"positionMode",themeColor:"themeColor"},outputs:{select:"select"},host:{properties:{"class.k-hstack":"this.hostClass","class.k-justify-content-stretch":"this.hostClass","class.k-bottom-nav":"this.hostClass","class.k-bottom-nav-border":"this.borderClass","class.k-disabled":"this.disabledClass","attr.role":"this.role","attr.dir":"this.direction"}},providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.bottomnavigation"}],queries:[{propertyName:"itemTemplate",first:!0,predicate:D,descendants:!0}],exportAs:["kendoBottomNavigation"],ngImport:i,template:'\n        <ng-container *ngIf="items">\n            <span kendoBottomNavigationItem\n                *ngFor="let item of items; let idx=index"\n                role="link"\n                class="k-bottom-nav-item"\n                [disabledComponent]="disabled"\n                [item]="item"\n                [index]="idx"\n                [selectedIdx]="selectedIdx"\n                [itemTemplate]="itemTemplate"\n                [attr.data-kendo-bottomnavigation-index]="idx"\n                [ngClass]="item.cssClass"\n                [ngStyle]="item.cssStyle"\n                [orientation]="itemFlow">\n            </span>\n        </ng-container>\n    ',isInline:!0,components:[{type:v,selector:"[kendoBottomNavigationItem]",inputs:["itemTemplate","item","index","disabledComponent","selectedIdx","orientation"]}],directives:[{type:c.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:c.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:c.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:c.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:p,decorators:[{type:r.Component,args:[{exportAs:"kendoBottomNavigation",selector:"kendo-bottomnavigation",providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.bottomnavigation"}],template:'\n        <ng-container *ngIf="items">\n            <span kendoBottomNavigationItem\n                *ngFor="let item of items; let idx=index"\n                role="link"\n                class="k-bottom-nav-item"\n                [disabledComponent]="disabled"\n                [item]="item"\n                [index]="idx"\n                [selectedIdx]="selectedIdx"\n                [itemTemplate]="itemTemplate"\n                [attr.'+me+']="idx"\n                [ngClass]="item.cssClass"\n                [ngStyle]="item.cssStyle"\n                [orientation]="itemFlow">\n            </span>\n        </ng-container>\n    '}]}],ctorParameters:function(){return[{type:l.LocalizationService},{type:i.ElementRef},{type:i.NgZone},{type:i.ChangeDetectorRef},{type:i.Renderer2}]},propDecorators:{items:[{type:r.Input}],border:[{type:r.Input}],disabled:[{type:r.Input}],fill:[{type:r.Input}],itemFlow:[{type:r.Input}],positionMode:[{type:r.Input}],themeColor:[{type:r.Input}],select:[{type:r.Output}],hostClass:[{type:r.HostBinding,args:["class.k-hstack"]},{type:r.HostBinding,args:["class.k-justify-content-stretch"]},{type:r.HostBinding,args:["class.k-bottom-nav"]}],borderClass:[{type:r.HostBinding,args:["class.k-bottom-nav-border"]}],disabledClass:[{type:r.HostBinding,args:["class.k-disabled"]}],role:[{type:r.HostBinding,args:["attr.role"]}],direction:[{type:r.HostBinding,args:["attr.dir"]}],itemTemplate:[{type:r.ContentChild,args:[D,{static:!1}]}]}});function ue(){}var F=y([p],h([D])),w=y([v],h(F)),E=function(){},v=(E.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:E,deps:[],target:i.ɵɵFactoryTarget.NgModule}),E.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:E,declarations:[v,p,D],imports:[n.CommonModule],exports:[p,D]}),E.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:E,imports:[[n.CommonModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:E,decorators:[{type:r.NgModule,args:[{declarations:[w],exports:[F],imports:[n.CommonModule]}]}]}),function(e){this.templateRef=e}),w=(v.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:v,deps:[{token:i.TemplateRef,optional:!0}],target:i.ɵɵFactoryTarget.Directive}),v.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:v,selector:"[kendoActionSheetTitleTemplate]",ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:v,decorators:[{type:r.Directive,args:[{selector:"[kendoActionSheetTitleTemplate]"}]}],ctorParameters:function(){return[{type:i.TemplateRef,decorators:[{type:r.Optional}]}]}}),function(e){this.templateRef=e}),F=(w.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:w,deps:[{token:i.TemplateRef,optional:!0}],target:i.ɵɵFactoryTarget.Directive}),w.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:w,selector:"[kendoActionSheetItemTemplate]",ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:w,decorators:[{type:r.Directive,args:[{selector:"[kendoActionSheetItemTemplate]"}]}],ctorParameters:function(){return[{type:i.TemplateRef,decorators:[{type:r.Optional}]}]}}),ge.prototype.manageIconClasses=function(e){var t=["k-actionsheet-item-icon"],n=(e.icon&&t.push("k-icon k-i-"+e.icon),e.iconClass&&t.push(""+e.iconClass),g(e.iconColor)&&G.test(e.iconColor));return g(e.iconColor)&&""!==e.iconColor&&!n&&t.push("k-text-"+e.iconColor),t.join(" ")},ge.prototype.manageIconStyles=function(e){var t=g(e.iconColor)&&G.test(e.iconColor),n=g(e.iconSize)&&""!==e.iconSize,i={};return t&&(i.color=e.iconColor),n&&(i.fontSize=e.iconSize),i},ge);function ge(){this.pointerClass=!0}F.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:F,deps:[],target:i.ɵɵFactoryTarget.Component}),F.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:F,selector:"[kendoActionSheetItem]",inputs:{itemTemplate:"itemTemplate",item:"item"},host:{properties:{"class.k-cursor-pointer":"this.pointerClass"}},ngImport:i,template:'\n        <span class="k-actionsheet-action"\n            tabindex="0"\n            role="button"\n            [attr.aria-disabled]="item.disabled">\n            <ng-template *ngIf="itemTemplate; else defaultTemplate"\n                [ngTemplateOutlet]="itemTemplate"\n                [ngTemplateOutletContext]="{\n                    $implicit: item\n                }">\n            </ng-template>\n            <ng-template #defaultTemplate>\n                <span *ngIf="item.icon || item.iconClass" class="k-icon-wrap">\n                    <span\n                        [class]="manageIconClasses(item)"\n                        [style]="manageIconStyles(item)">\n                    </span>\n                </span>\n                <span *ngIf="item.title || item.description" class="k-actionsheet-item-text">\n                    <span *ngIf="item.title" class="k-actionsheet-item-title">{{item.title}}</span>\n                    <span *ngIf="item.description" class="k-actionsheet-item-description">{{item.description}}</span>\n                </span>\n            </ng-template>\n        </span>\n    ',isInline:!0,directives:[{type:c.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:c.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:F,decorators:[{type:r.Component,args:[{selector:"[kendoActionSheetItem]",template:'\n        <span class="k-actionsheet-action"\n            tabindex="0"\n            role="button"\n            [attr.aria-disabled]="item.disabled">\n            <ng-template *ngIf="itemTemplate; else defaultTemplate"\n                [ngTemplateOutlet]="itemTemplate"\n                [ngTemplateOutletContext]="{\n                    $implicit: item\n                }">\n            </ng-template>\n            <ng-template #defaultTemplate>\n                <span *ngIf="item.icon || item.iconClass" class="k-icon-wrap">\n                    <span\n                        [class]="manageIconClasses(item)"\n                        [style]="manageIconStyles(item)">\n                    </span>\n                </span>\n                <span *ngIf="item.title || item.description" class="k-actionsheet-item-text">\n                    <span *ngIf="item.title" class="k-actionsheet-item-title">{{item.title}}</span>\n                    <span *ngIf="item.description" class="k-actionsheet-item-description">{{item.description}}</span>\n                </span>\n            </ng-template>\n        </span>\n    '}]}],propDecorators:{itemTemplate:[{type:r.Input}],item:[{type:r.Input}],pointerClass:[{type:r.HostBinding,args:["class.k-cursor-pointer"]}]}});fe.prototype.ngAfterViewInit=function(){this.initDomEvents()},fe.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},fe.prototype.initDomEvents=function(){var t=this;this.element&&this.ngZone.runOutsideAngular(function(){var e=t.element.nativeElement;t.subscriptions.add(t.renderer.listen(e,"click",t.clickHandler.bind(t)))})},fe.prototype.clickHandler=function(e){var t=this,n=P(e.target),i=this.allItems[n];i&&(i.disabled?e.preventDefault():this.ngZone.run(function(){t.itemClick.emit({item:i,originalEvent:e})}))};var B=fe;function fe(e,t,n){this.renderer=e,this.ngZone=t,this.element=n,this.groupItems=[],this.allItems=[],this.itemClick=new r.EventEmitter,this.subscriptions=new a.Subscription}B.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:B,deps:[{token:i.Renderer2},{token:i.NgZone},{token:i.ElementRef}],target:i.ɵɵFactoryTarget.Component}),B.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:B,selector:"[kendoActionSheetList]",inputs:{groupItems:"groupItems",allItems:"allItems",itemTemplate:"itemTemplate"},outputs:{itemClick:"itemClick"},ngImport:i,template:'\n            <li *ngFor="let item of groupItems" kendoActionSheetItem\n                role="none"\n                [class.k-actionsheet-item]="true"\n                [class.k-disabled]="item.disabled"\n                [ngClass]="item.cssClass"\n                [ngStyle]="item.cssStyle"\n                [itemTemplate]="itemTemplate"\n                [item]="item">\n            </li>\n    ',isInline:!0,components:[{type:F,selector:"[kendoActionSheetItem]",inputs:["itemTemplate","item"]}],directives:[{type:c.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:c.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:c.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:B,decorators:[{type:r.Component,args:[{selector:"[kendoActionSheetList]",template:'\n            <li *ngFor="let item of groupItems" kendoActionSheetItem\n                role="none"\n                [class.k-actionsheet-item]="true"\n                [class.k-disabled]="item.disabled"\n                [ngClass]="item.cssClass"\n                [ngStyle]="item.cssStyle"\n                [itemTemplate]="itemTemplate"\n                [item]="item">\n            </li>\n    '}]}],ctorParameters:function(){return[{type:i.Renderer2},{type:i.NgZone},{type:i.ElementRef}]},propDecorators:{groupItems:[{type:r.Input}],allItems:[{type:r.Input}],itemTemplate:[{type:r.Input}],itemClick:[{type:r.Output}]}});V.prototype.ngAfterViewInit=function(){this.handleInitialFocus(),this.initDomEvents()},V.prototype.ngOnDestroy=function(){this.domSubs.unsubscribe(),this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe()},Object.defineProperty(V.prototype,"topGroupItems",{get:function(){var e;return null==(e=this.items)?void 0:e.filter(function(e){return!e.group||"top"===e.group})},enumerable:!1,configurable:!0}),Object.defineProperty(V.prototype,"bottomGroupItems",{get:function(){var e;return null==(e=this.items)?void 0:e.filter(function(e){return"bottom"===e.group})},enumerable:!1,configurable:!0}),V.prototype.onItemClick=function(e){this.itemClick.emit(e)},V.prototype.onOverlayClick=function(){this.overlayClick.emit()},Object.defineProperty(V.prototype,"shouldRenderSeparator",{get:function(){var e;return 0<(null==(e=this.topGroupItems)?void 0:e.length)&&0<(null==(e=this.bottomGroupItems)?void 0:e.length)},enumerable:!1,configurable:!0}),V.prototype.initDomEvents=function(){var t=this;this.element&&this.ngZone.runOutsideAngular(function(){t.domSubs.add(t.renderer.listen(t.element.nativeElement,"keydown",function(e){t.onKeyDown(e)}))})},V.prototype.onKeyDown=function(e){var t=this,n=e.target;e.keyCode===o.Keys.Tab&&this.ngZone.run(function(){t.keepFocusWithinComponent(n,e)}),e.keyCode===o.Keys.Escape&&this.ngZone.run(function(){t.overlayClick.emit()}),e.keyCode===o.Keys.Enter&&this.ngZone.run(function(){t.triggerItemClick(n,e)})},V.prototype.handleInitialFocus=function(){var e=h(H(this.element.nativeElement),1)[0];e&&e.focus()},V.prototype.keepFocusWithinComponent=function(e,t){var n=this.element.nativeElement,n=h(H(n),2),i=n[0],n=n[1],o=!t.shiftKey&&e===n,e=t.shiftKey&&e===i;o&&(t.preventDefault(),i.focus()),e&&(t.preventDefault(),n.focus())},V.prototype.triggerItemClick=function(e,t){e=P(e),e=this.items[e];e&&!e.disabled&&this.itemClick.emit({item:e,originalEvent:t})};var R=V;function V(e,t,n,i){var o=this;this.element=e,this.ngZone=t,this.renderer=n,this.localizationService=i,this.hostClass=!0,this.itemClick=new r.EventEmitter,this.overlayClick=new r.EventEmitter,this.titleId=null,this.rtl=!1,this.domSubs=new a.Subscription,z.validatePackage(A),this.dynamicRTLSubscription=this.localizationService.changes.subscribe(function(e){e=e.rtl;o.rtl=e,o.direction=o.rtl?"rtl":"ltr"}),this.titleId="k-actionsheet-title"+ ++K}R.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:R,deps:[{token:i.ElementRef},{token:i.NgZone},{token:i.Renderer2},{token:l.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),R.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:R,selector:"kendo-actionsheet",inputs:{title:"title",subtitle:"subtitle",items:"items"},outputs:{itemClick:"itemClick",overlayClick:"overlayClick"},host:{properties:{"class.k-actionsheet-container":"this.hostClass","attr.dir":"this.direction"}},providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.actionsheet.component"}],queries:[{propertyName:"titleTemplate",first:!0,predicate:v,descendants:!0},{propertyName:"itemTemplate",first:!0,predicate:w,descendants:!0}],exportAs:["kendoActionSheet"],ngImport:i,template:'\n        <div class="k-overlay" (click)="onOverlayClick()"></div>\n        <div class="k-animation-container">\n            <div class="k-child-animation-container">\n                <div class="k-actionsheet k-actionsheet-bottom"\n                    role="dialog"\n                    aria-modal="true"\n                    [attr.aria-labelledby]="titleId">\n\n                    <div *ngIf="title || titleTemplate" class="k-actionsheet-titlebar">\n                        <div class="k-actionsheet-titlebar-group k-hbox">\n                            <div class="k-actionsheet-title" [id]="titleId">\n                                <ng-template *ngIf="titleTemplate; else defaultTemplate"\n                                    [ngTemplateOutlet]="titleTemplate?.templateRef">\n                                </ng-template>\n                                <ng-template #defaultTemplate>\n                                    <div *ngIf="title" class="k-text-center">{{title}}</div>\n                                    <div *ngIf="subtitle" class="k-actionsheet-subtitle k-text-center">{{subtitle}}</div>\n                                </ng-template>\n                            </div>\n                        </div>\n                    </div>\n\n                    <div *ngIf="topGroupItems || bottomGroupItems" class="k-actionsheet-content">\n                        <ul *ngIf="topGroupItems" kendoActionSheetList\n                            class="k-list-ul"\n                            role="group"\n                            [groupItems]="topGroupItems"\n                            [allItems]="items"\n                            [itemTemplate]="itemTemplate?.templateRef"\n                            (itemClick)="onItemClick($event)">\n                        </ul>\n\n                        <hr *ngIf="shouldRenderSeparator" class="k-hr"/>\n\n                        <ul *ngIf="bottomGroupItems" kendoActionSheetList\n                            class="k-list-ul"\n                            role="group"\n                            [groupItems]="bottomGroupItems"\n                            [allItems]="items"\n                            [itemTemplate]="itemTemplate?.templateRef"\n                            (itemClick)="onItemClick($event)">\n                        </ul>\n                    </div>\n                </div>\n            </div>\n        </div>\n    ',isInline:!0,components:[{type:B,selector:"[kendoActionSheetList]",inputs:["groupItems","allItems","itemTemplate"],outputs:["itemClick"]}],directives:[{type:c.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:c.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:R,decorators:[{type:r.Component,args:[{exportAs:"kendoActionSheet",selector:"kendo-actionsheet",template:'\n        <div class="k-overlay" (click)="onOverlayClick()"></div>\n        <div class="k-animation-container">\n            <div class="k-child-animation-container">\n                <div class="k-actionsheet k-actionsheet-bottom"\n                    role="dialog"\n                    aria-modal="true"\n                    [attr.aria-labelledby]="titleId">\n\n                    <div *ngIf="title || titleTemplate" class="k-actionsheet-titlebar">\n                        <div class="k-actionsheet-titlebar-group k-hbox">\n                            <div class="k-actionsheet-title" [id]="titleId">\n                                <ng-template *ngIf="titleTemplate; else defaultTemplate"\n                                    [ngTemplateOutlet]="titleTemplate?.templateRef">\n                                </ng-template>\n                                <ng-template #defaultTemplate>\n                                    <div *ngIf="title" class="k-text-center">{{title}}</div>\n                                    <div *ngIf="subtitle" class="k-actionsheet-subtitle k-text-center">{{subtitle}}</div>\n                                </ng-template>\n                            </div>\n                        </div>\n                    </div>\n\n                    <div *ngIf="topGroupItems || bottomGroupItems" class="k-actionsheet-content">\n                        <ul *ngIf="topGroupItems" kendoActionSheetList\n                            class="k-list-ul"\n                            role="group"\n                            [groupItems]="topGroupItems"\n                            [allItems]="items"\n                            [itemTemplate]="itemTemplate?.templateRef"\n                            (itemClick)="onItemClick($event)">\n                        </ul>\n\n                        <hr *ngIf="shouldRenderSeparator" class="k-hr"/>\n\n                        <ul *ngIf="bottomGroupItems" kendoActionSheetList\n                            class="k-list-ul"\n                            role="group"\n                            [groupItems]="bottomGroupItems"\n                            [allItems]="items"\n                            [itemTemplate]="itemTemplate?.templateRef"\n                            (itemClick)="onItemClick($event)">\n                        </ul>\n                    </div>\n                </div>\n            </div>\n        </div>\n    ',providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.actionsheet.component"}]}]}],ctorParameters:function(){return[{type:i.ElementRef},{type:i.NgZone},{type:i.Renderer2},{type:l.LocalizationService}]},propDecorators:{hostClass:[{type:r.HostBinding,args:["class.k-actionsheet-container"]}],direction:[{type:r.HostBinding,args:["attr.dir"]}],title:[{type:r.Input}],subtitle:[{type:r.Input}],items:[{type:r.Input}],itemClick:[{type:r.Output}],overlayClick:[{type:r.Output}],titleTemplate:[{type:r.ContentChild,args:[v]}],itemTemplate:[{type:r.ContentChild,args:[w]}]}});var c=y([R],h([v,w])),t=y([F,B],h(c)),N=function(){},F=(N.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:N,deps:[],target:i.ɵɵFactoryTarget.NgModule}),N.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:N,declarations:[F,B,R,v,w],imports:[n.CommonModule],exports:[R,v,w]}),N.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:N,imports:[[n.CommonModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:N,decorators:[{type:r.NgModule,args:[{declarations:[t],exports:[c],imports:[n.CommonModule]}]}]}),function(){});F.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:F,deps:[],target:i.ɵɵFactoryTarget.NgModule}),F.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:F,exports:[I,M,E,N]}),F.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:F,imports:[I,M,E,N]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:F,decorators:[{type:r.NgModule,args:[{exports:[I,M,E,N]}]}]}),e.ActionSheetComponent=R,e.ActionSheetItemClickEvent=ue,e.ActionSheetItemTemplateDirective=w,e.ActionSheetModule=N,e.ActionSheetTitleTemplateDirective=v,e.AppBarComponent=m,e.AppBarModule=I,e.AppBarSectionComponent=u,e.AppBarSpacerComponent=f,e.BottomNavigationComponent=p,e.BottomNavigationItemTemplateDirective=D,e.BottomNavigationModule=E,e.BottomNavigationSelectEvent=ce,e.BreadCrumbComponent=T,e.BreadCrumbItemComponent=b,e.BreadCrumbItemTemplateDirective=k,e.BreadCrumbListComponent=C,e.BreadCrumbModule=M,e.NavigationModule=F,Object.defineProperty(e,"__esModule",{value:!0})});
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@progress/kendo-angular-l10n"),require("@progress/kendo-licensing"),require("@progress/kendo-angular-common"),require("@angular/common"),require("rxjs"),require("rxjs/operators")):"function"==typeof define&&define.amd?define("KendoAngularNavigation",["exports","@angular/core","@progress/kendo-angular-l10n","@progress/kendo-licensing","@progress/kendo-angular-common","@angular/common","rxjs","rxjs/operators"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoAngularNavigation={},e.ng.core,e.KendoAngularL10N,e.KendoLicensing,e.KendoAngularCommon,e.ng.common,e.rxjs,e.rxjs.operators)}(this,function(e,r,t,z,o,n,a,s){"use strict";function L(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))}var i=L(r),l=L(t),p=L(o),c=L(n),A={name:"@progress/kendo-angular-navigation",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1666165949,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"},m=(Object.defineProperty(d.prototype,"topClass",{get:function(){return"top"===this.position},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"bottomClass",{get:function(){return"bottom"===this.position},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"stickyClass",{get:function(){return"sticky"===this.positionMode},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"fixedClass",{get:function(){return"fixed"===this.positionMode},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"staticClass",{get:function(){return"static"===this.positionMode},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"lightClass",{get:function(){return"light"===this.themeColor},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"darkClass",{get:function(){return"dark"===this.themeColor},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"inheritClass",{get:function(){return"inherit"===this.themeColor},enumerable:!1,configurable:!0}),d.prototype.ngOnDestroy=function(){this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe()},d);function d(e){var t=this;this.localizationService=e,this.hostClass=!0,this.position="top",this.positionMode="static",this.themeColor="light",this.rtl=!1,z.validatePackage(A),this.dynamicRTLSubscription=this.localizationService.changes.subscribe(function(e){e=e.rtl;t.rtl=e,t.direction=t.rtl?"rtl":"ltr"})}m.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:m,deps:[{token:l.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),m.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:m,selector:"kendo-appbar",inputs:{position:"position",positionMode:"positionMode",themeColor:"themeColor"},host:{properties:{"class.k-appbar":"this.hostClass","class.k-appbar-top":"this.topClass","class.k-appbar-bottom":"this.bottomClass","class.k-appbar-sticky":"this.stickyClass","class.k-appbar-fixed":"this.fixedClass","class.k-appbar-static":"this.staticClass","class.k-appbar-light":"this.lightClass","class.k-appbar-dark":"this.darkClass","class.k-appbar-inherit":"this.inheritClass","attr.dir":"this.direction"}},providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.appbar.component"}],exportAs:["kendoAppBar"],ngImport:i,template:"\n        <ng-content></ng-content>\n    ",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:m,decorators:[{type:r.Component,args:[{exportAs:"kendoAppBar",selector:"kendo-appbar",template:"\n        <ng-content></ng-content>\n    ",providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.appbar.component"}]}]}],ctorParameters:function(){return[{type:l.LocalizationService}]},propDecorators:{hostClass:[{type:r.HostBinding,args:["class.k-appbar"]}],topClass:[{type:r.HostBinding,args:["class.k-appbar-top"]}],bottomClass:[{type:r.HostBinding,args:["class.k-appbar-bottom"]}],stickyClass:[{type:r.HostBinding,args:["class.k-appbar-sticky"]}],fixedClass:[{type:r.HostBinding,args:["class.k-appbar-fixed"]}],staticClass:[{type:r.HostBinding,args:["class.k-appbar-static"]}],lightClass:[{type:r.HostBinding,args:["class.k-appbar-light"]}],darkClass:[{type:r.HostBinding,args:["class.k-appbar-dark"]}],inheritClass:[{type:r.HostBinding,args:["class.k-appbar-inherit"]}],direction:[{type:r.HostBinding,args:["attr.dir"]}],position:[{type:r.Input}],positionMode:[{type:r.Input}],themeColor:[{type:r.Input}]}});function j(e){var t=e.offsetWidth,e=getComputedStyle(e);return t+=(parseFloat(e.marginLeft)||0)+(parseFloat(e.marginRight)||0)}function H(e){var t=$(e);return[0<t.length?t[0]:e,0<t.length?t[t.length-1]:e]}function P(e){var t,n,i;if(o.isDocumentAvailable())return t=document.querySelectorAll(".k-actionsheet-action"),n=o.closestInScope(e,function(e){return null==(e=e.classList)?void 0:e.contains("k-actionsheet-action")},_),i=null,t.forEach(function(e,t){e===n&&(i=t)}),i}var u=function(){this.hostClass=!0},_=(u.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:u,deps:[],target:i.ɵɵFactoryTarget.Component}),u.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:u,selector:"kendo-appbar-section",host:{properties:{"class.k-appbar-section":"this.hostClass"}},ngImport:i,template:"\n        <ng-content></ng-content>\n    ",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:u,decorators:[{type:r.Component,args:[{selector:"kendo-appbar-section",template:"\n        <ng-content></ng-content>\n    "}]}],propDecorators:{hostClass:[{type:r.HostBinding,args:["class.k-appbar-section"]}]}}),this),g=function(e){return null!=e},$=function(e){return e.querySelectorAll(Z)},Z=["a[href]","area[href]","input:not([disabled])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])","iframe","object","embed","*[tabindex]","*[contenteditable]"].join(","),K=0,G=/^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/,h=(Object.defineProperty(q.prototype,"sizedClass",{get:function(){return g(this.width)},enumerable:!1,configurable:!0}),q.prototype.ngAfterViewInit=function(){var e;g(this.width)&&(e=this.element.nativeElement,this.renderer.setStyle(e,"flexBasis",this.width))},q);function q(e,t){this.renderer=e,this.element=t,this.hostClass=!0}h.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:h,deps:[{token:i.Renderer2},{token:i.ElementRef}],target:i.ɵɵFactoryTarget.Component}),h.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:h,selector:"kendo-appbar-spacer",inputs:{width:"width"},host:{properties:{"class.k-appbar-spacer":"this.hostClass","class.k-appbar-spacer-sized":"this.sizedClass"}},ngImport:i,template:"",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:h,decorators:[{type:r.Component,args:[{selector:"kendo-appbar-spacer",template:""}]}],ctorParameters:function(){return[{type:i.Renderer2},{type:i.ElementRef}]},propDecorators:{hostClass:[{type:r.HostBinding,args:["class.k-appbar-spacer"]}],sizedClass:[{type:r.HostBinding,args:["class.k-appbar-spacer-sized"]}],width:[{type:r.Input}]}});var U=function(e,t){return(U=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)};Object.create;function f(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var i,o,s=n.call(e),r=[];try{for(;(void 0===t||0<t--)&&!(i=s.next()).done;)r.push(i.value)}catch(e){o={error:e}}finally{try{i&&!i.done&&(n=s.return)&&n.call(s)}finally{if(o)throw o.error}}return r}function y(e,t,n){if(n||2===arguments.length)for(var i,o=0,s=t.length;o<s;o++)!i&&o in t||((i=i||Array.prototype.slice.call(t,0,o))[o]=t[o]);return e.concat(i||Array.prototype.slice.call(t))}Object.create;var b=[m,u,h],k=y([],f(b)),I=function(){},k=(I.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:I,deps:[],target:i.ɵɵFactoryTarget.NgModule}),I.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:I,declarations:[m,u,h],imports:[n.CommonModule],exports:[m,u,h]}),I.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:I,imports:[[n.CommonModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:I,decorators:[{type:r.NgModule,args:[{declarations:[k],exports:[b],imports:[n.CommonModule]}]}]}),function(e){this.templateRef=e}),X=(k.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:k,deps:[{token:i.TemplateRef,optional:!0}],target:i.ɵɵFactoryTarget.Directive}),k.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:k,selector:"[kendoBreadCrumbItemTemplate]",ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:k,decorators:[{type:r.Directive,args:[{selector:"[kendoBreadCrumbItemTemplate]"}]}],ctorParameters:function(){return[{type:i.TemplateRef,decorators:[{type:r.Optional}]}]}}),"data-kendo-breadcrumb-index"),b=(Object.defineProperty(W.prototype,"isRootItem",{get:function(){return this.item.context.isFirst},enumerable:!1,configurable:!0}),Object.defineProperty(W.prototype,"isDisabled",{get:function(){return this.disabled||null},enumerable:!1,configurable:!0}),Object.defineProperty(W.prototype,"isLastItem",{get:function(){return this.item.context.isLast},enumerable:!1,configurable:!0}),W.prototype.ngOnInit=function(){this.disabled=this.item.data&&(this.item.data.disabled||this.item.context.isLast)},W.prototype.ngAfterViewInit=function(){o.isDocumentAvailable()&&(this.width=j(this.el.nativeElement))},W.prototype.onImageLoad=function(){o.isDocumentAvailable()&&(this.width=j(this.el.nativeElement))},W);function W(e){this.el=e,this.index=-1,this.hostClasses=!0,this.disabled=!1}b.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:b,deps:[{token:i.ElementRef}],target:i.ɵɵFactoryTarget.Component}),b.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:b,selector:"[kendoBreadCrumbItem]",inputs:{item:"item",collapseMode:"collapseMode",index:"index",itemTemplate:"itemTemplate"},host:{properties:{"class.k-flex-none":"this.hostClasses","class.k-breadcrumb-item":"this.hostClasses","class.k-breadcrumb-root-item":"this.isRootItem","attr.aria-disabled":"this.isDisabled","class.k-breadcrumb-last-item":"this.isLastItem"}},ngImport:i,template:'\n        <ng-template #separator>\n            <ng-content select="[kendoBreadCrumbSeparator]"></ng-content>\n        </ng-template>\n\n        <ng-container *ngIf="collapseMode === \'wrap\'">\n            <ng-container *ngTemplateOutlet="separator"></ng-container>\n        </ng-container>\n\n        <ng-container *ngIf="!item.context.collapsed">\n            <span\n                *ngIf="!itemTemplate"\n                [ngClass]="{\n                    \'k-breadcrumb-root-link\': item.context.isFirst,\n                    \'k-breadcrumb-link\': index !== 0,\n                    \'k-breadcrumb-icontext-link\': !!item.data.icon && !!item.data.text,\n                    \'k-breadcrumb-icon-link\': !!item.data.icon && !item.data.text,\n                    \'k-disabled\': disabled\n                }"\n                [title]="item.data.title || \'\'"\n                [tabindex]="disabled ? -1 : 0"\n                [attr.aria-current]="item.context.isLast ? true : null"\n                role="link"\n                class="k-cursor-pointer k-flex-none"\n            >\n                <img *ngIf="item.data.imageUrl" (load)="onImageLoad()" [src]="item.data.imageUrl" class="k-image" role="presentation" />\n                <span *ngIf="item.data.icon && !item.data.iconClass" class="k-icon k-i-{{ item.data.icon }}"></span>\n                <span *ngIf="item.data.iconClass" class="{{ item.data.iconClass }}"></span>\n                {{ item.data.text }}\n            </span>\n            <ng-template\n                *ngIf="itemTemplate"\n                [ngTemplateOutlet]="itemTemplate"\n                [ngTemplateOutletContext]="{\n                    $implicit: item.data,\n                    index: index\n                }"\n            ></ng-template>\n        </ng-container>\n\n        <ng-container *ngIf="collapseMode !== \'wrap\'">\n            <ng-container *ngTemplateOutlet="separator"></ng-container>\n        </ng-container>\n    ',isInline:!0,directives:[{type:c.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:c.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]},{type:c.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:b,decorators:[{type:r.Component,args:[{selector:"[kendoBreadCrumbItem]",template:'\n        <ng-template #separator>\n            <ng-content select="[kendoBreadCrumbSeparator]"></ng-content>\n        </ng-template>\n\n        <ng-container *ngIf="collapseMode === \'wrap\'">\n            <ng-container *ngTemplateOutlet="separator"></ng-container>\n        </ng-container>\n\n        <ng-container *ngIf="!item.context.collapsed">\n            <span\n                *ngIf="!itemTemplate"\n                [ngClass]="{\n                    \'k-breadcrumb-root-link\': item.context.isFirst,\n                    \'k-breadcrumb-link\': index !== 0,\n                    \'k-breadcrumb-icontext-link\': !!item.data.icon && !!item.data.text,\n                    \'k-breadcrumb-icon-link\': !!item.data.icon && !item.data.text,\n                    \'k-disabled\': disabled\n                }"\n                [title]="item.data.title || \'\'"\n                [tabindex]="disabled ? -1 : 0"\n                [attr.aria-current]="item.context.isLast ? true : null"\n                role="link"\n                class="k-cursor-pointer k-flex-none"\n            >\n                <img *ngIf="item.data.imageUrl" (load)="onImageLoad()" [src]="item.data.imageUrl" class="k-image" role="presentation" />\n                <span *ngIf="item.data.icon && !item.data.iconClass" class="k-icon k-i-{{ item.data.icon }}"></span>\n                <span *ngIf="item.data.iconClass" class="{{ item.data.iconClass }}"></span>\n                {{ item.data.text }}\n            </span>\n            <ng-template\n                *ngIf="itemTemplate"\n                [ngTemplateOutlet]="itemTemplate"\n                [ngTemplateOutletContext]="{\n                    $implicit: item.data,\n                    index: index\n                }"\n            ></ng-template>\n        </ng-container>\n\n        <ng-container *ngIf="collapseMode !== \'wrap\'">\n            <ng-container *ngTemplateOutlet="separator"></ng-container>\n        </ng-container>\n    '}]}],ctorParameters:function(){return[{type:i.ElementRef}]},propDecorators:{item:[{type:r.Input}],collapseMode:[{type:r.Input}],index:[{type:r.Input}],itemTemplate:[{type:r.Input}],hostClasses:[{type:r.HostBinding,args:["class.k-flex-none"]},{type:r.HostBinding,args:["class.k-breadcrumb-item"]}],isRootItem:[{type:r.HostBinding,args:["class.k-breadcrumb-root-item"]}],isDisabled:[{type:r.HostBinding,args:["attr.aria-disabled"]}],isLastItem:[{type:r.HostBinding,args:["class.k-breadcrumb-last-item"]}]}});function Q(e,t){return+e.getAttribute(t)}function J(e,t,n){return Y(e,t,ee,n)}var Y=function(e,t,n,i){for(;e&&e!==i&&!n(e,t);)e=e.parentNode;if(e!==i)return e},ee=function(e,t){return g(e.getAttribute(t))},v=(Object.defineProperty(te.prototype,"icon",{get:function(){return this._icon},set:function(e){var t=this.el.nativeElement;t.classList.remove("k-i-"+this._icon),g(e)?(this._icon=e,this.hasDefaultIcon=!1):(this._icon="ltr"===this.direction?"chevron-right":"chevron-left",this.hasDefaultIcon=!0),t.classList.add("k-i-"+this._icon)},enumerable:!1,configurable:!0}),te.prototype.ngOnInit=function(){var t=this;this.localizationChangesSubscription=this.localization.changes.subscribe(function(e){e=e.rtl;t.direction=e?"rtl":"ltr",t.hasDefaultIcon&&(t.icon=void 0)})},te.prototype.ngOnDestroy=function(){this.localizationChangesSubscription.unsubscribe()},te);function te(e,t){this.el=e,this.localization=t,this.defaultClasses=!0,this.ariaHidden=!0,this.direction="ltr",this.direction=this.localization.rtl?"rtl":"ltr"}v.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:v,deps:[{token:i.ElementRef},{token:l.LocalizationService}],target:i.ɵɵFactoryTarget.Directive}),v.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:v,selector:"[kendoBreadCrumbSeparator]",inputs:{icon:"icon"},host:{properties:{"class.k-breadcrumb-delimiter-icon":"this.defaultClasses","class.k-icon":"this.defaultClasses","attr.aria-hidden":"this.ariaHidden"}},ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:v,decorators:[{type:r.Directive,args:[{selector:"[kendoBreadCrumbSeparator]"}]}],ctorParameters:function(){return[{type:i.ElementRef},{type:l.LocalizationService}]},propDecorators:{icon:[{type:r.Input}],defaultClasses:[{type:r.HostBinding,args:["class.k-breadcrumb-delimiter-icon"]},{type:r.HostBinding,args:["class.k-icon"]}],ariaHidden:[{type:r.HostBinding,args:["attr.aria-hidden"]}]}});ne.prototype.ngOnDestroy=function(){this.domEventsSubscription.unsubscribe()},ne.prototype.getItemIndex=function(e){e=J(e,X,this.el.nativeElement);if(e)return Q(e,X)};var C=ne;function ne(e,t){var n=this,i=(this.el=e,this.zone=t,this.items=[],this.collapseMode="auto",this.itemClick=new r.EventEmitter,this.el.nativeElement);this.isRootItemContainer=i.classList.contains("k-breadcrumb-root-item-container"),this.zone.runOutsideAngular(function(){var e=a.fromEvent(i,"click"),t=a.fromEvent(i,"keydown").pipe(s.filter(function(e){return e.keyCode===o.Keys.Enter}));n.domEventsSubscription=a.merge(e,t).pipe(s.map(function(e){return e.target}),s.filter(function(e){return!e.classList.contains("k-breadcrumb-delimiter-icon")}),s.map(function(e){return n.getItemIndex(e)}),s.filter(g),s.map(function(e){return parseInt(e,10)}),s.map(function(e){return n.items[e]}),s.filter(function(e){return!e.data.disabled&&!e.context.isLast}),s.map(function(e){return e.data})).subscribe(function(e){n.zone.run(function(){return n.itemClick.emit(e)})})})}C.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:C,deps:[{token:i.ElementRef},{token:i.NgZone}],target:i.ɵɵFactoryTarget.Component}),C.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:C,selector:"[kendoBreadCrumbList]",inputs:{items:"items",itemTemplate:"itemTemplate",collapseMode:"collapseMode",separatorIcon:"separatorIcon"},outputs:{itemClick:"itemClick"},viewQueries:[{propertyName:"renderedItems",predicate:b,descendants:!0}],ngImport:i,template:'\n        <ng-container *ngFor="let item of items; let i = index; let isFirst = first; let isLast = last">\n            <li\n                #renderedItem\n                kendoBreadCrumbItem\n                *ngIf="!(collapseMode === \'wrap\' && isFirst) || isRootItemContainer"\n                [attr.data-kendo-breadcrumb-index]="i"\n                [item]="item"\n                [index]="i"\n                [collapseMode]="collapseMode"\n                [itemTemplate]="itemTemplate"\n            >\n                <span kendoBreadCrumbSeparator [icon]="separatorIcon" *ngIf="collapseMode === \'wrap\' && !isFirst"></span>\n                <span\n                    kendoBreadCrumbSeparator\n                    [icon]="separatorIcon"\n                    *ngIf="collapseMode !== \'wrap\' && !isLast && !(item?.context.collapsed && items[i + 1]?.context.collapsed)"\n                ></span>\n            </li>\n        </ng-container>\n    ',isInline:!0,components:[{type:b,selector:"[kendoBreadCrumbItem]",inputs:["item","collapseMode","index","itemTemplate"]}],directives:[{type:c.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:c.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:v,selector:"[kendoBreadCrumbSeparator]",inputs:["icon"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:C,decorators:[{type:r.Component,args:[{selector:"[kendoBreadCrumbList]",template:'\n        <ng-container *ngFor="let item of items; let i = index; let isFirst = first; let isLast = last">\n            <li\n                #renderedItem\n                kendoBreadCrumbItem\n                *ngIf="!(collapseMode === \'wrap\' && isFirst) || isRootItemContainer"\n                [attr.'+X+']="i"\n                [item]="item"\n                [index]="i"\n                [collapseMode]="collapseMode"\n                [itemTemplate]="itemTemplate"\n            >\n                <span kendoBreadCrumbSeparator [icon]="separatorIcon" *ngIf="collapseMode === \'wrap\' && !isFirst"></span>\n                <span\n                    kendoBreadCrumbSeparator\n                    [icon]="separatorIcon"\n                    *ngIf="collapseMode !== \'wrap\' && !isLast && !(item?.context.collapsed && items[i + 1]?.context.collapsed)"\n                ></span>\n            </li>\n        </ng-container>\n    '}]}],ctorParameters:function(){return[{type:i.ElementRef},{type:i.NgZone}]},propDecorators:{items:[{type:r.Input}],itemTemplate:[{type:r.Input}],collapseMode:[{type:r.Input}],separatorIcon:[{type:r.Input}],itemClick:[{type:r.Output}],renderedItems:[{type:r.ViewChildren,args:[b]}]}});function ie(e){return!0===re(e)}function oe(e){return!1===re(e)}function se(t){return function(e){return e.find(function(e){return re(e)===t}).item.context.collapsed=!t}}var re=function(e){return e.item.context.collapsed},ae=se(!1),le=se(!0),T=(Object.defineProperty(x.prototype,"items",{get:function(){return this._items},set:function(e){this._items=e||[],this.updateItems.next(this._items)},enumerable:!1,configurable:!0}),Object.defineProperty(x.prototype,"collapseMode",{get:function(){return this._collapseMode},set:function(e){if(r.isDevMode()&&["auto","wrap","none"].indexOf(e)<0)throw new Error('Invalid collapse mode. Allowed values are "auto", "wrap" or "none". \nFor more details see https://www.telerik.com/kendo-angular-ui/components/navigation/api/BreadCrumbCollapseMode/');this._collapseMode=e||"auto",this.updateItems.next(this.items)},enumerable:!1,configurable:!0}),Object.defineProperty(x.prototype,"wrapMode",{get:function(){return"wrap"===this.collapseMode},enumerable:!1,configurable:!0}),Object.defineProperty(x.prototype,"getDir",{get:function(){return this.direction},enumerable:!1,configurable:!0}),x.prototype.ngOnInit=function(){var t=this;this.subscriptions.add(this.localization.changes.subscribe(function(e){e=e.rtl;return t.direction=e?"rtl":"ltr"}))},x.prototype.ngAfterViewInit=function(){this.attachResizeHandler(),this.afterViewInit.next()},x.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},x.prototype.handleResize=function(){var e=y([],f(this.listComponent.renderedItems.toArray().filter(function(e){return!e.item.context.isFirst&&!e.item.context.isLast}))),t=j(this.el.nativeElement),n=Math.floor(this.itemsContainers.toArray().map(function(e){return j(e.nativeElement)}).reduce(function(e,t){return e+t},0)),i=(y([],f(e)).reverse().find(ie)||{width:0}).width;return t<=n&&e.find(oe)?(ae(e),this.cdr.detectChanges(),this.handleResize()):n+i<t&&e.find(ie)?(le(y([],f(e)).reverse()),this.cdr.detectChanges(),this.handleResize()):void 0},x.prototype.shouldResize=function(){return o.isDocumentAvailable()&&"auto"===this.collapseMode},x.prototype.attachResizeHandler=function(){var e=this;this.subscriptions.add(a.merge(this.resizeSensor.resize,this.itemsData$,this.afterViewInit.asObservable()).pipe(s.filter(function(){return e.shouldResize()})).subscribe(function(){e.zone.runOutsideAngular(function(){return setTimeout(function(){e.zone.run(function(){e.listComponent&&(e.handleResize(),e.resizeSensor.acceptSize())})})})}))},x);function x(e,t,n,i){this.el=e,this.cdr=t,this.zone=n,this.localization=i,this.itemClick=new r.EventEmitter,this.hostClasses=!0,this._items=[],this._collapseMode="auto",this.updateItems=new a.ReplaySubject,this.afterViewInit=new a.Subject,this.subscriptions=new a.Subscription,this.direction="ltr",z.validatePackage(A);e=this.updateItems.asObservable().pipe(s.startWith([]));this.direction=i.rtl?"rtl":"ltr",this.itemsData$=e.pipe(s.map(function(e){return e.filter(Boolean)}),s.map(function(e){return e.map(function(e,t,n){return{context:{collapsed:!1,isLast:t===n.length-1,isFirst:0===t},data:e}})}),s.share()),this.firstItem$=e.pipe(s.map(function(e){return 0<e.length?[{context:{collapsed:!1,isLast:1===e.length,isFirst:!0},data:e[0]}]:[]}),s.share())}T.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:T,deps:[{token:i.ElementRef},{token:i.ChangeDetectorRef},{token:i.NgZone},{token:l.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),T.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:T,selector:"kendo-breadcrumb",inputs:{items:"items",separatorIcon:"separatorIcon",collapseMode:"collapseMode"},outputs:{itemClick:"itemClick"},host:{properties:{"class.k-widget":"this.hostClasses","class.k-breadcrumb":"this.hostClasses","class.k-breadcrumb-wrap":"this.wrapMode","attr.dir":"this.getDir"}},providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.breadcrumb"}],queries:[{propertyName:"itemTemplate",first:!0,predicate:k,descendants:!0}],viewQueries:[{propertyName:"resizeSensor",first:!0,predicate:["resizeSensor"],descendants:!0,static:!0},{propertyName:"listComponent",first:!0,predicate:C,descendants:!0,static:!0},{propertyName:"itemsContainers",predicate:["itemsContainer"],descendants:!0,read:r.ElementRef}],exportAs:["kendoBreadCrumb"],ngImport:i,template:'\n        <ol\n            #itemsContainer\n            kendoBreadCrumbList\n            class="k-breadcrumb-root-item-container"\n            *ngIf="collapseMode === \'wrap\'"\n            [items]="firstItem$ | async"\n            [itemTemplate]="itemTemplate?.templateRef"\n            [collapseMode]="collapseMode"\n            [separatorIcon]="separatorIcon"\n            (itemClick)="itemClick.emit($event)"\n        ></ol>\n        <ol\n            #itemsContainer\n            kendoBreadCrumbList\n            class="k-breadcrumb-container"\n            [items]="itemsData$ | async"\n            [itemTemplate]="itemTemplate?.templateRef"\n            [collapseMode]="collapseMode"\n            [separatorIcon]="separatorIcon"\n            (itemClick)="itemClick.emit($event)"\n            [ngClass]="{ \'k-flex-wrap\': collapseMode === \'wrap\', \'k-flex-none\': collapseMode === \'none\' }"\n        ></ol>\n        <kendo-resize-sensor [rateLimit]="1000" #resizeSensor></kendo-resize-sensor>\n    ',isInline:!0,components:[{type:C,selector:"[kendoBreadCrumbList]",inputs:["items","itemTemplate","collapseMode","separatorIcon"],outputs:["itemClick"]},{type:p.ResizeSensorComponent,selector:"kendo-resize-sensor",inputs:["rateLimit"],outputs:["resize"]}],directives:[{type:c.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:c.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}],pipes:{async:c.AsyncPipe}}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:T,decorators:[{type:r.Component,args:[{exportAs:"kendoBreadCrumb",selector:"kendo-breadcrumb",providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.breadcrumb"}],template:'\n        <ol\n            #itemsContainer\n            kendoBreadCrumbList\n            class="k-breadcrumb-root-item-container"\n            *ngIf="collapseMode === \'wrap\'"\n            [items]="firstItem$ | async"\n            [itemTemplate]="itemTemplate?.templateRef"\n            [collapseMode]="collapseMode"\n            [separatorIcon]="separatorIcon"\n            (itemClick)="itemClick.emit($event)"\n        ></ol>\n        <ol\n            #itemsContainer\n            kendoBreadCrumbList\n            class="k-breadcrumb-container"\n            [items]="itemsData$ | async"\n            [itemTemplate]="itemTemplate?.templateRef"\n            [collapseMode]="collapseMode"\n            [separatorIcon]="separatorIcon"\n            (itemClick)="itemClick.emit($event)"\n            [ngClass]="{ \'k-flex-wrap\': collapseMode === \'wrap\', \'k-flex-none\': collapseMode === \'none\' }"\n        ></ol>\n        <kendo-resize-sensor [rateLimit]="1000" #resizeSensor></kendo-resize-sensor>\n    '}]}],ctorParameters:function(){return[{type:i.ElementRef},{type:i.ChangeDetectorRef},{type:i.NgZone},{type:l.LocalizationService}]},propDecorators:{items:[{type:r.Input}],separatorIcon:[{type:r.Input}],collapseMode:[{type:r.Input}],itemClick:[{type:r.Output}],resizeSensor:[{type:r.ViewChild,args:["resizeSensor",{static:!0}]}],itemsContainers:[{type:r.ViewChildren,args:["itemsContainer",{read:r.ElementRef}]}],listComponent:[{type:r.ViewChild,args:[C,{static:!0}]}],itemTemplate:[{type:r.ContentChild,args:[k,{static:!1}]}],hostClasses:[{type:r.HostBinding,args:["class.k-widget"]},{type:r.HostBinding,args:["class.k-breadcrumb"]}],wrapMode:[{type:r.HostBinding,args:["class.k-breadcrumb-wrap"]}],getDir:[{type:r.HostBinding,args:["attr.dir"]}]}});var p=y([T,b,C],f([k])),D=y(y([],f(p)),[v]),M=function(){},v=(M.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:M,deps:[],target:i.ɵɵFactoryTarget.NgModule}),M.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:M,declarations:[T,b,C,k,v],imports:[n.CommonModule,o.ResizeSensorModule],exports:[T,b,C,k]}),M.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:M,imports:[[n.CommonModule,o.ResizeSensorModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:M,decorators:[{type:r.NgModule,args:[{declarations:[D],exports:[p],imports:[n.CommonModule,o.ResizeSensorModule]}]}]}),Object.defineProperty(O.prototype,"disabledClass",{get:function(){return this.item.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"horizontalItemClass",{get:function(){return"horizontal"===this.orientation},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"verticalItemClass",{get:function(){return"vertical"===this.orientation},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"label",{get:function(){return this.item.text||null},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"tabindex",{get:function(){return this.item.tabIndex||0},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"selectedClass",{get:function(){return this.selectedIdx?this.selectedIdx===this.index:this.item.selected},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"itemIcon",{get:function(){return!(!this.item.icon&&!this.item.iconClass)},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"iconClasses",{get:function(){return(this.item.icon?"k-icon k-i-"+this.item.icon:"")+" "+(this.item.iconClass||"")},enumerable:!1,configurable:!0}),O);function O(){}v.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:v,deps:[],target:i.ɵɵFactoryTarget.Component}),v.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:v,selector:"[kendoBottomNavigationItem]",inputs:{itemTemplate:"itemTemplate",item:"item",index:"index",disabledComponent:"disabledComponent",selectedIdx:"selectedIdx",orientation:"orientation"},host:{properties:{"attr.aria-disabled":"this.disabledClass","class.k-disabled":"this.disabledClass","class.k-hstack":"this.horizontalItemClass","class.k-vstack":"this.verticalItemClass","attr.aria-label":"this.label","attr.tabindex":"this.tabindex","attr.aria-selected":"this.selectedClass","class.k-selected":"this.selectedClass"}},ngImport:i,template:'\n        <ng-container *ngIf="!itemTemplate">\n            <span *ngIf="itemIcon" class="k-bottom-nav-item-icon" [ngClass]="iconClasses"></span>\n            <span *ngIf="item.text" class="k-bottom-nav-item-text">{{item.text}}</span>\n        </ng-container>\n        <ng-template *ngIf="itemTemplate"\n            [ngTemplateOutlet]="itemTemplate?.templateRef"\n            [ngTemplateOutletContext]="{ $implicit: item }">\n        </ng-template>\n    ',isInline:!0,directives:[{type:c.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:c.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:c.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:v,decorators:[{type:r.Component,args:[{selector:"[kendoBottomNavigationItem]",template:'\n        <ng-container *ngIf="!itemTemplate">\n            <span *ngIf="itemIcon" class="k-bottom-nav-item-icon" [ngClass]="iconClasses"></span>\n            <span *ngIf="item.text" class="k-bottom-nav-item-text">{{item.text}}</span>\n        </ng-container>\n        <ng-template *ngIf="itemTemplate"\n            [ngTemplateOutlet]="itemTemplate?.templateRef"\n            [ngTemplateOutletContext]="{ $implicit: item }">\n        </ng-template>\n    '}]}],propDecorators:{itemTemplate:[{type:r.Input}],item:[{type:r.Input}],index:[{type:r.Input}],disabledComponent:[{type:r.Input}],selectedIdx:[{type:r.Input}],orientation:[{type:r.Input}],disabledClass:[{type:r.HostBinding,args:["attr.aria-disabled"]},{type:r.HostBinding,args:["class.k-disabled"]}],horizontalItemClass:[{type:r.HostBinding,args:["class.k-hstack"]}],verticalItemClass:[{type:r.HostBinding,args:["class.k-vstack"]}],label:[{type:r.HostBinding,args:["attr.aria-label"]}],tabindex:[{type:r.HostBinding,args:["attr.tabindex"]}],selectedClass:[{type:r.HostBinding,args:["attr.aria-selected"]},{type:r.HostBinding,args:["class.k-selected"]}]}});D=function(e){this.templateRef=e};function pe(e){this.prevented=!1,Object.assign(this,e)}D.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:D,deps:[{token:i.TemplateRef,optional:!0}],target:i.ɵɵFactoryTarget.Directive}),D.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:D,selector:"[kendoBottomNavigationItemTemplate]",ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:D,decorators:[{type:r.Directive,args:[{selector:"[kendoBottomNavigationItemTemplate]"}]}],ctorParameters:function(){return[{type:i.TemplateRef,decorators:[{type:r.Optional}]}]}}),pe.prototype.preventDefault=function(){this.prevented=!0},pe.prototype.isDefaultPrevented=function(){return this.prevented};var ce=function(e){var t=o,n=e;if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function i(){this.constructor=t}function o(){return null!==e&&e.apply(this,arguments)||this}return U(t,n),t.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i),o}(pe),me="data-kendo-bottomnavigation-index",de=["primary","secondary","tertiary","info","success","warning","error","dark","light","inverse"],p=(Object.defineProperty(S.prototype,"fill",{get:function(){return this._fill},set:function(e){this.renderer.removeClass(this._nativeHostElement,"k-bottom-nav-"+this.fill),this._fill="solid"===e?"solid":"flat",this.renderer.addClass(this._nativeHostElement,"k-bottom-nav-"+this._fill)},enumerable:!1,configurable:!0}),Object.defineProperty(S.prototype,"itemFlow",{get:function(){return this._itemFlow},set:function(e){this.renderer.removeClass(this._nativeHostElement,"k-bottom-nav-item-flow-"+this.itemFlow),this._itemFlow="horizontal"===e?"horizontal":"vertical",this.renderer.addClass(this._nativeHostElement,"k-bottom-nav-item-flow-"+this._itemFlow)},enumerable:!1,configurable:!0}),Object.defineProperty(S.prototype,"positionMode",{get:function(){return this._positionMode},set:function(e){this.renderer.removeClass(this._nativeHostElement,"k-pos-"+this.positionMode),this._positionMode="sticky"===e?"sticky":"fixed",this.renderer.addClass(this._nativeHostElement,"k-pos-"+this._positionMode)},enumerable:!1,configurable:!0}),Object.defineProperty(S.prototype,"themeColor",{get:function(){return this._themeColor},set:function(t){de.find(function(e){return e===t})&&(this.renderer.removeClass(this._nativeHostElement,"k-bottom-nav-"+this._themeColor),this._themeColor=t,this.renderer.addClass(this._nativeHostElement,"k-bottom-nav-"+this._themeColor))},enumerable:!1,configurable:!0}),Object.defineProperty(S.prototype,"borderClass",{get:function(){return this.border},enumerable:!1,configurable:!0}),Object.defineProperty(S.prototype,"disabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),S.prototype.ngOnInit=function(){this.initDomEvents()},S.prototype.ngAfterViewInit=function(){this.applyClasses()},S.prototype.ngOnDestroy=function(){this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe(),this.subscriptions.unsubscribe()},S.prototype.selectItem=function(e,t){t=new ce(Object.assign({},t));this.select.emit(t),t.isDefaultPrevented()||(this.selectedIdx=e)},S.prototype.applyClasses=function(){this.renderer.addClass(this._nativeHostElement,"k-bottom-nav-"+this.fill),this.renderer.addClass(this._nativeHostElement,"k-bottom-nav-item-flow-"+this.itemFlow),this.renderer.addClass(this._nativeHostElement,"k-pos-"+this.positionMode),this.renderer.addClass(this._nativeHostElement,"k-bottom-nav-"+this.themeColor)},S.prototype.initDomEvents=function(){var e=this;this.hostElement&&this.ngZone.runOutsideAngular(function(){e.subscriptions.add(e.renderer.listen(e._nativeHostElement,"click",e.clickHandler.bind(e))),e.subscriptions.add(e.renderer.listen(e._nativeHostElement,"keydown",e.keyDownHandler.bind(e)))})},S.prototype.clickHandler=function(e){var t,n=this,i=this.getBottomNavigationItemIndex(e.target),o=this.items[i];o&&(o.disabled?e.preventDefault():(t={index:i,item:o,originalEvent:e,sender:this},this.ngZone.run(function(){n.selectItem(i,t),n.changeDetector.markForCheck()})))},S.prototype.keyDownHandler=function(e){e.keyCode!==o.Keys.Enter&&e.keyCode!==o.Keys.Space||this.clickHandler(e)},S.prototype.getBottomNavigationItemIndex=function(e){e=J(e,me,this._nativeHostElement);if(e)return Q(e,me)},S);function S(e,t,n,i,o){var s=this;this.localization=e,this.hostElement=t,this.ngZone=n,this.changeDetector=i,this.renderer=o,this.border=!1,this.disabled=!1,this.select=new r.EventEmitter,this.hostClass=!0,this.role="navigation",this._fill="flat",this._itemFlow="vertical",this._positionMode="fixed",this._themeColor="primary",this._nativeHostElement=this.hostElement.nativeElement,this.subscriptions=new a.Subscription,this.rtl=!1,z.validatePackage(A),this.dynamicRTLSubscription=this.localization.changes.subscribe(function(e){e=e.rtl;s.rtl=e,s.direction=s.rtl?"rtl":"ltr"})}p.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:p,deps:[{token:l.LocalizationService},{token:i.ElementRef},{token:i.NgZone},{token:i.ChangeDetectorRef},{token:i.Renderer2}],target:i.ɵɵFactoryTarget.Component}),p.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:p,selector:"kendo-bottomnavigation",inputs:{items:"items",border:"border",disabled:"disabled",fill:"fill",itemFlow:"itemFlow",positionMode:"positionMode",themeColor:"themeColor"},outputs:{select:"select"},host:{properties:{"class.k-hstack":"this.hostClass","class.k-justify-content-stretch":"this.hostClass","class.k-bottom-nav":"this.hostClass","class.k-bottom-nav-border":"this.borderClass","class.k-disabled":"this.disabledClass","attr.role":"this.role","attr.dir":"this.direction"}},providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.bottomnavigation"}],queries:[{propertyName:"itemTemplate",first:!0,predicate:D,descendants:!0}],exportAs:["kendoBottomNavigation"],ngImport:i,template:'\n        <ng-container *ngIf="items">\n            <span kendoBottomNavigationItem\n                *ngFor="let item of items; let idx=index"\n                role="link"\n                class="k-bottom-nav-item"\n                [disabledComponent]="disabled"\n                [item]="item"\n                [index]="idx"\n                [selectedIdx]="selectedIdx"\n                [itemTemplate]="itemTemplate"\n                [attr.data-kendo-bottomnavigation-index]="idx"\n                [ngClass]="item.cssClass"\n                [ngStyle]="item.cssStyle"\n                [orientation]="itemFlow">\n            </span>\n        </ng-container>\n    ',isInline:!0,components:[{type:v,selector:"[kendoBottomNavigationItem]",inputs:["itemTemplate","item","index","disabledComponent","selectedIdx","orientation"]}],directives:[{type:c.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:c.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:c.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:c.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:p,decorators:[{type:r.Component,args:[{exportAs:"kendoBottomNavigation",selector:"kendo-bottomnavigation",providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.bottomnavigation"}],template:'\n        <ng-container *ngIf="items">\n            <span kendoBottomNavigationItem\n                *ngFor="let item of items; let idx=index"\n                role="link"\n                class="k-bottom-nav-item"\n                [disabledComponent]="disabled"\n                [item]="item"\n                [index]="idx"\n                [selectedIdx]="selectedIdx"\n                [itemTemplate]="itemTemplate"\n                [attr.'+me+']="idx"\n                [ngClass]="item.cssClass"\n                [ngStyle]="item.cssStyle"\n                [orientation]="itemFlow">\n            </span>\n        </ng-container>\n    '}]}],ctorParameters:function(){return[{type:l.LocalizationService},{type:i.ElementRef},{type:i.NgZone},{type:i.ChangeDetectorRef},{type:i.Renderer2}]},propDecorators:{items:[{type:r.Input}],border:[{type:r.Input}],disabled:[{type:r.Input}],fill:[{type:r.Input}],itemFlow:[{type:r.Input}],positionMode:[{type:r.Input}],themeColor:[{type:r.Input}],select:[{type:r.Output}],hostClass:[{type:r.HostBinding,args:["class.k-hstack"]},{type:r.HostBinding,args:["class.k-justify-content-stretch"]},{type:r.HostBinding,args:["class.k-bottom-nav"]}],borderClass:[{type:r.HostBinding,args:["class.k-bottom-nav-border"]}],disabledClass:[{type:r.HostBinding,args:["class.k-disabled"]}],role:[{type:r.HostBinding,args:["attr.role"]}],direction:[{type:r.HostBinding,args:["attr.dir"]}],itemTemplate:[{type:r.ContentChild,args:[D,{static:!1}]}]}});function ue(){}var F=y([p],f([D])),w=y([v],f(F)),E=function(){},v=(E.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:E,deps:[],target:i.ɵɵFactoryTarget.NgModule}),E.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:E,declarations:[v,p,D],imports:[n.CommonModule],exports:[p,D]}),E.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:E,imports:[[n.CommonModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:E,decorators:[{type:r.NgModule,args:[{declarations:[w],exports:[F],imports:[n.CommonModule]}]}]}),function(e){this.templateRef=e}),w=(v.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:v,deps:[{token:i.TemplateRef,optional:!0}],target:i.ɵɵFactoryTarget.Directive}),v.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:v,selector:"[kendoActionSheetTitleTemplate]",ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:v,decorators:[{type:r.Directive,args:[{selector:"[kendoActionSheetTitleTemplate]"}]}],ctorParameters:function(){return[{type:i.TemplateRef,decorators:[{type:r.Optional}]}]}}),function(e){this.templateRef=e}),F=(w.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:w,deps:[{token:i.TemplateRef,optional:!0}],target:i.ɵɵFactoryTarget.Directive}),w.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:w,selector:"[kendoActionSheetItemTemplate]",ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:w,decorators:[{type:r.Directive,args:[{selector:"[kendoActionSheetItemTemplate]"}]}],ctorParameters:function(){return[{type:i.TemplateRef,decorators:[{type:r.Optional}]}]}}),ge.prototype.manageIconClasses=function(e){var t=["k-actionsheet-item-icon"],n=(e.icon&&t.push("k-icon k-i-"+e.icon),e.iconClass&&t.push(""+e.iconClass),g(e.iconColor)&&G.test(e.iconColor));return g(e.iconColor)&&""!==e.iconColor&&!n&&t.push("k-text-"+e.iconColor),t.join(" ")},ge.prototype.manageIconStyles=function(e){var t=g(e.iconColor)&&G.test(e.iconColor),n=g(e.iconSize)&&""!==e.iconSize,i={};return t&&(i.color=e.iconColor),n&&(i.fontSize=e.iconSize),i},ge);function ge(){this.pointerClass=!0}F.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:F,deps:[],target:i.ɵɵFactoryTarget.Component}),F.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:F,selector:"[kendoActionSheetItem]",inputs:{itemTemplate:"itemTemplate",item:"item"},host:{properties:{"class.k-cursor-pointer":"this.pointerClass"}},ngImport:i,template:'\n        <ng-template *ngIf="itemTemplate; else defaultTemplate"\n            [ngTemplateOutlet]="itemTemplate"\n            [ngTemplateOutletContext]="{\n                $implicit: item\n            }">\n        </ng-template>\n        <ng-template #defaultTemplate>\n            <span class="k-actionsheet-action">\n                <span *ngIf="item.icon || item.iconClass" class="k-icon-wrap">\n                    <span\n                        [class]="manageIconClasses(item)"\n                        [style]="manageIconStyles(item)">\n                    </span>\n                </span>\n                <span *ngIf="item.title || item.description" class="k-actionsheet-item-text">\n                    <span *ngIf="item.title" class="k-actionsheet-item-title">{{item.title}}</span>\n                    <span *ngIf="item.description" class="k-actionsheet-item-description">{{item.description}}</span>\n                </span>\n            </span>\n        </ng-template>\n    ',isInline:!0,directives:[{type:c.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:c.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:F,decorators:[{type:r.Component,args:[{selector:"[kendoActionSheetItem]",template:'\n        <ng-template *ngIf="itemTemplate; else defaultTemplate"\n            [ngTemplateOutlet]="itemTemplate"\n            [ngTemplateOutletContext]="{\n                $implicit: item\n            }">\n        </ng-template>\n        <ng-template #defaultTemplate>\n            <span class="k-actionsheet-action">\n                <span *ngIf="item.icon || item.iconClass" class="k-icon-wrap">\n                    <span\n                        [class]="manageIconClasses(item)"\n                        [style]="manageIconStyles(item)">\n                    </span>\n                </span>\n                <span *ngIf="item.title || item.description" class="k-actionsheet-item-text">\n                    <span *ngIf="item.title" class="k-actionsheet-item-title">{{item.title}}</span>\n                    <span *ngIf="item.description" class="k-actionsheet-item-description">{{item.description}}</span>\n                </span>\n            </span>\n        </ng-template>\n    '}]}],propDecorators:{itemTemplate:[{type:r.Input}],item:[{type:r.Input}],pointerClass:[{type:r.HostBinding,args:["class.k-cursor-pointer"]}]}});he.prototype.ngAfterViewInit=function(){this.initDomEvents()},he.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},he.prototype.initDomEvents=function(){var t=this;this.element&&this.ngZone.runOutsideAngular(function(){var e=t.element.nativeElement;t.subscriptions.add(t.renderer.listen(e,"click",t.clickHandler.bind(t)))})},he.prototype.clickHandler=function(e){var t=this,n=P(e.target),i=this.allItems[n];i&&(i.disabled?e.preventDefault():this.ngZone.run(function(){t.itemClick.emit({item:i,originalEvent:e})}))};var B=he;function he(e,t,n){this.renderer=e,this.ngZone=t,this.element=n,this.groupItems=[],this.allItems=[],this.itemClick=new r.EventEmitter,this.subscriptions=new a.Subscription}B.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:B,deps:[{token:i.Renderer2},{token:i.NgZone},{token:i.ElementRef}],target:i.ɵɵFactoryTarget.Component}),B.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:B,selector:"[kendoActionSheetList]",inputs:{groupItems:"groupItems",allItems:"allItems",itemTemplate:"itemTemplate"},outputs:{itemClick:"itemClick"},ngImport:i,template:'\n            <li *ngFor="let item of groupItems" kendoActionSheetItem\n                tabindex="0"\n                role="option"\n                [attr.aria-disabled]="item.disabled"\n                [class.k-actionsheet-item]="true"\n                [class.k-disabled]="item.disabled"\n                [ngClass]="item.cssClass"\n                [ngStyle]="item.cssStyle"\n                [itemTemplate]="itemTemplate"\n                [item]="item">\n            </li>\n    ',isInline:!0,components:[{type:F,selector:"[kendoActionSheetItem]",inputs:["itemTemplate","item"]}],directives:[{type:c.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:c.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:c.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:B,decorators:[{type:r.Component,args:[{selector:"[kendoActionSheetList]",template:'\n            <li *ngFor="let item of groupItems" kendoActionSheetItem\n                tabindex="0"\n                role="option"\n                [attr.aria-disabled]="item.disabled"\n                [class.k-actionsheet-item]="true"\n                [class.k-disabled]="item.disabled"\n                [ngClass]="item.cssClass"\n                [ngStyle]="item.cssStyle"\n                [itemTemplate]="itemTemplate"\n                [item]="item">\n            </li>\n    '}]}],ctorParameters:function(){return[{type:i.Renderer2},{type:i.NgZone},{type:i.ElementRef}]},propDecorators:{groupItems:[{type:r.Input}],allItems:[{type:r.Input}],itemTemplate:[{type:r.Input}],itemClick:[{type:r.Output}]}});V.prototype.ngAfterViewInit=function(){this.handleInitialFocus(),this.initDomEvents()},V.prototype.ngOnDestroy=function(){this.domSubs.unsubscribe(),this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe()},Object.defineProperty(V.prototype,"topGroupItems",{get:function(){var e;return null==(e=this.items)?void 0:e.filter(function(e){return!e.group||"top"===e.group})},enumerable:!1,configurable:!0}),Object.defineProperty(V.prototype,"bottomGroupItems",{get:function(){var e;return null==(e=this.items)?void 0:e.filter(function(e){return"bottom"===e.group})},enumerable:!1,configurable:!0}),V.prototype.onItemClick=function(e){this.itemClick.emit(e)},V.prototype.onOverlayClick=function(){this.overlayClick.emit()},Object.defineProperty(V.prototype,"shouldRenderSeparator",{get:function(){var e;return 0<(null==(e=this.topGroupItems)?void 0:e.length)&&0<(null==(e=this.bottomGroupItems)?void 0:e.length)},enumerable:!1,configurable:!0}),V.prototype.initDomEvents=function(){var t=this;this.element&&this.ngZone.runOutsideAngular(function(){t.domSubs.add(t.renderer.listen(t.element.nativeElement,"keydown",function(e){t.onKeyDown(e)}))})},V.prototype.onKeyDown=function(e){var t=this,n=e.target;e.keyCode===o.Keys.Tab&&this.ngZone.run(function(){t.keepFocusWithinComponent(n,e)}),e.keyCode===o.Keys.Escape&&this.ngZone.run(function(){t.overlayClick.emit()}),e.keyCode===o.Keys.Enter&&this.ngZone.run(function(){t.triggerItemClick(n,e)})},V.prototype.handleInitialFocus=function(){var e=f(H(this.element.nativeElement),1)[0];e&&e.focus()},V.prototype.keepFocusWithinComponent=function(e,t){var n=this.element.nativeElement,n=f(H(n),2),i=n[0],n=n[1],o=!t.shiftKey&&e===n,e=t.shiftKey&&e===i;o&&(t.preventDefault(),i.focus()),e&&(t.preventDefault(),n.focus())},V.prototype.triggerItemClick=function(e,t){e=P(e),e=this.items[e];e&&!e.disabled&&this.itemClick.emit({item:e,originalEvent:t})};var R=V;function V(e,t,n,i){var o=this;this.element=e,this.ngZone=t,this.renderer=n,this.localizationService=i,this.hostClass=!0,this.itemClick=new r.EventEmitter,this.overlayClick=new r.EventEmitter,this.titleId=null,this.rtl=!1,this.domSubs=new a.Subscription,z.validatePackage(A),this.dynamicRTLSubscription=this.localizationService.changes.subscribe(function(e){e=e.rtl;o.rtl=e,o.direction=o.rtl?"rtl":"ltr"}),this.titleId="k-actionsheet-title"+ ++K}R.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:R,deps:[{token:i.ElementRef},{token:i.NgZone},{token:i.Renderer2},{token:l.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),R.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:R,selector:"kendo-actionsheet",inputs:{title:"title",subtitle:"subtitle",items:"items"},outputs:{itemClick:"itemClick",overlayClick:"overlayClick"},host:{properties:{"class.k-actionsheet-container":"this.hostClass","attr.dir":"this.direction"}},providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.actionsheet.component"}],queries:[{propertyName:"titleTemplate",first:!0,predicate:v,descendants:!0},{propertyName:"itemTemplate",first:!0,predicate:w,descendants:!0}],exportAs:["kendoActionSheet"],ngImport:i,template:'\n        <div class="k-overlay" (click)="onOverlayClick()"></div>\n        <div class="k-animation-container">\n            <div class="k-child-animation-container" style="bottom: 0px; width: 100%;">\n                <div class="k-actionsheet k-actionsheet-bottom"\n                    style="--kendo-actionsheet-height: auto; --kendo-actionsheet-max-height: none;"\n                    role="dialog"\n                    aria-modal="true"\n                    [attr.aria-labelledby]="titleId">\n\n                    <div *ngIf="title || titleTemplate" class="k-actionsheet-titlebar">\n                        <div class="k-actionsheet-titlebar-group k-hbox">\n                            <div class="k-actionsheet-title" [id]="titleId">\n                                <ng-template *ngIf="titleTemplate; else defaultTemplate"\n                                    [ngTemplateOutlet]="titleTemplate?.templateRef">\n                                </ng-template>\n                                <ng-template #defaultTemplate>\n                                    <div *ngIf="title" class="k-text-center">{{title}}</div>\n                                    <div *ngIf="subtitle" class="k-actionsheet-subtitle k-text-center">{{subtitle}}</div>\n                                </ng-template>\n                            </div>\n                        </div>\n                    </div>\n\n                    <div *ngIf="topGroupItems || bottomGroupItems" class="k-actionsheet-content">\n                        <ul *ngIf="topGroupItems" kendoActionSheetList\n                            class="k-list-ul"\n                            role="group"\n                            [groupItems]="topGroupItems"\n                            [allItems]="items"\n                            [itemTemplate]="itemTemplate?.templateRef"\n                            (itemClick)="onItemClick($event)">\n                        </ul>\n\n                        <hr *ngIf="shouldRenderSeparator" class="k-hr"/>\n\n                        <ul *ngIf="bottomGroupItems" kendoActionSheetList\n                            class="k-list-ul"\n                            role="group"\n                            [groupItems]="bottomGroupItems"\n                            [allItems]="items"\n                            [itemTemplate]="itemTemplate?.templateRef"\n                            (itemClick)="onItemClick($event)">\n                        </ul>\n                    </div>\n                </div>\n            </div>\n        </div>\n    ',isInline:!0,components:[{type:B,selector:"[kendoActionSheetList]",inputs:["groupItems","allItems","itemTemplate"],outputs:["itemClick"]}],directives:[{type:c.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:c.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:R,decorators:[{type:r.Component,args:[{exportAs:"kendoActionSheet",selector:"kendo-actionsheet",template:'\n        <div class="k-overlay" (click)="onOverlayClick()"></div>\n        <div class="k-animation-container">\n            <div class="k-child-animation-container" style="bottom: 0px; width: 100%;">\n                <div class="k-actionsheet k-actionsheet-bottom"\n                    style="--kendo-actionsheet-height: auto; --kendo-actionsheet-max-height: none;"\n                    role="dialog"\n                    aria-modal="true"\n                    [attr.aria-labelledby]="titleId">\n\n                    <div *ngIf="title || titleTemplate" class="k-actionsheet-titlebar">\n                        <div class="k-actionsheet-titlebar-group k-hbox">\n                            <div class="k-actionsheet-title" [id]="titleId">\n                                <ng-template *ngIf="titleTemplate; else defaultTemplate"\n                                    [ngTemplateOutlet]="titleTemplate?.templateRef">\n                                </ng-template>\n                                <ng-template #defaultTemplate>\n                                    <div *ngIf="title" class="k-text-center">{{title}}</div>\n                                    <div *ngIf="subtitle" class="k-actionsheet-subtitle k-text-center">{{subtitle}}</div>\n                                </ng-template>\n                            </div>\n                        </div>\n                    </div>\n\n                    <div *ngIf="topGroupItems || bottomGroupItems" class="k-actionsheet-content">\n                        <ul *ngIf="topGroupItems" kendoActionSheetList\n                            class="k-list-ul"\n                            role="group"\n                            [groupItems]="topGroupItems"\n                            [allItems]="items"\n                            [itemTemplate]="itemTemplate?.templateRef"\n                            (itemClick)="onItemClick($event)">\n                        </ul>\n\n                        <hr *ngIf="shouldRenderSeparator" class="k-hr"/>\n\n                        <ul *ngIf="bottomGroupItems" kendoActionSheetList\n                            class="k-list-ul"\n                            role="group"\n                            [groupItems]="bottomGroupItems"\n                            [allItems]="items"\n                            [itemTemplate]="itemTemplate?.templateRef"\n                            (itemClick)="onItemClick($event)">\n                        </ul>\n                    </div>\n                </div>\n            </div>\n        </div>\n    ',providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.actionsheet.component"}]}]}],ctorParameters:function(){return[{type:i.ElementRef},{type:i.NgZone},{type:i.Renderer2},{type:l.LocalizationService}]},propDecorators:{hostClass:[{type:r.HostBinding,args:["class.k-actionsheet-container"]}],direction:[{type:r.HostBinding,args:["attr.dir"]}],title:[{type:r.Input}],subtitle:[{type:r.Input}],items:[{type:r.Input}],itemClick:[{type:r.Output}],overlayClick:[{type:r.Output}],titleTemplate:[{type:r.ContentChild,args:[v]}],itemTemplate:[{type:r.ContentChild,args:[w]}]}});var c=y([R],f([v,w])),t=y([F,B],f(c)),N=function(){},F=(N.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:N,deps:[],target:i.ɵɵFactoryTarget.NgModule}),N.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:N,declarations:[F,B,R,v,w],imports:[n.CommonModule],exports:[R,v,w]}),N.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:N,imports:[[n.CommonModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:N,decorators:[{type:r.NgModule,args:[{declarations:[t],exports:[c],imports:[n.CommonModule]}]}]}),function(){});F.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:F,deps:[],target:i.ɵɵFactoryTarget.NgModule}),F.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:F,exports:[I,M,E,N]}),F.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:F,imports:[I,M,E,N]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:F,decorators:[{type:r.NgModule,args:[{exports:[I,M,E,N]}]}]}),e.ActionSheetComponent=R,e.ActionSheetItemClickEvent=ue,e.ActionSheetItemTemplateDirective=w,e.ActionSheetModule=N,e.ActionSheetTitleTemplateDirective=v,e.AppBarComponent=m,e.AppBarModule=I,e.AppBarSectionComponent=u,e.AppBarSpacerComponent=h,e.BottomNavigationComponent=p,e.BottomNavigationItemTemplateDirective=D,e.BottomNavigationModule=E,e.BottomNavigationSelectEvent=ce,e.BreadCrumbComponent=T,e.BreadCrumbItemComponent=b,e.BreadCrumbItemTemplateDirective=k,e.BreadCrumbListComponent=C,e.BreadCrumbModule=M,e.NavigationModule=F,Object.defineProperty(e,"__esModule",{value:!0})});

package/esm2015/actionsheet/actionsheet.component.js

@@ -159,8 +159,9 @@ ActionSheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
     ], queries: [{ propertyName: "titleTemplate", first: true, predicate: ActionSheetTitleTemplateDirective, descendants: true }, { propertyName: "itemTemplate", first: true, predicate: ActionSheetItemTemplateDirective, descendants: true }], exportAs: ["kendoActionSheet"], ngImport: i0, template: `
         <div class="k-overlay" (click)="onOverlayClick()"></div>
         <div class="k-animation-container">
-            <div class="k-child-animation-container">
+            <div class="k-child-animation-container" style="bottom: 0px; width: 100%;">
                 <div class="k-actionsheet k-actionsheet-bottom"
+                    style="--kendo-actionsheet-height: auto; --kendo-actionsheet-max-height: none;"
                     role="dialog"
                     aria-modal="true"
                     [attr.aria-labelledby]="titleId">
@@ -212,8 +213,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     template: `
         <div class="k-overlay" (click)="onOverlayClick()"></div>
         <div class="k-animation-container">
-            <div class="k-child-animation-container">
+            <div class="k-child-animation-container" style="bottom: 0px; width: 100%;">
                 <div class="k-actionsheet k-actionsheet-bottom"
+                    style="--kendo-actionsheet-height: auto; --kendo-actionsheet-max-height: none;"
                     role="dialog"
                     aria-modal="true"
                     [attr.aria-labelledby]="titleId">

package/esm2015/actionsheet/item.component.js

@@ -43,17 +43,14 @@ export class ActionSheetItemComponent {
 }
 ActionSheetItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ActionSheetItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
 ActionSheetItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ActionSheetItemComponent, selector: "[kendoActionSheetItem]", inputs: { itemTemplate: "itemTemplate", item: "item" }, host: { properties: { "class.k-cursor-pointer": "this.pointerClass" } }, ngImport: i0, template: `
-        <span class="k-actionsheet-action"
-            tabindex="0"
-            role="button"
-            [attr.aria-disabled]="item.disabled">
-            <ng-template *ngIf="itemTemplate; else defaultTemplate"
-                [ngTemplateOutlet]="itemTemplate"
-                [ngTemplateOutletContext]="{
-                    $implicit: item
-                }">
-            </ng-template>
-            <ng-template #defaultTemplate>
+        <ng-template *ngIf="itemTemplate; else defaultTemplate"
+            [ngTemplateOutlet]="itemTemplate"
+            [ngTemplateOutletContext]="{
+                $implicit: item
+            }">
+        </ng-template>
+        <ng-template #defaultTemplate>
+            <span class="k-actionsheet-action">
                 <span *ngIf="item.icon || item.iconClass" class="k-icon-wrap">
                     <span
                         [class]="manageIconClasses(item)"
@@ -64,8 +61,8 @@ ActionSheetItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0
                     <span *ngIf="item.title" class="k-actionsheet-item-title">{{item.title}}</span>
                     <span *ngIf="item.description" class="k-actionsheet-item-description">{{item.description}}</span>
                 </span>
-            </ng-template>
-        </span>
+            </span>
+        </ng-template>
     `, isInline: true, directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ActionSheetItemComponent, decorators: [{
             type: Component,
@@ -73,17 +70,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     // eslint-disable-next-line @angular-eslint/component-selector
                     selector: '[kendoActionSheetItem]',
                     template: `
-        <span class="k-actionsheet-action"
-            tabindex="0"
-            role="button"
-            [attr.aria-disabled]="item.disabled">
-            <ng-template *ngIf="itemTemplate; else defaultTemplate"
-                [ngTemplateOutlet]="itemTemplate"
-                [ngTemplateOutletContext]="{
-                    $implicit: item
-                }">
-            </ng-template>
-            <ng-template #defaultTemplate>
+        <ng-template *ngIf="itemTemplate; else defaultTemplate"
+            [ngTemplateOutlet]="itemTemplate"
+            [ngTemplateOutletContext]="{
+                $implicit: item
+            }">
+        </ng-template>
+        <ng-template #defaultTemplate>
+            <span class="k-actionsheet-action">
                 <span *ngIf="item.icon || item.iconClass" class="k-icon-wrap">
                     <span
                         [class]="manageIconClasses(item)"
@@ -94,8 +88,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     <span *ngIf="item.title" class="k-actionsheet-item-title">{{item.title}}</span>
                     <span *ngIf="item.description" class="k-actionsheet-item-description">{{item.description}}</span>
                 </span>
-            </ng-template>
-        </span>
+            </span>
+        </ng-template>
     `
                 }]
         }], propDecorators: { itemTemplate: [{

package/esm2015/actionsheet/list.component.js

@@ -54,7 +54,9 @@ export class ActionSheetListComponent {
 ActionSheetListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ActionSheetListComponent, deps: [{ token: i0.Renderer2 }, { token: i0.NgZone }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
 ActionSheetListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ActionSheetListComponent, selector: "[kendoActionSheetList]", inputs: { groupItems: "groupItems", allItems: "allItems", itemTemplate: "itemTemplate" }, outputs: { itemClick: "itemClick" }, ngImport: i0, template: `
             <li *ngFor="let item of groupItems" kendoActionSheetItem
-                role="none"
+                tabindex="0"
+                role="option"
+                [attr.aria-disabled]="item.disabled"
                 [class.k-actionsheet-item]="true"
                 [class.k-disabled]="item.disabled"
                 [ngClass]="item.cssClass"
@@ -70,7 +72,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     selector: '[kendoActionSheetList]',
                     template: `
             <li *ngFor="let item of groupItems" kendoActionSheetItem
-                role="none"
+                tabindex="0"
+                role="option"
+                [attr.aria-disabled]="item.disabled"
                 [class.k-actionsheet-item]="true"
                 [class.k-disabled]="item.disabled"
                 [ngClass]="item.cssClass"

package/esm2015/package-metadata.js

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

package/fesm2015/kendo-angular-navigation.js

@@ -21,7 +21,7 @@ const packageMetadata = {
     name: '@progress/kendo-angular-navigation',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1665992185,
+    publishDate: 1666165949,
     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'
 };
@@ -1701,17 +1701,14 @@ class ActionSheetItemComponent {
 }
 ActionSheetItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ActionSheetItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
 ActionSheetItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ActionSheetItemComponent, selector: "[kendoActionSheetItem]", inputs: { itemTemplate: "itemTemplate", item: "item" }, host: { properties: { "class.k-cursor-pointer": "this.pointerClass" } }, ngImport: i0, template: `
-        <span class="k-actionsheet-action"
-            tabindex="0"
-            role="button"
-            [attr.aria-disabled]="item.disabled">
-            <ng-template *ngIf="itemTemplate; else defaultTemplate"
-                [ngTemplateOutlet]="itemTemplate"
-                [ngTemplateOutletContext]="{
-                    $implicit: item
-                }">
-            </ng-template>
-            <ng-template #defaultTemplate>
+        <ng-template *ngIf="itemTemplate; else defaultTemplate"
+            [ngTemplateOutlet]="itemTemplate"
+            [ngTemplateOutletContext]="{
+                $implicit: item
+            }">
+        </ng-template>
+        <ng-template #defaultTemplate>
+            <span class="k-actionsheet-action">
                 <span *ngIf="item.icon || item.iconClass" class="k-icon-wrap">
                     <span
                         [class]="manageIconClasses(item)"
@@ -1722,8 +1719,8 @@ ActionSheetItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0
                     <span *ngIf="item.title" class="k-actionsheet-item-title">{{item.title}}</span>
                     <span *ngIf="item.description" class="k-actionsheet-item-description">{{item.description}}</span>
                 </span>
-            </ng-template>
-        </span>
+            </span>
+        </ng-template>
     `, isInline: true, directives: [{ type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ActionSheetItemComponent, decorators: [{
             type: Component,
@@ -1731,17 +1728,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     // eslint-disable-next-line @angular-eslint/component-selector
                     selector: '[kendoActionSheetItem]',
                     template: `
-        <span class="k-actionsheet-action"
-            tabindex="0"
-            role="button"
-            [attr.aria-disabled]="item.disabled">
-            <ng-template *ngIf="itemTemplate; else defaultTemplate"
-                [ngTemplateOutlet]="itemTemplate"
-                [ngTemplateOutletContext]="{
-                    $implicit: item
-                }">
-            </ng-template>
-            <ng-template #defaultTemplate>
+        <ng-template *ngIf="itemTemplate; else defaultTemplate"
+            [ngTemplateOutlet]="itemTemplate"
+            [ngTemplateOutletContext]="{
+                $implicit: item
+            }">
+        </ng-template>
+        <ng-template #defaultTemplate>
+            <span class="k-actionsheet-action">
                 <span *ngIf="item.icon || item.iconClass" class="k-icon-wrap">
                     <span
                         [class]="manageIconClasses(item)"
@@ -1752,8 +1746,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     <span *ngIf="item.title" class="k-actionsheet-item-title">{{item.title}}</span>
                     <span *ngIf="item.description" class="k-actionsheet-item-description">{{item.description}}</span>
                 </span>
-            </ng-template>
-        </span>
+            </span>
+        </ng-template>
     `
                 }]
         }], propDecorators: { itemTemplate: [{
@@ -1811,7 +1805,9 @@ class ActionSheetListComponent {
 ActionSheetListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ActionSheetListComponent, deps: [{ token: i0.Renderer2 }, { token: i0.NgZone }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
 ActionSheetListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ActionSheetListComponent, selector: "[kendoActionSheetList]", inputs: { groupItems: "groupItems", allItems: "allItems", itemTemplate: "itemTemplate" }, outputs: { itemClick: "itemClick" }, ngImport: i0, template: `
             <li *ngFor="let item of groupItems" kendoActionSheetItem
-                role="none"
+                tabindex="0"
+                role="option"
+                [attr.aria-disabled]="item.disabled"
                 [class.k-actionsheet-item]="true"
                 [class.k-disabled]="item.disabled"
                 [ngClass]="item.cssClass"
@@ -1827,7 +1823,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     selector: '[kendoActionSheetList]',
                     template: `
             <li *ngFor="let item of groupItems" kendoActionSheetItem
-                role="none"
+                tabindex="0"
+                role="option"
+                [attr.aria-disabled]="item.disabled"
                 [class.k-actionsheet-item]="true"
                 [class.k-disabled]="item.disabled"
                 [ngClass]="item.cssClass"
@@ -1992,8 +1990,9 @@ ActionSheetComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", v
     ], queries: [{ propertyName: "titleTemplate", first: true, predicate: ActionSheetTitleTemplateDirective, descendants: true }, { propertyName: "itemTemplate", first: true, predicate: ActionSheetItemTemplateDirective, descendants: true }], exportAs: ["kendoActionSheet"], ngImport: i0, template: `
         <div class="k-overlay" (click)="onOverlayClick()"></div>
         <div class="k-animation-container">
-            <div class="k-child-animation-container">
+            <div class="k-child-animation-container" style="bottom: 0px; width: 100%;">
                 <div class="k-actionsheet k-actionsheet-bottom"
+                    style="--kendo-actionsheet-height: auto; --kendo-actionsheet-max-height: none;"
                     role="dialog"
                     aria-modal="true"
                     [attr.aria-labelledby]="titleId">
@@ -2045,8 +2044,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                     template: `
         <div class="k-overlay" (click)="onOverlayClick()"></div>
         <div class="k-animation-container">
-            <div class="k-child-animation-container">
+            <div class="k-child-animation-container" style="bottom: 0px; width: 100%;">
                 <div class="k-actionsheet k-actionsheet-bottom"
+                    style="--kendo-actionsheet-height: auto; --kendo-actionsheet-max-height: none;"
                     role="dialog"
                     aria-modal="true"
                     [attr.aria-labelledby]="titleId">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-navigation",
-  "version": "2.1.0-dev.202210170736",
+  "version": "2.1.0-dev.202210190753",
   "description": "Kendo UI Navigation for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",