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

package/actionsheet/actionsheet.component.d.ts

@@ -3,7 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { AfterViewInit, ElementRef, EventEmitter, NgZone, OnDestroy, Renderer2 } from '@angular/core';
-import { ActionSheetTitleTemplateDirective, ActionSheetItemClickEvent, ActionSheetItemTemplateDirective } from './models';
+import { ActionSheetHeaderTemplateDirective, ActionSheetItemClickEvent, ActionSheetItemTemplateDirective, ActionSheetContentTemplateDirective, ActionSheetFooterTemplateDirective } from './models';
 import { ActionSheetItem } from './models/actionsheet-item.interface';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
 import * as i0 from "@angular/core";
@@ -47,11 +47,19 @@ export declare class ActionSheetComponent implements AfterViewInit, OnDestroy {
     /**
      * @hidden
      */
-    titleTemplate: ActionSheetTitleTemplateDirective;
+    headerTemplate: ActionSheetHeaderTemplateDirective;
+    /**
+     * @hidden
+     */
+    contentTemplate: ActionSheetContentTemplateDirective;
     /**
      * @hidden
      */
     itemTemplate: ActionSheetItemTemplateDirective;
+    /**
+     * @hidden
+     */
+    footerTemplate: ActionSheetFooterTemplateDirective;
     /**
      * @hidden
      */
@@ -88,5 +96,5 @@ export declare class ActionSheetComponent implements AfterViewInit, OnDestroy {
     private keepFocusWithinComponent;
     private triggerItemClick;
     static ɵfac: i0.ɵɵFactoryDeclaration<ActionSheetComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ActionSheetComponent, "kendo-actionsheet", ["kendoActionSheet"], { "title": "title"; "subtitle": "subtitle"; "items": "items"; }, { "itemClick": "itemClick"; "overlayClick": "overlayClick"; }, ["titleTemplate", "itemTemplate"], never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ActionSheetComponent, "kendo-actionsheet", ["kendoActionSheet"], { "title": "title"; "subtitle": "subtitle"; "items": "items"; }, { "itemClick": "itemClick"; "overlayClick": "overlayClick"; }, ["headerTemplate", "contentTemplate", "itemTemplate", "footerTemplate"], never>;
 }

package/actionsheet/list.component.d.ts

@@ -22,6 +22,7 @@ export declare class ActionSheetListComponent implements AfterViewInit, OnDestro
     ngOnDestroy(): void;
     private initDomEvents;
     private clickHandler;
+    setAttrIndex(item: ActionSheetItem): number;
     static ɵfac: i0.ɵɵFactoryDeclaration<ActionSheetListComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ActionSheetListComponent, "[kendoActionSheetList]", never, { "groupItems": "groupItems"; "allItems": "allItems"; "itemTemplate": "itemTemplate"; }, { "itemClick": "itemClick"; }, never, never>;
 }

package/actionsheet/models/index.d.ts

@@ -5,5 +5,7 @@
 export { ActionSheetItem } from './actionsheet-item.interface';
 export { ActionSheetItemClickEvent } from './item-click.event';
 export { ActionSheetItemGroup } from './group';
-export { ActionSheetTitleTemplateDirective } from '../templates/title-template.directive';
+export { ActionSheetHeaderTemplateDirective } from '../templates/header-template.directive';
 export { ActionSheetItemTemplateDirective } from '../templates/item-template.directive';
+export { ActionSheetContentTemplateDirective } from '../templates/content-template.directive';
+export { ActionSheetFooterTemplateDirective } from '../templates/footer-template.directive';

package/actionsheet/templates/{title-template.directive.d.ts → content-template.directive.d.ts}

@@ -5,13 +5,13 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
- * Represents a template that defines the title content of the ActionSheet. Utilizing the template overrides both the `title` and `subtitle` of the ActionSheet.
+ * Represents a template that defines the items list content of the ActionSheet.
  * To define the template, nest an `<ng-template>` tag
- * with the `kendoActionSheetTitleTemplate` directive inside the `<kendo-actionsheet>` tag.
+ * with the `kendoActionSheetContentTemplate` directive inside the `<kendo-actionsheet>` tag.
  */
-export declare class ActionSheetTitleTemplateDirective {
+export declare class ActionSheetContentTemplateDirective {
     templateRef: TemplateRef<any>;
     constructor(templateRef: TemplateRef<any>);
-    static ɵfac: i0.ɵɵFactoryDeclaration<ActionSheetTitleTemplateDirective, [{ optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ActionSheetTitleTemplateDirective, "[kendoActionSheetTitleTemplate]", never, {}, {}, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActionSheetContentTemplateDirective, [{ optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ActionSheetContentTemplateDirective, "[kendoActionSheetContentTemplate]", never, {}, {}, never>;
 }

package/actionsheet/templates/footer-template.directive.d.ts

@@ -0,0 +1,17 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Represents a template that defines the footer of the ActionSheet.
+ * To define the template, nest an `<ng-template>` tag
+ * with the `kendoActionSheetFooterTemplate` directive inside the `<kendo-actionsheet>` tag.
+ */
+export declare class ActionSheetFooterTemplateDirective {
+    templateRef: TemplateRef<any>;
+    constructor(templateRef: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActionSheetFooterTemplateDirective, [{ optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ActionSheetFooterTemplateDirective, "[kendoActionSheetFooterTemplate]", never, {}, {}, never>;
+}

package/actionsheet/templates/header-template.directive.d.ts

@@ -0,0 +1,17 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Represents a template that defines the header content of the ActionSheet. Utilizing the template overrides both the `title` and `subtitle` of the ActionSheet.
+ * To define the template, nest an `<ng-template>` tag
+ * with the `kendoActionSheetHeaderTemplate` directive inside the `<kendo-actionsheet>` tag.
+ */
+export declare class ActionSheetHeaderTemplateDirective {
+    templateRef: TemplateRef<any>;
+    constructor(templateRef: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActionSheetHeaderTemplateDirective, [{ optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ActionSheetHeaderTemplateDirective, "[kendoActionSheetHeaderTemplate]", never, {}, {}, never>;
+}

package/actionsheet.module.d.ts

@@ -6,9 +6,11 @@ import * as i0 from "@angular/core";
 import * as i1 from "./actionsheet/item.component";
 import * as i2 from "./actionsheet/list.component";
 import * as i3 from "./actionsheet/actionsheet.component";
-import * as i4 from "./actionsheet/templates/title-template.directive";
+import * as i4 from "./actionsheet/templates/header-template.directive";
 import * as i5 from "./actionsheet/templates/item-template.directive";
-import * as i6 from "@angular/common";
+import * as i6 from "./actionsheet/templates/content-template.directive";
+import * as i7 from "./actionsheet/templates/footer-template.directive";
+import * as i8 from "@angular/common";
 /**
  * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
  * definition for the ActionSheet component.
@@ -43,6 +45,6 @@ import * as i6 from "@angular/common";
  */
 export declare class ActionSheetModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ActionSheetModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ActionSheetModule, [typeof i1.ActionSheetItemComponent, typeof i2.ActionSheetListComponent, typeof i3.ActionSheetComponent, typeof i4.ActionSheetTitleTemplateDirective, typeof i5.ActionSheetItemTemplateDirective], [typeof i6.CommonModule], [typeof i3.ActionSheetComponent, typeof i4.ActionSheetTitleTemplateDirective, typeof i5.ActionSheetItemTemplateDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ActionSheetModule, [typeof i1.ActionSheetItemComponent, typeof i2.ActionSheetListComponent, typeof i3.ActionSheetComponent, typeof i4.ActionSheetHeaderTemplateDirective, typeof i5.ActionSheetItemTemplateDirective, typeof i6.ActionSheetContentTemplateDirective, typeof i7.ActionSheetFooterTemplateDirective], [typeof i8.CommonModule], [typeof i3.ActionSheetComponent, typeof i4.ActionSheetHeaderTemplateDirective, typeof i5.ActionSheetItemTemplateDirective, typeof i6.ActionSheetContentTemplateDirective, typeof i7.ActionSheetFooterTemplateDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ActionSheetModule>;
 }

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: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})});
+!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,s,t,z,o,n,a,r){"use strict";function A(n){var i;return n&&n.__esModule?n:(i=Object.create(null),n&&Object.keys(n).forEach(function(e){var t;"default"!==e&&(t=Object.getOwnPropertyDescriptor(n,e),Object.defineProperty(i,e,t.get?t:{enumerable:!0,get:function(){return n[e]}}))}),i.default=n,Object.freeze(i))}var i=A(s),l=A(t),p=A(o),c=A(n),L={name:"@progress/kendo-angular-navigation",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1666617075,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(L),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:s.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:s.HostBinding,args:["class.k-appbar"]}],topClass:[{type:s.HostBinding,args:["class.k-appbar-top"]}],bottomClass:[{type:s.HostBinding,args:["class.k-appbar-bottom"]}],stickyClass:[{type:s.HostBinding,args:["class.k-appbar-sticky"]}],fixedClass:[{type:s.HostBinding,args:["class.k-appbar-fixed"]}],staticClass:[{type:s.HostBinding,args:["class.k-appbar-static"]}],lightClass:[{type:s.HostBinding,args:["class.k-appbar-light"]}],darkClass:[{type:s.HostBinding,args:["class.k-appbar-dark"]}],inheritClass:[{type:s.HostBinding,args:["class.k-appbar-inherit"]}],direction:[{type:s.HostBinding,args:["attr.dir"]}],position:[{type:s.Input}],positionMode:[{type:s.Input}],themeColor:[{type:s.Input}]}});function H(e){var t=e.offsetWidth,e=getComputedStyle(e);return t+=(parseFloat(e.marginLeft)||0)+(parseFloat(e.marginRight)||0)}function j(e){var t=e.querySelectorAll(_);return[0<t.length?t[0]:e,0<t.length?t[t.length-1]:e]}function P(e,t,n){var i;if(i=t,e=o.closestInScope(e,function(e){return G(e,i)},n))return+e.getAttribute(t)}var u=function(){this.hostClass=!0},g=(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:s.Component,args:[{selector:"kendo-appbar-section",template:"\n        <ng-content></ng-content>\n    "}]}],propDecorators:{hostClass:[{type:s.HostBinding,args:["class.k-appbar-section"]}]}}),function(e){return null!=e}),_=["a[href]","area[href]","input:not([disabled])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])","iframe","object","embed","*[tabindex]","*[contenteditable]"].join(","),$=0,Z=/^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/,K="kendo-actionsheet-item-index",G=function(e,t){return g(e.getAttribute(t))},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:s.Component,args:[{selector:"kendo-appbar-spacer",template:""}]}],ctorParameters:function(){return[{type:i.Renderer2},{type:i.ElementRef}]},propDecorators:{hostClass:[{type:s.HostBinding,args:["class.k-appbar-spacer"]}],sizedClass:[{type:s.HostBinding,args:["class.k-appbar-spacer-sized"]}],width:[{type:s.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,r=n.call(e),s=[];try{for(;(void 0===t||0<t--)&&!(i=r.next()).done;)s.push(i.value)}catch(e){o={error:e}}finally{try{i&&!i.done&&(n=r.return)&&n.call(r)}finally{if(o)throw o.error}}return s}function y(e,t,n){if(n||2===arguments.length)for(var i,o=0,r=t.length;o<r;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)),v=function(){},k=(v.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:v,deps:[],target:i.ɵɵFactoryTarget.NgModule}),v.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:v,declarations:[m,u,f],imports:[n.CommonModule],exports:[m,u,f]}),v.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:v,imports:[[n.CommonModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:v,decorators:[{type:s.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:s.Directive,args:[{selector:"[kendoBreadCrumbItemTemplate]"}]}],ctorParameters:function(){return[{type:i.TemplateRef,decorators:[{type:s.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=H(this.el.nativeElement))},W.prototype.onImageLoad=function(){o.isDocumentAvailable()&&(this.width=H(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:s.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:s.Input}],collapseMode:[{type:s.Input}],index:[{type:s.Input}],itemTemplate:[{type:s.Input}],hostClasses:[{type:s.HostBinding,args:["class.k-flex-none"]},{type:s.HostBinding,args:["class.k-breadcrumb-item"]}],isRootItem:[{type:s.HostBinding,args:["class.k-breadcrumb-root-item"]}],isDisabled:[{type:s.HostBinding,args:["attr.aria-disabled"]}],isLastItem:[{type:s.HostBinding,args:["class.k-breadcrumb-last-item"]}]}});function Q(e,t){return g(e.getAttribute(t))}function J(e,t){return+e.getAttribute(t)}function Y(e,t,n){for(var i=e,o=t,r=Q,s=n;i&&i!==s&&!r(i,o);)i=i.parentNode;if(i!==s)return i}Object.defineProperty(ee.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}),ee.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)})},ee.prototype.ngOnDestroy=function(){this.localizationChangesSubscription.unsubscribe()};var I=ee;function ee(e,t){this.el=e,this.localization=t,this.defaultClasses=!0,this.ariaHidden=!0,this.direction="ltr",this.direction=this.localization.rtl?"rtl":"ltr"}I.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:I,deps:[{token:i.ElementRef},{token:l.LocalizationService}],target:i.ɵɵFactoryTarget.Directive}),I.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:I,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:I,decorators:[{type:s.Directive,args:[{selector:"[kendoBreadCrumbSeparator]"}]}],ctorParameters:function(){return[{type:i.ElementRef},{type:l.LocalizationService}]},propDecorators:{icon:[{type:s.Input}],defaultClasses:[{type:s.HostBinding,args:["class.k-breadcrumb-delimiter-icon"]},{type:s.HostBinding,args:["class.k-icon"]}],ariaHidden:[{type:s.HostBinding,args:["attr.aria-hidden"]}]}});te.prototype.ngOnDestroy=function(){this.domEventsSubscription.unsubscribe()},te.prototype.getItemIndex=function(e){e=Y(e,X,this.el.nativeElement);if(e)return J(e,X)};var C=te;function te(e,t){var n=this,i=(this.el=e,this.zone=t,this.items=[],this.collapseMode="auto",this.itemClick=new s.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(r.filter(function(e){return e.keyCode===o.Keys.Enter}));n.domEventsSubscription=a.merge(e,t).pipe(r.map(function(e){return e.target}),r.filter(function(e){return!e.classList.contains("k-breadcrumb-delimiter-icon")}),r.map(function(e){return n.getItemIndex(e)}),r.filter(g),r.map(function(e){return parseInt(e,10)}),r.map(function(e){return n.items[e]}),r.filter(function(e){return!e.data.disabled&&!e.context.isLast}),r.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:I,selector:"[kendoBreadCrumbSeparator]",inputs:["icon"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:C,decorators:[{type:s.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:s.Input}],itemTemplate:[{type:s.Input}],collapseMode:[{type:s.Input}],separatorIcon:[{type:s.Input}],itemClick:[{type:s.Output}],renderedItems:[{type:s.ViewChildren,args:[b]}]}});function ne(e){return e.item.context.collapsed}function ie(e){return!0===ne(e)}function oe(e){return!1===ne(e)}function re(t){return function(e){return e.find(function(e){return ne(e)===t}).item.context.collapsed=!t}}var se=re(!1),ae=re(!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(s.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=H(this.el.nativeElement),n=Math.floor(this.itemsContainers.toArray().map(function(e){return H(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)?(se(e),this.cdr.detectChanges(),this.handleResize()):n+i<t&&e.find(ie)?(ae(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(r.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 s.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(L);e=this.updateItems.asObservable().pipe(r.startWith([]));this.direction=i.rtl?"rtl":"ltr",this.itemsData$=e.pipe(r.map(function(e){return e.filter(Boolean)}),r.map(function(e){return e.map(function(e,t,n){return{context:{collapsed:!1,isLast:t===n.length-1,isFirst:0===t},data:e}})}),r.share()),this.firstItem$=e.pipe(r.map(function(e){return 0<e.length?[{context:{collapsed:!1,isLast:1===e.length,isFirst:!0},data:e[0]}]:[]}),r.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:s.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:s.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:s.Input}],separatorIcon:[{type:s.Input}],collapseMode:[{type:s.Input}],itemClick:[{type:s.Output}],resizeSensor:[{type:s.ViewChild,args:["resizeSensor",{static:!0}]}],itemsContainers:[{type:s.ViewChildren,args:["itemsContainer",{read:s.ElementRef}]}],listComponent:[{type:s.ViewChild,args:[C,{static:!0}]}],itemTemplate:[{type:s.ContentChild,args:[k,{static:!1}]}],hostClasses:[{type:s.HostBinding,args:["class.k-widget"]},{type:s.HostBinding,args:["class.k-breadcrumb"]}],wrapMode:[{type:s.HostBinding,args:["class.k-breadcrumb-wrap"]}],getDir:[{type:s.HostBinding,args:["attr.dir"]}]}});var p=y([T,b,C],h([k])),D=y(y([],h(p)),[I]),O=function(){},I=(O.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:O,deps:[],target:i.ɵɵFactoryTarget.NgModule}),O.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:O,declarations:[T,b,C,k,I],imports:[n.CommonModule,o.ResizeSensorModule],exports:[T,b,C,k]}),O.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:O,imports:[[n.CommonModule,o.ResizeSensorModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:O,decorators:[{type:s.NgModule,args:[{declarations:[D],exports:[p],imports:[n.CommonModule,o.ResizeSensorModule]}]}]}),Object.defineProperty(M.prototype,"disabledClass",{get:function(){return this.item.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"horizontalItemClass",{get:function(){return"horizontal"===this.orientation},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"verticalItemClass",{get:function(){return"vertical"===this.orientation},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"label",{get:function(){return this.item.text||null},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"tabindex",{get:function(){return this.item.tabIndex||0},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"selectedClass",{get:function(){return this.selectedIdx?this.selectedIdx===this.index:this.item.selected},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"itemIcon",{get:function(){return!(!this.item.icon&&!this.item.iconClass)},enumerable:!1,configurable:!0}),Object.defineProperty(M.prototype,"iconClasses",{get:function(){return(this.item.icon?"k-icon k-i-"+this.item.icon:"")+" "+(this.item.iconClass||"")},enumerable:!1,configurable:!0}),M);function M(){}I.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:I,deps:[],target:i.ɵɵFactoryTarget.Component}),I.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:I,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:I,decorators:[{type:s.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:s.Input}],item:[{type:s.Input}],index:[{type:s.Input}],disabledComponent:[{type:s.Input}],selectedIdx:[{type:s.Input}],orientation:[{type:s.Input}],disabledClass:[{type:s.HostBinding,args:["attr.aria-disabled"]},{type:s.HostBinding,args:["class.k-disabled"]}],horizontalItemClass:[{type:s.HostBinding,args:["class.k-hstack"]}],verticalItemClass:[{type:s.HostBinding,args:["class.k-vstack"]}],label:[{type:s.HostBinding,args:["attr.aria-label"]}],tabindex:[{type:s.HostBinding,args:["attr.tabindex"]}],selectedClass:[{type:s.HostBinding,args:["attr.aria-selected"]},{type:s.HostBinding,args:["class.k-selected"]}]}});D=function(e){this.templateRef=e};function le(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:s.Directive,args:[{selector:"[kendoBottomNavigationItemTemplate]"}]}],ctorParameters:function(){return[{type:i.TemplateRef,decorators:[{type:s.Optional}]}]}}),le.prototype.preventDefault=function(){this.prevented=!0},le.prototype.isDefaultPrevented=function(){return this.prevented};var pe=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}(le),ce="data-kendo-bottomnavigation-index",me=["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){me.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 pe(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=Y(e,ce,this._nativeHostElement);if(e)return J(e,ce)},S);function S(e,t,n,i,o){var r=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 s.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(L),this.dynamicRTLSubscription=this.localization.changes.subscribe(function(e){e=e.rtl;r.rtl=e,r.direction=r.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:I,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:s.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.'+ce+']="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:s.Input}],border:[{type:s.Input}],disabled:[{type:s.Input}],fill:[{type:s.Input}],itemFlow:[{type:s.Input}],positionMode:[{type:s.Input}],themeColor:[{type:s.Input}],select:[{type:s.Output}],hostClass:[{type:s.HostBinding,args:["class.k-hstack"]},{type:s.HostBinding,args:["class.k-justify-content-stretch"]},{type:s.HostBinding,args:["class.k-bottom-nav"]}],borderClass:[{type:s.HostBinding,args:["class.k-bottom-nav-border"]}],disabledClass:[{type:s.HostBinding,args:["class.k-disabled"]}],role:[{type:s.HostBinding,args:["attr.role"]}],direction:[{type:s.HostBinding,args:["attr.dir"]}],itemTemplate:[{type:s.ContentChild,args:[D,{static:!1}]}]}});function de(){}var F=y([p],h([D])),w=y([I],h(F)),E=function(){},I=(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:[I,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:s.NgModule,args:[{declarations:[w],exports:[F],imports:[n.CommonModule]}]}]}),function(e){this.templateRef=e}),w=(I.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:I,deps:[{token:i.TemplateRef,optional:!0}],target:i.ɵɵFactoryTarget.Directive}),I.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:I,selector:"[kendoActionSheetHeaderTemplate]",ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:I,decorators:[{type:s.Directive,args:[{selector:"[kendoActionSheetHeaderTemplate]"}]}],ctorParameters:function(){return[{type:i.TemplateRef,decorators:[{type:s.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:s.Directive,args:[{selector:"[kendoActionSheetItemTemplate]"}]}],ctorParameters:function(){return[{type:i.TemplateRef,decorators:[{type:s.Optional}]}]}}),function(e){this.templateRef=e}),R=(F.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:F,deps:[{token:i.TemplateRef,optional:!0}],target:i.ɵɵFactoryTarget.Directive}),F.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:F,selector:"[kendoActionSheetContentTemplate]",ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:F,decorators:[{type:s.Directive,args:[{selector:"[kendoActionSheetContentTemplate]"}]}],ctorParameters:function(){return[{type:i.TemplateRef,decorators:[{type:s.Optional}]}]}}),function(e){this.templateRef=e}),B=(R.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:R,deps:[{token:i.TemplateRef,optional:!0}],target:i.ɵɵFactoryTarget.Directive}),R.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:R,selector:"[kendoActionSheetFooterTemplate]",ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:R,decorators:[{type:s.Directive,args:[{selector:"[kendoActionSheetFooterTemplate]"}]}],ctorParameters:function(){return[{type:i.TemplateRef,decorators:[{type:s.Optional}]}]}}),ue.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)&&Z.test(e.iconColor));return g(e.iconColor)&&""!==e.iconColor&&!n&&t.push("k-text-"+e.iconColor),t.join(" ")},ue.prototype.manageIconStyles=function(e){var t=g(e.iconColor)&&Z.test(e.iconColor),n=g(e.iconSize)&&""!==e.iconSize,i={};return t&&(i.color=e.iconColor),n&&(i.fontSize=e.iconSize),i},ue);function ue(){this.pointerClass=!0}B.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:B,deps:[],target:i.ɵɵFactoryTarget.Component}),B.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:B,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:B,decorators:[{type:s.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:s.Input}],item:[{type:s.Input}],pointerClass:[{type:s.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,K,this.element.nativeElement),i=this.allItems[n];i&&(i.disabled?e.preventDefault():this.ngZone.run(function(){t.itemClick.emit({item:i,originalEvent:e})}))},fe.prototype.setAttrIndex=function(e){return this.allItems.indexOf(e)};var ge=fe;function fe(e,t,n){this.renderer=e,this.ngZone=t,this.element=n,this.groupItems=[],this.allItems=[],this.itemClick=new s.EventEmitter,this.subscriptions=new a.Subscription}ge.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:ge,deps:[{token:i.Renderer2},{token:i.NgZone},{token:i.ElementRef}],target:i.ɵɵFactoryTarget.Component}),ge.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:ge,selector:"[kendoActionSheetList]",inputs:{groupItems:"groupItems",allItems:"allItems",itemTemplate:"itemTemplate"},outputs:{itemClick:"itemClick"},ngImport:i,template:'\n            <span *ngFor="let item of groupItems" kendoActionSheetItem\n                tabindex="0"\n                role="button"\n                [attr.aria-disabled]="item.disabled"\n                [class.k-actionsheet-item]="true"\n                [attr.kendo-actionsheet-item-index]="setAttrIndex(item)"\n                [class.k-disabled]="item.disabled"\n                [ngClass]="item.cssClass"\n                [ngStyle]="item.cssStyle"\n                [itemTemplate]="itemTemplate"\n                [item]="item">\n            </span>\n    ',isInline:!0,components:[{type:B,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:ge,decorators:[{type:s.Component,args:[{selector:"[kendoActionSheetList]",template:'\n            <span *ngFor="let item of groupItems" kendoActionSheetItem\n                tabindex="0"\n                role="button"\n                [attr.aria-disabled]="item.disabled"\n                [class.k-actionsheet-item]="true"\n                [attr.'+K+']="setAttrIndex(item)"\n                [class.k-disabled]="item.disabled"\n                [ngClass]="item.cssClass"\n                [ngStyle]="item.cssStyle"\n                [itemTemplate]="itemTemplate"\n                [item]="item">\n            </span>\n    '}]}],ctorParameters:function(){return[{type:i.Renderer2},{type:i.NgZone},{type:i.ElementRef}]},propDecorators:{groupItems:[{type:s.Input}],allItems:[{type:s.Input}],itemTemplate:[{type:s.Input}],itemClick:[{type:s.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(j(this.element.nativeElement),1)[0];e&&e.focus()},V.prototype.keepFocusWithinComponent=function(e,t){var n=this.element.nativeElement,n=h(j(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,K,this.element.nativeElement),e=this.items[e];e&&!e.disabled&&this.itemClick.emit({item:e,originalEvent:t})};var he=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 s.EventEmitter,this.overlayClick=new s.EventEmitter,this.titleId=null,this.rtl=!1,this.domSubs=new a.Subscription,z.validatePackage(L),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"+ ++$}he.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:he,deps:[{token:i.ElementRef},{token:i.NgZone},{token:i.Renderer2},{token:l.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),he.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:he,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:"headerTemplate",first:!0,predicate:I,descendants:!0},{propertyName:"contentTemplate",first:!0,predicate:F,descendants:!0},{propertyName:"itemTemplate",first:!0,predicate:w,descendants:!0},{propertyName:"footerTemplate",first:!0,predicate:R,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 || headerTemplate" 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="headerTemplate; else defaultTemplate"\n                                    [ngTemplateOutlet]="headerTemplate?.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="items || contentTemplate" class="k-actionsheet-content">\n                        <ng-template *ngIf="contentTemplate; else defaultContentTemplate"\n                            [ngTemplateOutlet]="contentTemplate?.templateRef">\n                        </ng-template>\n                        <ng-template #defaultContentTemplate>\n                            <div *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                            </div>\n    \n                            <hr *ngIf="shouldRenderSeparator" class="k-hr"/>\n    \n                            <div *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                            </div>\n                        </ng-template>\n                    </div>\n                    <div  *ngIf="footerTemplate" class="k-actionsheet-footer">\n                        <ng-template\n                            [ngTemplateOutlet]="footerTemplate?.templateRef">\n                        </ng-template>\n                    </div>\n                </div>\n            </div>\n        </div>\n    ',isInline:!0,components:[{type:ge,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:he,decorators:[{type:s.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 || headerTemplate" 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="headerTemplate; else defaultTemplate"\n                                    [ngTemplateOutlet]="headerTemplate?.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="items || contentTemplate" class="k-actionsheet-content">\n                        <ng-template *ngIf="contentTemplate; else defaultContentTemplate"\n                            [ngTemplateOutlet]="contentTemplate?.templateRef">\n                        </ng-template>\n                        <ng-template #defaultContentTemplate>\n                            <div *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                            </div>\n    \n                            <hr *ngIf="shouldRenderSeparator" class="k-hr"/>\n    \n                            <div *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                            </div>\n                        </ng-template>\n                    </div>\n                    <div  *ngIf="footerTemplate" class="k-actionsheet-footer">\n                        <ng-template\n                            [ngTemplateOutlet]="footerTemplate?.templateRef">\n                        </ng-template>\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:s.HostBinding,args:["class.k-actionsheet-container"]}],direction:[{type:s.HostBinding,args:["attr.dir"]}],title:[{type:s.Input}],subtitle:[{type:s.Input}],items:[{type:s.Input}],itemClick:[{type:s.Output}],overlayClick:[{type:s.Output}],headerTemplate:[{type:s.ContentChild,args:[I]}],contentTemplate:[{type:s.ContentChild,args:[F]}],itemTemplate:[{type:s.ContentChild,args:[w]}],footerTemplate:[{type:s.ContentChild,args:[R]}]}});var c=y([he],h([I,w,F,R])),t=y([B,ge],h(c)),N=function(){},B=(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:[B,ge,he,I,w,F,R],imports:[n.CommonModule],exports:[he,I,w,F,R]}),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:s.NgModule,args:[{declarations:[t],exports:[c],imports:[n.CommonModule]}]}]}),function(){});B.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:B,deps:[],target:i.ɵɵFactoryTarget.NgModule}),B.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:B,exports:[v,O,E,N]}),B.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:B,imports:[v,O,E,N]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:B,decorators:[{type:s.NgModule,args:[{exports:[v,O,E,N]}]}]}),e.ActionSheetComponent=he,e.ActionSheetContentTemplateDirective=F,e.ActionSheetFooterTemplateDirective=R,e.ActionSheetHeaderTemplateDirective=I,e.ActionSheetItemClickEvent=de,e.ActionSheetItemTemplateDirective=w,e.ActionSheetModule=N,e.AppBarComponent=m,e.AppBarModule=v,e.AppBarSectionComponent=u,e.AppBarSpacerComponent=f,e.BottomNavigationComponent=p,e.BottomNavigationItemTemplateDirective=D,e.BottomNavigationModule=E,e.BottomNavigationSelectEvent=pe,e.BreadCrumbComponent=T,e.BreadCrumbItemComponent=b,e.BreadCrumbItemTemplateDirective=k,e.BreadCrumbListComponent=C,e.BreadCrumbModule=O,e.NavigationModule=B,Object.defineProperty(e,"__esModule",{value:!0})});

package/common/util.d.ts

@@ -25,4 +25,8 @@ export declare const getId: (prefix: string) => string;
 /**
  * @hidden
  */
-export declare const getActionSheetItemIndex: (target: HTMLElement) => number;
+export declare const ACTIONSHEET_ITEM_INDEX_ATTRIBUTE = "kendo-actionsheet-item-index";
+/**
+ * @hidden
+ */
+export declare const getActionSheetItemIndex: (target: any, targetAttr: string, scope: any) => number;