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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/actionsheet/actionsheet.component.d.ts +92 -0
  2. package/actionsheet/item.component.d.ts +19 -0
  3. package/actionsheet/list.component.d.ts +27 -0
  4. package/actionsheet/models/actionsheet-item.interface.d.ts +57 -0
  5. package/actionsheet/models/group.d.ts +5 -0
  6. package/actionsheet/models/index.d.ts +9 -0
  7. package/actionsheet/models/item-click.event.d.ts +18 -0
  8. package/actionsheet/templates/item-template.directive.d.ts +17 -0
  9. package/actionsheet/templates/title-template.directive.d.ts +17 -0
  10. package/actionsheet.module.d.ts +48 -0
  11. package/bundles/kendo-angular-navigation.umd.js +1 -1
  12. package/common/util.d.ts +16 -0
  13. package/esm2015/actionsheet/actionsheet.component.js +290 -0
  14. package/esm2015/actionsheet/item.component.js +108 -0
  15. package/esm2015/actionsheet/list.component.js +91 -0
  16. package/esm2015/actionsheet/models/actionsheet-item.interface.js +5 -0
  17. package/esm2015/actionsheet/models/group.js +5 -0
  18. package/esm2015/actionsheet/models/index.js +7 -0
  19. package/esm2015/actionsheet/models/item-click.event.js +9 -0
  20. package/esm2015/actionsheet/templates/item-template.directive.js +26 -0
  21. package/esm2015/actionsheet/templates/title-template.directive.js +26 -0
  22. package/esm2015/actionsheet.module.js +72 -0
  23. package/esm2015/common/util.js +63 -0
  24. package/esm2015/main.js +6 -0
  25. package/esm2015/navigation.module.js +7 -3
  26. package/esm2015/package-metadata.js +1 -1
  27. package/fesm2015/kendo-angular-navigation.js +656 -23
  28. package/main.d.ts +5 -0
  29. package/navigation.module.d.ts +2 -1
  30. package/package.json +1 -1
@@ -0,0 +1,92 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the project root for more information
4
+ *-------------------------------------------------------------------------------------------*/
5
+ import { AfterViewInit, ElementRef, EventEmitter, NgZone, OnDestroy, Renderer2 } from '@angular/core';
6
+ import { ActionSheetTitleTemplateDirective, ActionSheetItemClickEvent, ActionSheetItemTemplateDirective } from './models';
7
+ import { ActionSheetItem } from './models/actionsheet-item.interface';
8
+ import { LocalizationService } from '@progress/kendo-angular-l10n';
9
+ import * as i0 from "@angular/core";
10
+ /**
11
+ * Represents the [Kendo UI ActionSheet component for Angular]({% slug overview_actionsheet %}).
12
+ * Used to display a set of choices related to a task the user initiates.
13
+ */
14
+ export declare class ActionSheetComponent implements AfterViewInit, OnDestroy {
15
+ private element;
16
+ private ngZone;
17
+ private renderer;
18
+ private localizationService;
19
+ /**
20
+ * @hidden
21
+ */
22
+ hostClass: boolean;
23
+ /**
24
+ * @hidden
25
+ */
26
+ direction: string;
27
+ /**
28
+ * Specifies the text that is rendered as title.
29
+ */
30
+ title: string;
31
+ /**
32
+ * Specifies the text that is rendered under the title.
33
+ */
34
+ subtitle: string;
35
+ /**
36
+ * The collection of items that will be rendered in the ActionSheet.
37
+ */
38
+ items: Array<ActionSheetItem>;
39
+ /**
40
+ * Fires when an ActionSheet item is clicked.
41
+ */
42
+ itemClick: EventEmitter<ActionSheetItemClickEvent>;
43
+ /**
44
+ * Fires when the modal overlay is clicked.
45
+ */
46
+ overlayClick: EventEmitter<any>;
47
+ /**
48
+ * @hidden
49
+ */
50
+ titleTemplate: ActionSheetTitleTemplateDirective;
51
+ /**
52
+ * @hidden
53
+ */
54
+ itemTemplate: ActionSheetItemTemplateDirective;
55
+ /**
56
+ * @hidden
57
+ */
58
+ titleId: string;
59
+ private dynamicRTLSubscription;
60
+ private rtl;
61
+ private domSubs;
62
+ constructor(element: ElementRef, ngZone: NgZone, renderer: Renderer2, localizationService: LocalizationService);
63
+ ngAfterViewInit(): void;
64
+ ngOnDestroy(): void;
65
+ /**
66
+ * @hidden
67
+ */
68
+ get topGroupItems(): Array<ActionSheetItem>;
69
+ /**
70
+ * @hidden
71
+ */
72
+ get bottomGroupItems(): Array<ActionSheetItem>;
73
+ /**
74
+ * @hidden
75
+ */
76
+ onItemClick(ev: ActionSheetItemClickEvent): void;
77
+ /**
78
+ * @hidden
79
+ */
80
+ onOverlayClick(): void;
81
+ /**
82
+ * @hidden
83
+ */
84
+ get shouldRenderSeparator(): boolean;
85
+ private initDomEvents;
86
+ private onKeyDown;
87
+ private handleInitialFocus;
88
+ private keepFocusWithinComponent;
89
+ private triggerItemClick;
90
+ static ɵfac: i0.ɵɵFactoryDeclaration<ActionSheetComponent, never>;
91
+ static ɵcmp: i0.ɵɵComponentDeclaration<ActionSheetComponent, "kendo-actionsheet", ["kendoActionSheet"], { "title": "title"; "subtitle": "subtitle"; "items": "items"; }, { "itemClick": "itemClick"; "overlayClick": "overlayClick"; }, ["titleTemplate", "itemTemplate"], never>;
92
+ }
@@ -0,0 +1,19 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the project root for more information
4
+ *-------------------------------------------------------------------------------------------*/
5
+ import { TemplateRef } from "@angular/core";
6
+ import { ActionSheetItem } from "./models";
7
+ import * as i0 from "@angular/core";
8
+ /**
9
+ * @hidden
10
+ */
11
+ export declare class ActionSheetItemComponent {
12
+ itemTemplate: TemplateRef<any>;
13
+ item: ActionSheetItem;
14
+ pointerClass: boolean;
15
+ manageIconClasses(item: ActionSheetItem): string;
16
+ manageIconStyles(item: ActionSheetItem): any;
17
+ static ɵfac: i0.ɵɵFactoryDeclaration<ActionSheetItemComponent, never>;
18
+ static ɵcmp: i0.ɵɵComponentDeclaration<ActionSheetItemComponent, "[kendoActionSheetItem]", never, { "itemTemplate": "itemTemplate"; "item": "item"; }, {}, never, never>;
19
+ }
@@ -0,0 +1,27 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the project root for more information
4
+ *-------------------------------------------------------------------------------------------*/
5
+ import { TemplateRef, EventEmitter, ElementRef, Renderer2, NgZone, OnDestroy, AfterViewInit } from "@angular/core";
6
+ import { ActionSheetItem, ActionSheetItemClickEvent } from './models';
7
+ import * as i0 from "@angular/core";
8
+ /**
9
+ * @hidden
10
+ */
11
+ export declare class ActionSheetListComponent implements AfterViewInit, OnDestroy {
12
+ private renderer;
13
+ private ngZone;
14
+ element: ElementRef;
15
+ groupItems: ActionSheetItem[];
16
+ allItems: ActionSheetItem[];
17
+ itemTemplate: TemplateRef<any>;
18
+ itemClick: EventEmitter<ActionSheetItemClickEvent>;
19
+ private subscriptions;
20
+ constructor(renderer: Renderer2, ngZone: NgZone, element: ElementRef);
21
+ ngAfterViewInit(): void;
22
+ ngOnDestroy(): void;
23
+ private initDomEvents;
24
+ private clickHandler;
25
+ static ɵfac: i0.ɵɵFactoryDeclaration<ActionSheetListComponent, never>;
26
+ static ɵcmp: i0.ɵɵComponentDeclaration<ActionSheetListComponent, "[kendoActionSheetList]", never, { "groupItems": "groupItems"; "allItems": "allItems"; "itemTemplate": "itemTemplate"; }, { "itemClick": "itemClick"; }, never, never>;
27
+ }
@@ -0,0 +1,57 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the project root for more information
4
+ *-------------------------------------------------------------------------------------------*/
5
+ import { ActionSheetItemGroup } from "./group";
6
+ /**
7
+ * An interface for the ActionSheet items.
8
+ */
9
+ export interface ActionSheetItem {
10
+ /**
11
+ * Specifies the text content of the ActionSheet item.
12
+ */
13
+ title?: string;
14
+ /**
15
+ * Defines the name for an existing icon in a Kendo UI theme.
16
+ * The icon is rendered inside the ActionSheet item by a `span.k-icon` element.
17
+ */
18
+ icon?: string;
19
+ /**
20
+ * Defines a CSS class — or multiple classes separated by spaces —
21
+ * which are applied to a span element inside the ActionSheet item.
22
+ * Allows the usage of custom icons.
23
+ */
24
+ iconClass?: string;
25
+ /**
26
+ * Defines the group of the item.
27
+ * Items can be segregated in two groups - `top` and `bottom` -
28
+ * each specifying whether the ActionSheet item will be rendered over the separator or under it.
29
+ */
30
+ group?: ActionSheetItemGroup;
31
+ /**
32
+ * Specifies additional text rendered under the item's title.
33
+ */
34
+ description?: string;
35
+ /**
36
+ * Specifies if the ActionSheet item is initially disabled.
37
+ */
38
+ disabled?: boolean;
39
+ /**
40
+ * Specifies the size of the icon. Accepts any valid font-size value.
41
+ */
42
+ iconSize?: string;
43
+ /**
44
+ * Specifies the color of the icon. Available options are `inherit`, `default`, `primary`, `secondary`, `tertiary`, `info`, `success`, `warning`, `error`, `dark`, `light`, `inverted` or any hexadecimal value.
45
+ */
46
+ iconColor?: string;
47
+ /**
48
+ * The CSS classes that will be rendered on the item.
49
+ * Supports the type of values that are supported by [ngClass]({{ site.data.urls.angular['ngclassapi'] }}).
50
+ */
51
+ cssClass?: any;
52
+ /**
53
+ * The CSS styles that will be rendered on the item.
54
+ * Supports the type of values that are supported by [ngStyle]({{ site.data.urls.angular['ngstyleapi'] }}).
55
+ */
56
+ cssStyle?: any;
57
+ }
@@ -0,0 +1,5 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the project root for more information
4
+ *-------------------------------------------------------------------------------------------*/
5
+ export declare type ActionSheetItemGroup = 'top' | 'bottom';
@@ -0,0 +1,9 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the project root for more information
4
+ *-------------------------------------------------------------------------------------------*/
5
+ export { ActionSheetItem } from './actionsheet-item.interface';
6
+ export { ActionSheetItemClickEvent } from './item-click.event';
7
+ export { ActionSheetItemGroup } from './group';
8
+ export { ActionSheetTitleTemplateDirective } from '../templates/title-template.directive';
9
+ export { ActionSheetItemTemplateDirective } from '../templates/item-template.directive';
@@ -0,0 +1,18 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the project root for more information
4
+ *-------------------------------------------------------------------------------------------*/
5
+ import { ActionSheetItem } from './actionsheet-item.interface';
6
+ /**
7
+ * Arguments for the `itemClick` event of the ActionSheet.
8
+ */
9
+ export declare class ActionSheetItemClickEvent {
10
+ /**
11
+ * The ActionSheet item that was clicked.
12
+ */
13
+ item: ActionSheetItem;
14
+ /**
15
+ * The DOM event that triggered the `itemClick` event.
16
+ */
17
+ originalEvent: any;
18
+ }
@@ -0,0 +1,17 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the project root for more information
4
+ *-------------------------------------------------------------------------------------------*/
5
+ import { TemplateRef } from '@angular/core';
6
+ import * as i0 from "@angular/core";
7
+ /**
8
+ * Represents a template that defines the item content of the ActionSheet.
9
+ * To define the template, nest an `<ng-template>` tag
10
+ * with the `kendoActionSheetItemTemplate` directive inside the `<kendo-actionsheet>` tag.
11
+ */
12
+ export declare class ActionSheetItemTemplateDirective {
13
+ templateRef: TemplateRef<any>;
14
+ constructor(templateRef: TemplateRef<any>);
15
+ static ɵfac: i0.ɵɵFactoryDeclaration<ActionSheetItemTemplateDirective, [{ optional: true; }]>;
16
+ static ɵdir: i0.ɵɵDirectiveDeclaration<ActionSheetItemTemplateDirective, "[kendoActionSheetItemTemplate]", never, {}, {}, never>;
17
+ }
@@ -0,0 +1,17 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the project root for more information
4
+ *-------------------------------------------------------------------------------------------*/
5
+ import { TemplateRef } from '@angular/core';
6
+ import * as i0 from "@angular/core";
7
+ /**
8
+ * Represents a template that defines the title content of the ActionSheet. Utilizing the template overrides both the `title` and `subtitle` of the ActionSheet.
9
+ * To define the template, nest an `<ng-template>` tag
10
+ * with the `kendoActionSheetTitleTemplate` directive inside the `<kendo-actionsheet>` tag.
11
+ */
12
+ export declare class ActionSheetTitleTemplateDirective {
13
+ templateRef: TemplateRef<any>;
14
+ constructor(templateRef: TemplateRef<any>);
15
+ static ɵfac: i0.ɵɵFactoryDeclaration<ActionSheetTitleTemplateDirective, [{ optional: true; }]>;
16
+ static ɵdir: i0.ɵɵDirectiveDeclaration<ActionSheetTitleTemplateDirective, "[kendoActionSheetTitleTemplate]", never, {}, {}, never>;
17
+ }
@@ -0,0 +1,48 @@
1
+ /**-----------------------------------------------------------------------------------------
2
+ * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
+ * Licensed under commercial license. See LICENSE.md in the project root for more information
4
+ *-------------------------------------------------------------------------------------------*/
5
+ import * as i0 from "@angular/core";
6
+ import * as i1 from "./actionsheet/item.component";
7
+ import * as i2 from "./actionsheet/list.component";
8
+ import * as i3 from "./actionsheet/actionsheet.component";
9
+ import * as i4 from "./actionsheet/templates/title-template.directive";
10
+ import * as i5 from "./actionsheet/templates/item-template.directive";
11
+ import * as i6 from "@angular/common";
12
+ /**
13
+ * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
14
+ * definition for the ActionSheet component.
15
+ *
16
+ * * @example
17
+ *
18
+ * ```ts-no-run
19
+ * // Import the ActionSheet module
20
+ * import { ActionSheetModule } from '@progress/kendo-angular-navigation';
21
+ *
22
+ * // The browser platform with a compiler
23
+ * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
24
+ * import { BrowserModule } from '@angular/platform-browser';
25
+ *
26
+ * import { NgModule } from '@angular/core';
27
+ *
28
+ * // Import the app component
29
+ * import { AppComponent } from './app.component';
30
+ *
31
+ * // Define the app module
32
+ * _@NgModule({
33
+ * declarations: [AppComponent], // declare app component
34
+ * imports: [BrowserModule, ActionSheetModule], // import ActionSheet module
35
+ * bootstrap: [AppComponent]
36
+ * })
37
+ * export class AppModule {}
38
+ *
39
+ * // Compile and launch the module
40
+ * platformBrowserDynamic().bootstrapModule(AppModule);
41
+ *
42
+ * ```
43
+ */
44
+ export declare class ActionSheetModule {
45
+ static ɵfac: i0.ɵɵFactoryDeclaration<ActionSheetModule, never>;
46
+ 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]>;
47
+ static ɵinj: i0.ɵɵInjectorDeclaration<ActionSheetModule>;
48
+ }
@@ -2,4 +2,4 @@
2
2
  * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
- !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@progress/kendo-angular-l10n"),require("@progress/kendo-licensing"),require("@angular/common"),require("@progress/kendo-angular-common"),require("rxjs"),require("rxjs/operators")):"function"==typeof define&&define.amd?define("KendoAngularNavigation",["exports","@angular/core","@progress/kendo-angular-l10n","@progress/kendo-licensing","@angular/common","@progress/kendo-angular-common","rxjs","rxjs/operators"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoAngularNavigation={},e.ng.core,e.KendoAngularL10N,e.KendoLicensing,e.ng.common,e.KendoAngularCommon,e.rxjs,e.rxjs.operators)}(this,function(e,s,t,a,n,o,l,r){"use strict";function i(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 p=i(s),c=i(t),m=i(n),d=i(o),u={name:"@progress/kendo-angular-navigation",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1665572111,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"},g=(Object.defineProperty(f.prototype,"topClass",{get:function(){return"top"===this.position},enumerable:!1,configurable:!0}),Object.defineProperty(f.prototype,"bottomClass",{get:function(){return"bottom"===this.position},enumerable:!1,configurable:!0}),Object.defineProperty(f.prototype,"stickyClass",{get:function(){return"sticky"===this.positionMode},enumerable:!1,configurable:!0}),Object.defineProperty(f.prototype,"fixedClass",{get:function(){return"fixed"===this.positionMode},enumerable:!1,configurable:!0}),Object.defineProperty(f.prototype,"staticClass",{get:function(){return"static"===this.positionMode},enumerable:!1,configurable:!0}),Object.defineProperty(f.prototype,"lightClass",{get:function(){return"light"===this.themeColor},enumerable:!1,configurable:!0}),Object.defineProperty(f.prototype,"darkClass",{get:function(){return"dark"===this.themeColor},enumerable:!1,configurable:!0}),Object.defineProperty(f.prototype,"inheritClass",{get:function(){return"inherit"===this.themeColor},enumerable:!1,configurable:!0}),f.prototype.ngOnDestroy=function(){this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe()},f);function f(e){var t=this;this.localizationService=e,this.hostClass=!0,this.position="top",this.positionMode="static",this.themeColor="light",this.rtl=!1,a.validatePackage(u),this.dynamicRTLSubscription=this.localizationService.changes.subscribe(function(e){e=e.rtl;t.rtl=e,t.direction=t.rtl?"rtl":"ltr"})}g.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:g,deps:[{token:c.LocalizationService}],target:p.ɵɵFactoryTarget.Component}),g.ɵcmp=p.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:g,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:p,template:"\n <ng-content></ng-content>\n ",isInline:!0}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:g,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:c.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)}var b=function(){this.hostClass=!0},y=(b.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:b,deps:[],target:p.ɵɵFactoryTarget.Component}),b.ɵcmp=p.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:b,selector:"kendo-appbar-section",host:{properties:{"class.k-appbar-section":"this.hostClass"}},ngImport:p,template:"\n <ng-content></ng-content>\n ",isInline:!0}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:b,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}),C=(Object.defineProperty(H.prototype,"sizedClass",{get:function(){return y(this.width)},enumerable:!1,configurable:!0}),H.prototype.ngAfterViewInit=function(){var e;y(this.width)&&(e=this.element.nativeElement,this.renderer.setStyle(e,"flexBasis",this.width))},H);function H(e,t){this.renderer=e,this.element=t,this.hostClass=!0}C.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:C,deps:[{token:p.Renderer2},{token:p.ElementRef}],target:p.ɵɵFactoryTarget.Component}),C.ɵcmp=p.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:C,selector:"kendo-appbar-spacer",inputs:{width:"width"},host:{properties:{"class.k-appbar-spacer":"this.hostClass","class.k-appbar-spacer-sized":"this.sizedClass"}},ngImport:p,template:"",isInline:!0}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:C,decorators:[{type:s.Component,args:[{selector:"kendo-appbar-spacer",template:""}]}],ctorParameters:function(){return[{type:p.Renderer2},{type:p.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 V=function(e,t){return(V=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 k(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 I(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 v=[g,b,C],x=I([],k(v)),M=function(){},x=(M.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:M,deps:[],target:p.ɵɵFactoryTarget.NgModule}),M.ɵmod=p.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:M,declarations:[g,b,C],imports:[n.CommonModule],exports:[g,b,C]}),M.ɵinj=p.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:M,imports:[[n.CommonModule]]}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:M,decorators:[{type:s.NgModule,args:[{declarations:[x],exports:[v],imports:[n.CommonModule]}]}]}),function(e){this.templateRef=e}),_=(x.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:x,deps:[{token:p.TemplateRef,optional:!0}],target:p.ɵɵFactoryTarget.Directive}),x.ɵdir=p.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:x,selector:"[kendoBreadCrumbItemTemplate]",ngImport:p}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:x,decorators:[{type:s.Directive,args:[{selector:"[kendoBreadCrumbItemTemplate]"}]}],ctorParameters:function(){return[{type:p.TemplateRef,decorators:[{type:s.Optional}]}]}}),"data-kendo-breadcrumb-index"),v=(Object.defineProperty(D.prototype,"isRootItem",{get:function(){return this.item.context.isFirst},enumerable:!1,configurable:!0}),Object.defineProperty(D.prototype,"isDisabled",{get:function(){return this.disabled||null},enumerable:!1,configurable:!0}),Object.defineProperty(D.prototype,"isLastItem",{get:function(){return this.item.context.isLast},enumerable:!1,configurable:!0}),D.prototype.ngOnInit=function(){this.disabled=this.item.data&&(this.item.data.disabled||this.item.context.isLast)},D.prototype.ngAfterViewInit=function(){o.isDocumentAvailable()&&(this.width=h(this.el.nativeElement))},D.prototype.onImageLoad=function(){o.isDocumentAvailable()&&(this.width=h(this.el.nativeElement))},D);function D(e){this.el=e,this.index=-1,this.hostClasses=!0,this.disabled=!1}v.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:v,deps:[{token:p.ElementRef}],target:p.ɵɵFactoryTarget.Component}),v.ɵcmp=p.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:v,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:p,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:m.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:m.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]},{type:m.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:v,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:p.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 L(e,t){return y(e.getAttribute(t))}function j(e,t){return+e.getAttribute(t)}function P(e,t,n){for(var i=e,o=t,r=L,s=n;i&&i!==s&&!r(i,o);)i=i.parentNode;if(i!==s)return i}Object.defineProperty(B.prototype,"icon",{get:function(){return this._icon},set:function(e){var t=this.el.nativeElement;t.classList.remove("k-i-"+this._icon),y(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}),B.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)})},B.prototype.ngOnDestroy=function(){this.localizationChangesSubscription.unsubscribe()};var T=B;function B(e,t){this.el=e,this.localization=t,this.defaultClasses=!0,this.ariaHidden=!0,this.direction="ltr",this.direction=this.localization.rtl?"rtl":"ltr"}T.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:T,deps:[{token:p.ElementRef},{token:c.LocalizationService}],target:p.ɵɵFactoryTarget.Directive}),T.ɵdir=p.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:T,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:p}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:T,decorators:[{type:s.Directive,args:[{selector:"[kendoBreadCrumbSeparator]"}]}],ctorParameters:function(){return[{type:p.ElementRef},{type:c.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"]}]}});A.prototype.ngOnDestroy=function(){this.domEventsSubscription.unsubscribe()},A.prototype.getItemIndex=function(e){e=P(e,_,this.el.nativeElement);if(e)return j(e,_)};var O=A;function A(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=l.fromEvent(i,"click"),t=l.fromEvent(i,"keydown").pipe(r.filter(function(e){return e.keyCode===o.Keys.Enter}));n.domEventsSubscription=l.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(y),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)})})})}O.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:O,deps:[{token:p.ElementRef},{token:p.NgZone}],target:p.ɵɵFactoryTarget.Component}),O.ɵcmp=p.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:O,selector:"[kendoBreadCrumbList]",inputs:{items:"items",itemTemplate:"itemTemplate",collapseMode:"collapseMode",separatorIcon:"separatorIcon"},outputs:{itemClick:"itemClick"},viewQueries:[{propertyName:"renderedItems",predicate:v,descendants:!0}],ngImport:p,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:v,selector:"[kendoBreadCrumbItem]",inputs:["item","collapseMode","index","itemTemplate"]}],directives:[{type:m.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:m.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:T,selector:"[kendoBreadCrumbSeparator]",inputs:["icon"]}]}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:O,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.'+_+']="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:p.ElementRef},{type:p.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:[v]}]}});function $(e){return e.item.context.collapsed}function K(e){return!0===$(e)}function q(e){return!1===$(e)}function U(t){return function(e){return e.find(function(e){return $(e)===t}).item.context.collapsed=!t}}var Z=U(!1),X=U(!0),w=(Object.defineProperty(F.prototype,"items",{get:function(){return this._items},set:function(e){this._items=e||[],this.updateItems.next(this._items)},enumerable:!1,configurable:!0}),Object.defineProperty(F.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(F.prototype,"wrapMode",{get:function(){return"wrap"===this.collapseMode},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"getDir",{get:function(){return this.direction},enumerable:!1,configurable:!0}),F.prototype.ngOnInit=function(){var t=this;this.subscriptions.add(this.localization.changes.subscribe(function(e){e=e.rtl;return t.direction=e?"rtl":"ltr"}))},F.prototype.ngAfterViewInit=function(){this.attachResizeHandler(),this.afterViewInit.next()},F.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},F.prototype.handleResize=function(){var e=I([],k(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=(I([],k(e)).reverse().find(K)||{width:0}).width;return t<=n&&e.find(q)?(Z(e),this.cdr.detectChanges(),this.handleResize()):n+i<t&&e.find(K)?(X(I([],k(e)).reverse()),this.cdr.detectChanges(),this.handleResize()):void 0},F.prototype.shouldResize=function(){return o.isDocumentAvailable()&&"auto"===this.collapseMode},F.prototype.attachResizeHandler=function(){var e=this;this.subscriptions.add(l.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())})})})}))},F);function F(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 l.ReplaySubject,this.afterViewInit=new l.Subject,this.subscriptions=new l.Subscription,this.direction="ltr",a.validatePackage(u);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())}w.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:w,deps:[{token:p.ElementRef},{token:p.ChangeDetectorRef},{token:p.NgZone},{token:c.LocalizationService}],target:p.ɵɵFactoryTarget.Component}),w.ɵcmp=p.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:w,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:x,descendants:!0}],viewQueries:[{propertyName:"resizeSensor",first:!0,predicate:["resizeSensor"],descendants:!0,static:!0},{propertyName:"listComponent",first:!0,predicate:O,descendants:!0,static:!0},{propertyName:"itemsContainers",predicate:["itemsContainer"],descendants:!0,read:s.ElementRef}],exportAs:["kendoBreadCrumb"],ngImport:p,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:O,selector:"[kendoBreadCrumbList]",inputs:["items","itemTemplate","collapseMode","separatorIcon"],outputs:["itemClick"]},{type:d.ResizeSensorComponent,selector:"kendo-resize-sensor",inputs:["rateLimit"],outputs:["resize"]}],directives:[{type:m.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:m.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}],pipes:{async:m.AsyncPipe}}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:w,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:p.ElementRef},{type:p.ChangeDetectorRef},{type:p.NgZone},{type:c.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:[O,{static:!0}]}],itemTemplate:[{type:s.ContentChild,args:[x,{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 d=I([w,v,O],k([x])),E=I(I([],k(d)),[T]),z=function(){},T=(z.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:z,deps:[],target:p.ɵɵFactoryTarget.NgModule}),z.ɵmod=p.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:z,declarations:[w,v,O,x,T],imports:[n.CommonModule,o.ResizeSensorModule],exports:[w,v,O,x]}),z.ɵinj=p.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:z,imports:[[n.CommonModule,o.ResizeSensorModule]]}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:z,decorators:[{type:s.NgModule,args:[{declarations:[E],exports:[d],imports:[n.CommonModule,o.ResizeSensorModule]}]}]}),Object.defineProperty(N.prototype,"disabledClass",{get:function(){return this.item.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(N.prototype,"horizontalItemClass",{get:function(){return"horizontal"===this.orientation},enumerable:!1,configurable:!0}),Object.defineProperty(N.prototype,"verticalItemClass",{get:function(){return"vertical"===this.orientation},enumerable:!1,configurable:!0}),Object.defineProperty(N.prototype,"label",{get:function(){return this.item.text||null},enumerable:!1,configurable:!0}),Object.defineProperty(N.prototype,"tabindex",{get:function(){return this.item.tabIndex||0},enumerable:!1,configurable:!0}),Object.defineProperty(N.prototype,"selectedClass",{get:function(){return this.selectedIdx?this.selectedIdx===this.index:this.item.selected},enumerable:!1,configurable:!0}),Object.defineProperty(N.prototype,"itemIcon",{get:function(){return!(!this.item.icon&&!this.item.iconClass)},enumerable:!1,configurable:!0}),Object.defineProperty(N.prototype,"iconClasses",{get:function(){return(this.item.icon?"k-icon k-i-"+this.item.icon:"")+" "+(this.item.iconClass||"")},enumerable:!1,configurable:!0}),N);function N(){}T.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:T,deps:[],target:p.ɵɵFactoryTarget.Component}),T.ɵcmp=p.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:T,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:p,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:m.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:m.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:m.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]}]}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:T,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"]}]}});E=function(e){this.templateRef=e};function Q(e){this.prevented=!1,Object.assign(this,e)}E.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:E,deps:[{token:p.TemplateRef,optional:!0}],target:p.ɵɵFactoryTarget.Directive}),E.ɵdir=p.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:E,selector:"[kendoBottomNavigationItemTemplate]",ngImport:p}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:E,decorators:[{type:s.Directive,args:[{selector:"[kendoBottomNavigationItemTemplate]"}]}],ctorParameters:function(){return[{type:p.TemplateRef,decorators:[{type:s.Optional}]}]}}),Q.prototype.preventDefault=function(){this.prevented=!0},Q.prototype.isDefaultPrevented=function(){return this.prevented};var W=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 V(t,n),t.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i),o}(Q),G="data-kendo-bottomnavigation-index",J=["primary","secondary","tertiary","info","success","warning","error","dark","light","inverse"],d=(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){J.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 W(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=P(e,G,this._nativeHostElement);if(e)return j(e,G)},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 l.Subscription,this.rtl=!1,a.validatePackage(u),this.dynamicRTLSubscription=this.localization.changes.subscribe(function(e){e=e.rtl;r.rtl=e,r.direction=r.rtl?"rtl":"ltr"})}d.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:d,deps:[{token:c.LocalizationService},{token:p.ElementRef},{token:p.NgZone},{token:p.ChangeDetectorRef},{token:p.Renderer2}],target:p.ɵɵFactoryTarget.Component}),d.ɵcmp=p.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:d,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:E,descendants:!0}],exportAs:["kendoBottomNavigation"],ngImport:p,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:T,selector:"[kendoBottomNavigationItem]",inputs:["itemTemplate","item","index","disabledComponent","selectedIdx","orientation"]}],directives:[{type:m.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:m.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:m.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:m.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]}]}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:d,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.'+G+']="idx"\n [ngClass]="item.cssClass"\n [ngStyle]="item.cssStyle"\n [orientation]="itemFlow">\n </span>\n </ng-container>\n '}]}],ctorParameters:function(){return[{type:c.LocalizationService},{type:p.ElementRef},{type:p.NgZone},{type:p.ChangeDetectorRef},{type:p.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:[E,{static:!1}]}]}});var m=I([d],k([E])),t=I([T],k(m)),R=function(){},T=(R.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:R,deps:[],target:p.ɵɵFactoryTarget.NgModule}),R.ɵmod=p.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:R,declarations:[T,d,E],imports:[n.CommonModule],exports:[d,E]}),R.ɵinj=p.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:R,imports:[[n.CommonModule]]}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:R,decorators:[{type:s.NgModule,args:[{declarations:[t],exports:[m],imports:[n.CommonModule]}]}]}),function(){});T.ɵfac=p.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:T,deps:[],target:p.ɵɵFactoryTarget.NgModule}),T.ɵmod=p.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:T,exports:[M,z,R]}),T.ɵinj=p.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:T,imports:[M,z,R]}),p.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:p,type:T,decorators:[{type:s.NgModule,args:[{exports:[M,z,R]}]}]}),e.AppBarComponent=g,e.AppBarModule=M,e.AppBarSectionComponent=b,e.AppBarSpacerComponent=C,e.BottomNavigationComponent=d,e.BottomNavigationItemTemplateDirective=E,e.BottomNavigationModule=R,e.BottomNavigationSelectEvent=W,e.BreadCrumbComponent=w,e.BreadCrumbItemComponent=v,e.BreadCrumbItemTemplateDirective=x,e.BreadCrumbListComponent=O,e.BreadCrumbModule=z,e.NavigationModule=T,Object.defineProperty(e,"__esModule",{value:!0})});
5
+ !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@progress/kendo-angular-l10n"),require("@progress/kendo-licensing"),require("@progress/kendo-angular-common"),require("@angular/common"),require("rxjs"),require("rxjs/operators")):"function"==typeof define&&define.amd?define("KendoAngularNavigation",["exports","@angular/core","@progress/kendo-angular-l10n","@progress/kendo-licensing","@progress/kendo-angular-common","@angular/common","rxjs","rxjs/operators"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoAngularNavigation={},e.ng.core,e.KendoAngularL10N,e.KendoLicensing,e.KendoAngularCommon,e.ng.common,e.rxjs,e.rxjs.operators)}(this,function(e,r,t,z,o,n,a,s){"use strict";function L(n){var i;return n&&n.__esModule?n:(i=Object.create(null),n&&Object.keys(n).forEach(function(e){var t;"default"!==e&&(t=Object.getOwnPropertyDescriptor(n,e),Object.defineProperty(i,e,t.get?t:{enumerable:!0,get:function(){return n[e]}}))}),i.default=n,Object.freeze(i))}var i=L(r),l=L(t),p=L(o),c=L(n),A={name:"@progress/kendo-angular-navigation",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1665992185,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning"},m=(Object.defineProperty(d.prototype,"topClass",{get:function(){return"top"===this.position},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"bottomClass",{get:function(){return"bottom"===this.position},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"stickyClass",{get:function(){return"sticky"===this.positionMode},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"fixedClass",{get:function(){return"fixed"===this.positionMode},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"staticClass",{get:function(){return"static"===this.positionMode},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"lightClass",{get:function(){return"light"===this.themeColor},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"darkClass",{get:function(){return"dark"===this.themeColor},enumerable:!1,configurable:!0}),Object.defineProperty(d.prototype,"inheritClass",{get:function(){return"inherit"===this.themeColor},enumerable:!1,configurable:!0}),d.prototype.ngOnDestroy=function(){this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe()},d);function d(e){var t=this;this.localizationService=e,this.hostClass=!0,this.position="top",this.positionMode="static",this.themeColor="light",this.rtl=!1,z.validatePackage(A),this.dynamicRTLSubscription=this.localizationService.changes.subscribe(function(e){e=e.rtl;t.rtl=e,t.direction=t.rtl?"rtl":"ltr"})}m.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:m,deps:[{token:l.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),m.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:m,selector:"kendo-appbar",inputs:{position:"position",positionMode:"positionMode",themeColor:"themeColor"},host:{properties:{"class.k-appbar":"this.hostClass","class.k-appbar-top":"this.topClass","class.k-appbar-bottom":"this.bottomClass","class.k-appbar-sticky":"this.stickyClass","class.k-appbar-fixed":"this.fixedClass","class.k-appbar-static":"this.staticClass","class.k-appbar-light":"this.lightClass","class.k-appbar-dark":"this.darkClass","class.k-appbar-inherit":"this.inheritClass","attr.dir":"this.direction"}},providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.appbar.component"}],exportAs:["kendoAppBar"],ngImport:i,template:"\n <ng-content></ng-content>\n ",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:m,decorators:[{type:r.Component,args:[{exportAs:"kendoAppBar",selector:"kendo-appbar",template:"\n <ng-content></ng-content>\n ",providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.appbar.component"}]}]}],ctorParameters:function(){return[{type:l.LocalizationService}]},propDecorators:{hostClass:[{type:r.HostBinding,args:["class.k-appbar"]}],topClass:[{type:r.HostBinding,args:["class.k-appbar-top"]}],bottomClass:[{type:r.HostBinding,args:["class.k-appbar-bottom"]}],stickyClass:[{type:r.HostBinding,args:["class.k-appbar-sticky"]}],fixedClass:[{type:r.HostBinding,args:["class.k-appbar-fixed"]}],staticClass:[{type:r.HostBinding,args:["class.k-appbar-static"]}],lightClass:[{type:r.HostBinding,args:["class.k-appbar-light"]}],darkClass:[{type:r.HostBinding,args:["class.k-appbar-dark"]}],inheritClass:[{type:r.HostBinding,args:["class.k-appbar-inherit"]}],direction:[{type:r.HostBinding,args:["attr.dir"]}],position:[{type:r.Input}],positionMode:[{type:r.Input}],themeColor:[{type:r.Input}]}});function j(e){var t=e.offsetWidth,e=getComputedStyle(e);return t+=(parseFloat(e.marginLeft)||0)+(parseFloat(e.marginRight)||0)}function H(e){var t=$(e);return[0<t.length?t[0]:e,0<t.length?t[t.length-1]:e]}function P(e){var t,n,i;if(o.isDocumentAvailable())return t=document.querySelectorAll(".k-actionsheet-action"),n=o.closestInScope(e,function(e){return null==(e=e.classList)?void 0:e.contains("k-actionsheet-action")},_),i=null,t.forEach(function(e,t){e===n&&(i=t)}),i}var u=function(){this.hostClass=!0},_=(u.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:u,deps:[],target:i.ɵɵFactoryTarget.Component}),u.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:u,selector:"kendo-appbar-section",host:{properties:{"class.k-appbar-section":"this.hostClass"}},ngImport:i,template:"\n <ng-content></ng-content>\n ",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:u,decorators:[{type:r.Component,args:[{selector:"kendo-appbar-section",template:"\n <ng-content></ng-content>\n "}]}],propDecorators:{hostClass:[{type:r.HostBinding,args:["class.k-appbar-section"]}]}}),this),g=function(e){return null!=e},$=function(e){return e.querySelectorAll(Z)},Z=["a[href]","area[href]","input:not([disabled])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])","iframe","object","embed","*[tabindex]","*[contenteditable]"].join(","),K=0,G=/^#([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/,f=(Object.defineProperty(q.prototype,"sizedClass",{get:function(){return g(this.width)},enumerable:!1,configurable:!0}),q.prototype.ngAfterViewInit=function(){var e;g(this.width)&&(e=this.element.nativeElement,this.renderer.setStyle(e,"flexBasis",this.width))},q);function q(e,t){this.renderer=e,this.element=t,this.hostClass=!0}f.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:f,deps:[{token:i.Renderer2},{token:i.ElementRef}],target:i.ɵɵFactoryTarget.Component}),f.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:f,selector:"kendo-appbar-spacer",inputs:{width:"width"},host:{properties:{"class.k-appbar-spacer":"this.hostClass","class.k-appbar-spacer-sized":"this.sizedClass"}},ngImport:i,template:"",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:f,decorators:[{type:r.Component,args:[{selector:"kendo-appbar-spacer",template:""}]}],ctorParameters:function(){return[{type:i.Renderer2},{type:i.ElementRef}]},propDecorators:{hostClass:[{type:r.HostBinding,args:["class.k-appbar-spacer"]}],sizedClass:[{type:r.HostBinding,args:["class.k-appbar-spacer-sized"]}],width:[{type:r.Input}]}});var U=function(e,t){return(U=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}))(e,t)};Object.create;function h(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var i,o,s=n.call(e),r=[];try{for(;(void 0===t||0<t--)&&!(i=s.next()).done;)r.push(i.value)}catch(e){o={error:e}}finally{try{i&&!i.done&&(n=s.return)&&n.call(s)}finally{if(o)throw o.error}}return r}function y(e,t,n){if(n||2===arguments.length)for(var i,o=0,s=t.length;o<s;o++)!i&&o in t||((i=i||Array.prototype.slice.call(t,0,o))[o]=t[o]);return e.concat(i||Array.prototype.slice.call(t))}Object.create;var b=[m,u,f],k=y([],h(b)),I=function(){},k=(I.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:I,deps:[],target:i.ɵɵFactoryTarget.NgModule}),I.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:I,declarations:[m,u,f],imports:[n.CommonModule],exports:[m,u,f]}),I.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:I,imports:[[n.CommonModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:I,decorators:[{type:r.NgModule,args:[{declarations:[k],exports:[b],imports:[n.CommonModule]}]}]}),function(e){this.templateRef=e}),X=(k.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:k,deps:[{token:i.TemplateRef,optional:!0}],target:i.ɵɵFactoryTarget.Directive}),k.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:k,selector:"[kendoBreadCrumbItemTemplate]",ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:k,decorators:[{type:r.Directive,args:[{selector:"[kendoBreadCrumbItemTemplate]"}]}],ctorParameters:function(){return[{type:i.TemplateRef,decorators:[{type:r.Optional}]}]}}),"data-kendo-breadcrumb-index"),b=(Object.defineProperty(W.prototype,"isRootItem",{get:function(){return this.item.context.isFirst},enumerable:!1,configurable:!0}),Object.defineProperty(W.prototype,"isDisabled",{get:function(){return this.disabled||null},enumerable:!1,configurable:!0}),Object.defineProperty(W.prototype,"isLastItem",{get:function(){return this.item.context.isLast},enumerable:!1,configurable:!0}),W.prototype.ngOnInit=function(){this.disabled=this.item.data&&(this.item.data.disabled||this.item.context.isLast)},W.prototype.ngAfterViewInit=function(){o.isDocumentAvailable()&&(this.width=j(this.el.nativeElement))},W.prototype.onImageLoad=function(){o.isDocumentAvailable()&&(this.width=j(this.el.nativeElement))},W);function W(e){this.el=e,this.index=-1,this.hostClasses=!0,this.disabled=!1}b.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:b,deps:[{token:i.ElementRef}],target:i.ɵɵFactoryTarget.Component}),b.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:b,selector:"[kendoBreadCrumbItem]",inputs:{item:"item",collapseMode:"collapseMode",index:"index",itemTemplate:"itemTemplate"},host:{properties:{"class.k-flex-none":"this.hostClasses","class.k-breadcrumb-item":"this.hostClasses","class.k-breadcrumb-root-item":"this.isRootItem","attr.aria-disabled":"this.isDisabled","class.k-breadcrumb-last-item":"this.isLastItem"}},ngImport:i,template:'\n <ng-template #separator>\n <ng-content select="[kendoBreadCrumbSeparator]"></ng-content>\n </ng-template>\n\n <ng-container *ngIf="collapseMode === \'wrap\'">\n <ng-container *ngTemplateOutlet="separator"></ng-container>\n </ng-container>\n\n <ng-container *ngIf="!item.context.collapsed">\n <span\n *ngIf="!itemTemplate"\n [ngClass]="{\n \'k-breadcrumb-root-link\': item.context.isFirst,\n \'k-breadcrumb-link\': index !== 0,\n \'k-breadcrumb-icontext-link\': !!item.data.icon && !!item.data.text,\n \'k-breadcrumb-icon-link\': !!item.data.icon && !item.data.text,\n \'k-disabled\': disabled\n }"\n [title]="item.data.title || \'\'"\n [tabindex]="disabled ? -1 : 0"\n [attr.aria-current]="item.context.isLast ? true : null"\n role="link"\n class="k-cursor-pointer k-flex-none"\n >\n <img *ngIf="item.data.imageUrl" (load)="onImageLoad()" [src]="item.data.imageUrl" class="k-image" role="presentation" />\n <span *ngIf="item.data.icon && !item.data.iconClass" class="k-icon k-i-{{ item.data.icon }}"></span>\n <span *ngIf="item.data.iconClass" class="{{ item.data.iconClass }}"></span>\n {{ item.data.text }}\n </span>\n <ng-template\n *ngIf="itemTemplate"\n [ngTemplateOutlet]="itemTemplate"\n [ngTemplateOutletContext]="{\n $implicit: item.data,\n index: index\n }"\n ></ng-template>\n </ng-container>\n\n <ng-container *ngIf="collapseMode !== \'wrap\'">\n <ng-container *ngTemplateOutlet="separator"></ng-container>\n </ng-container>\n ',isInline:!0,directives:[{type:c.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:c.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]},{type:c.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:b,decorators:[{type:r.Component,args:[{selector:"[kendoBreadCrumbItem]",template:'\n <ng-template #separator>\n <ng-content select="[kendoBreadCrumbSeparator]"></ng-content>\n </ng-template>\n\n <ng-container *ngIf="collapseMode === \'wrap\'">\n <ng-container *ngTemplateOutlet="separator"></ng-container>\n </ng-container>\n\n <ng-container *ngIf="!item.context.collapsed">\n <span\n *ngIf="!itemTemplate"\n [ngClass]="{\n \'k-breadcrumb-root-link\': item.context.isFirst,\n \'k-breadcrumb-link\': index !== 0,\n \'k-breadcrumb-icontext-link\': !!item.data.icon && !!item.data.text,\n \'k-breadcrumb-icon-link\': !!item.data.icon && !item.data.text,\n \'k-disabled\': disabled\n }"\n [title]="item.data.title || \'\'"\n [tabindex]="disabled ? -1 : 0"\n [attr.aria-current]="item.context.isLast ? true : null"\n role="link"\n class="k-cursor-pointer k-flex-none"\n >\n <img *ngIf="item.data.imageUrl" (load)="onImageLoad()" [src]="item.data.imageUrl" class="k-image" role="presentation" />\n <span *ngIf="item.data.icon && !item.data.iconClass" class="k-icon k-i-{{ item.data.icon }}"></span>\n <span *ngIf="item.data.iconClass" class="{{ item.data.iconClass }}"></span>\n {{ item.data.text }}\n </span>\n <ng-template\n *ngIf="itemTemplate"\n [ngTemplateOutlet]="itemTemplate"\n [ngTemplateOutletContext]="{\n $implicit: item.data,\n index: index\n }"\n ></ng-template>\n </ng-container>\n\n <ng-container *ngIf="collapseMode !== \'wrap\'">\n <ng-container *ngTemplateOutlet="separator"></ng-container>\n </ng-container>\n '}]}],ctorParameters:function(){return[{type:i.ElementRef}]},propDecorators:{item:[{type:r.Input}],collapseMode:[{type:r.Input}],index:[{type:r.Input}],itemTemplate:[{type:r.Input}],hostClasses:[{type:r.HostBinding,args:["class.k-flex-none"]},{type:r.HostBinding,args:["class.k-breadcrumb-item"]}],isRootItem:[{type:r.HostBinding,args:["class.k-breadcrumb-root-item"]}],isDisabled:[{type:r.HostBinding,args:["attr.aria-disabled"]}],isLastItem:[{type:r.HostBinding,args:["class.k-breadcrumb-last-item"]}]}});function Q(e,t){return+e.getAttribute(t)}function J(e,t,n){return Y(e,t,ee,n)}var Y=function(e,t,n,i){for(;e&&e!==i&&!n(e,t);)e=e.parentNode;if(e!==i)return e},ee=function(e,t){return g(e.getAttribute(t))},v=(Object.defineProperty(te.prototype,"icon",{get:function(){return this._icon},set:function(e){var t=this.el.nativeElement;t.classList.remove("k-i-"+this._icon),g(e)?(this._icon=e,this.hasDefaultIcon=!1):(this._icon="ltr"===this.direction?"chevron-right":"chevron-left",this.hasDefaultIcon=!0),t.classList.add("k-i-"+this._icon)},enumerable:!1,configurable:!0}),te.prototype.ngOnInit=function(){var t=this;this.localizationChangesSubscription=this.localization.changes.subscribe(function(e){e=e.rtl;t.direction=e?"rtl":"ltr",t.hasDefaultIcon&&(t.icon=void 0)})},te.prototype.ngOnDestroy=function(){this.localizationChangesSubscription.unsubscribe()},te);function te(e,t){this.el=e,this.localization=t,this.defaultClasses=!0,this.ariaHidden=!0,this.direction="ltr",this.direction=this.localization.rtl?"rtl":"ltr"}v.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:v,deps:[{token:i.ElementRef},{token:l.LocalizationService}],target:i.ɵɵFactoryTarget.Directive}),v.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:v,selector:"[kendoBreadCrumbSeparator]",inputs:{icon:"icon"},host:{properties:{"class.k-breadcrumb-delimiter-icon":"this.defaultClasses","class.k-icon":"this.defaultClasses","attr.aria-hidden":"this.ariaHidden"}},ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:v,decorators:[{type:r.Directive,args:[{selector:"[kendoBreadCrumbSeparator]"}]}],ctorParameters:function(){return[{type:i.ElementRef},{type:l.LocalizationService}]},propDecorators:{icon:[{type:r.Input}],defaultClasses:[{type:r.HostBinding,args:["class.k-breadcrumb-delimiter-icon"]},{type:r.HostBinding,args:["class.k-icon"]}],ariaHidden:[{type:r.HostBinding,args:["attr.aria-hidden"]}]}});ne.prototype.ngOnDestroy=function(){this.domEventsSubscription.unsubscribe()},ne.prototype.getItemIndex=function(e){e=J(e,X,this.el.nativeElement);if(e)return Q(e,X)};var C=ne;function ne(e,t){var n=this,i=(this.el=e,this.zone=t,this.items=[],this.collapseMode="auto",this.itemClick=new r.EventEmitter,this.el.nativeElement);this.isRootItemContainer=i.classList.contains("k-breadcrumb-root-item-container"),this.zone.runOutsideAngular(function(){var e=a.fromEvent(i,"click"),t=a.fromEvent(i,"keydown").pipe(s.filter(function(e){return e.keyCode===o.Keys.Enter}));n.domEventsSubscription=a.merge(e,t).pipe(s.map(function(e){return e.target}),s.filter(function(e){return!e.classList.contains("k-breadcrumb-delimiter-icon")}),s.map(function(e){return n.getItemIndex(e)}),s.filter(g),s.map(function(e){return parseInt(e,10)}),s.map(function(e){return n.items[e]}),s.filter(function(e){return!e.data.disabled&&!e.context.isLast}),s.map(function(e){return e.data})).subscribe(function(e){n.zone.run(function(){return n.itemClick.emit(e)})})})}C.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:C,deps:[{token:i.ElementRef},{token:i.NgZone}],target:i.ɵɵFactoryTarget.Component}),C.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:C,selector:"[kendoBreadCrumbList]",inputs:{items:"items",itemTemplate:"itemTemplate",collapseMode:"collapseMode",separatorIcon:"separatorIcon"},outputs:{itemClick:"itemClick"},viewQueries:[{propertyName:"renderedItems",predicate:b,descendants:!0}],ngImport:i,template:'\n <ng-container *ngFor="let item of items; let i = index; let isFirst = first; let isLast = last">\n <li\n #renderedItem\n kendoBreadCrumbItem\n *ngIf="!(collapseMode === \'wrap\' && isFirst) || isRootItemContainer"\n [attr.data-kendo-breadcrumb-index]="i"\n [item]="item"\n [index]="i"\n [collapseMode]="collapseMode"\n [itemTemplate]="itemTemplate"\n >\n <span kendoBreadCrumbSeparator [icon]="separatorIcon" *ngIf="collapseMode === \'wrap\' && !isFirst"></span>\n <span\n kendoBreadCrumbSeparator\n [icon]="separatorIcon"\n *ngIf="collapseMode !== \'wrap\' && !isLast && !(item?.context.collapsed && items[i + 1]?.context.collapsed)"\n ></span>\n </li>\n </ng-container>\n ',isInline:!0,components:[{type:b,selector:"[kendoBreadCrumbItem]",inputs:["item","collapseMode","index","itemTemplate"]}],directives:[{type:c.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:c.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:v,selector:"[kendoBreadCrumbSeparator]",inputs:["icon"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:C,decorators:[{type:r.Component,args:[{selector:"[kendoBreadCrumbList]",template:'\n <ng-container *ngFor="let item of items; let i = index; let isFirst = first; let isLast = last">\n <li\n #renderedItem\n kendoBreadCrumbItem\n *ngIf="!(collapseMode === \'wrap\' && isFirst) || isRootItemContainer"\n [attr.'+X+']="i"\n [item]="item"\n [index]="i"\n [collapseMode]="collapseMode"\n [itemTemplate]="itemTemplate"\n >\n <span kendoBreadCrumbSeparator [icon]="separatorIcon" *ngIf="collapseMode === \'wrap\' && !isFirst"></span>\n <span\n kendoBreadCrumbSeparator\n [icon]="separatorIcon"\n *ngIf="collapseMode !== \'wrap\' && !isLast && !(item?.context.collapsed && items[i + 1]?.context.collapsed)"\n ></span>\n </li>\n </ng-container>\n '}]}],ctorParameters:function(){return[{type:i.ElementRef},{type:i.NgZone}]},propDecorators:{items:[{type:r.Input}],itemTemplate:[{type:r.Input}],collapseMode:[{type:r.Input}],separatorIcon:[{type:r.Input}],itemClick:[{type:r.Output}],renderedItems:[{type:r.ViewChildren,args:[b]}]}});function ie(e){return!0===re(e)}function oe(e){return!1===re(e)}function se(t){return function(e){return e.find(function(e){return re(e)===t}).item.context.collapsed=!t}}var re=function(e){return e.item.context.collapsed},ae=se(!1),le=se(!0),T=(Object.defineProperty(x.prototype,"items",{get:function(){return this._items},set:function(e){this._items=e||[],this.updateItems.next(this._items)},enumerable:!1,configurable:!0}),Object.defineProperty(x.prototype,"collapseMode",{get:function(){return this._collapseMode},set:function(e){if(r.isDevMode()&&["auto","wrap","none"].indexOf(e)<0)throw new Error('Invalid collapse mode. Allowed values are "auto", "wrap" or "none". \nFor more details see https://www.telerik.com/kendo-angular-ui/components/navigation/api/BreadCrumbCollapseMode/');this._collapseMode=e||"auto",this.updateItems.next(this.items)},enumerable:!1,configurable:!0}),Object.defineProperty(x.prototype,"wrapMode",{get:function(){return"wrap"===this.collapseMode},enumerable:!1,configurable:!0}),Object.defineProperty(x.prototype,"getDir",{get:function(){return this.direction},enumerable:!1,configurable:!0}),x.prototype.ngOnInit=function(){var t=this;this.subscriptions.add(this.localization.changes.subscribe(function(e){e=e.rtl;return t.direction=e?"rtl":"ltr"}))},x.prototype.ngAfterViewInit=function(){this.attachResizeHandler(),this.afterViewInit.next()},x.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},x.prototype.handleResize=function(){var e=y([],h(this.listComponent.renderedItems.toArray().filter(function(e){return!e.item.context.isFirst&&!e.item.context.isLast}))),t=j(this.el.nativeElement),n=Math.floor(this.itemsContainers.toArray().map(function(e){return j(e.nativeElement)}).reduce(function(e,t){return e+t},0)),i=(y([],h(e)).reverse().find(ie)||{width:0}).width;return t<=n&&e.find(oe)?(ae(e),this.cdr.detectChanges(),this.handleResize()):n+i<t&&e.find(ie)?(le(y([],h(e)).reverse()),this.cdr.detectChanges(),this.handleResize()):void 0},x.prototype.shouldResize=function(){return o.isDocumentAvailable()&&"auto"===this.collapseMode},x.prototype.attachResizeHandler=function(){var e=this;this.subscriptions.add(a.merge(this.resizeSensor.resize,this.itemsData$,this.afterViewInit.asObservable()).pipe(s.filter(function(){return e.shouldResize()})).subscribe(function(){e.zone.runOutsideAngular(function(){return setTimeout(function(){e.zone.run(function(){e.listComponent&&(e.handleResize(),e.resizeSensor.acceptSize())})})})}))},x);function x(e,t,n,i){this.el=e,this.cdr=t,this.zone=n,this.localization=i,this.itemClick=new r.EventEmitter,this.hostClasses=!0,this._items=[],this._collapseMode="auto",this.updateItems=new a.ReplaySubject,this.afterViewInit=new a.Subject,this.subscriptions=new a.Subscription,this.direction="ltr",z.validatePackage(A);e=this.updateItems.asObservable().pipe(s.startWith([]));this.direction=i.rtl?"rtl":"ltr",this.itemsData$=e.pipe(s.map(function(e){return e.filter(Boolean)}),s.map(function(e){return e.map(function(e,t,n){return{context:{collapsed:!1,isLast:t===n.length-1,isFirst:0===t},data:e}})}),s.share()),this.firstItem$=e.pipe(s.map(function(e){return 0<e.length?[{context:{collapsed:!1,isLast:1===e.length,isFirst:!0},data:e[0]}]:[]}),s.share())}T.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:T,deps:[{token:i.ElementRef},{token:i.ChangeDetectorRef},{token:i.NgZone},{token:l.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),T.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:T,selector:"kendo-breadcrumb",inputs:{items:"items",separatorIcon:"separatorIcon",collapseMode:"collapseMode"},outputs:{itemClick:"itemClick"},host:{properties:{"class.k-widget":"this.hostClasses","class.k-breadcrumb":"this.hostClasses","class.k-breadcrumb-wrap":"this.wrapMode","attr.dir":"this.getDir"}},providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.breadcrumb"}],queries:[{propertyName:"itemTemplate",first:!0,predicate:k,descendants:!0}],viewQueries:[{propertyName:"resizeSensor",first:!0,predicate:["resizeSensor"],descendants:!0,static:!0},{propertyName:"listComponent",first:!0,predicate:C,descendants:!0,static:!0},{propertyName:"itemsContainers",predicate:["itemsContainer"],descendants:!0,read:r.ElementRef}],exportAs:["kendoBreadCrumb"],ngImport:i,template:'\n <ol\n #itemsContainer\n kendoBreadCrumbList\n class="k-breadcrumb-root-item-container"\n *ngIf="collapseMode === \'wrap\'"\n [items]="firstItem$ | async"\n [itemTemplate]="itemTemplate?.templateRef"\n [collapseMode]="collapseMode"\n [separatorIcon]="separatorIcon"\n (itemClick)="itemClick.emit($event)"\n ></ol>\n <ol\n #itemsContainer\n kendoBreadCrumbList\n class="k-breadcrumb-container"\n [items]="itemsData$ | async"\n [itemTemplate]="itemTemplate?.templateRef"\n [collapseMode]="collapseMode"\n [separatorIcon]="separatorIcon"\n (itemClick)="itemClick.emit($event)"\n [ngClass]="{ \'k-flex-wrap\': collapseMode === \'wrap\', \'k-flex-none\': collapseMode === \'none\' }"\n ></ol>\n <kendo-resize-sensor [rateLimit]="1000" #resizeSensor></kendo-resize-sensor>\n ',isInline:!0,components:[{type:C,selector:"[kendoBreadCrumbList]",inputs:["items","itemTemplate","collapseMode","separatorIcon"],outputs:["itemClick"]},{type:p.ResizeSensorComponent,selector:"kendo-resize-sensor",inputs:["rateLimit"],outputs:["resize"]}],directives:[{type:c.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:c.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}],pipes:{async:c.AsyncPipe}}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:T,decorators:[{type:r.Component,args:[{exportAs:"kendoBreadCrumb",selector:"kendo-breadcrumb",providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.breadcrumb"}],template:'\n <ol\n #itemsContainer\n kendoBreadCrumbList\n class="k-breadcrumb-root-item-container"\n *ngIf="collapseMode === \'wrap\'"\n [items]="firstItem$ | async"\n [itemTemplate]="itemTemplate?.templateRef"\n [collapseMode]="collapseMode"\n [separatorIcon]="separatorIcon"\n (itemClick)="itemClick.emit($event)"\n ></ol>\n <ol\n #itemsContainer\n kendoBreadCrumbList\n class="k-breadcrumb-container"\n [items]="itemsData$ | async"\n [itemTemplate]="itemTemplate?.templateRef"\n [collapseMode]="collapseMode"\n [separatorIcon]="separatorIcon"\n (itemClick)="itemClick.emit($event)"\n [ngClass]="{ \'k-flex-wrap\': collapseMode === \'wrap\', \'k-flex-none\': collapseMode === \'none\' }"\n ></ol>\n <kendo-resize-sensor [rateLimit]="1000" #resizeSensor></kendo-resize-sensor>\n '}]}],ctorParameters:function(){return[{type:i.ElementRef},{type:i.ChangeDetectorRef},{type:i.NgZone},{type:l.LocalizationService}]},propDecorators:{items:[{type:r.Input}],separatorIcon:[{type:r.Input}],collapseMode:[{type:r.Input}],itemClick:[{type:r.Output}],resizeSensor:[{type:r.ViewChild,args:["resizeSensor",{static:!0}]}],itemsContainers:[{type:r.ViewChildren,args:["itemsContainer",{read:r.ElementRef}]}],listComponent:[{type:r.ViewChild,args:[C,{static:!0}]}],itemTemplate:[{type:r.ContentChild,args:[k,{static:!1}]}],hostClasses:[{type:r.HostBinding,args:["class.k-widget"]},{type:r.HostBinding,args:["class.k-breadcrumb"]}],wrapMode:[{type:r.HostBinding,args:["class.k-breadcrumb-wrap"]}],getDir:[{type:r.HostBinding,args:["attr.dir"]}]}});var p=y([T,b,C],h([k])),D=y(y([],h(p)),[v]),M=function(){},v=(M.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:M,deps:[],target:i.ɵɵFactoryTarget.NgModule}),M.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:M,declarations:[T,b,C,k,v],imports:[n.CommonModule,o.ResizeSensorModule],exports:[T,b,C,k]}),M.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:M,imports:[[n.CommonModule,o.ResizeSensorModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:M,decorators:[{type:r.NgModule,args:[{declarations:[D],exports:[p],imports:[n.CommonModule,o.ResizeSensorModule]}]}]}),Object.defineProperty(O.prototype,"disabledClass",{get:function(){return this.item.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"horizontalItemClass",{get:function(){return"horizontal"===this.orientation},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"verticalItemClass",{get:function(){return"vertical"===this.orientation},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"label",{get:function(){return this.item.text||null},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"tabindex",{get:function(){return this.item.tabIndex||0},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"selectedClass",{get:function(){return this.selectedIdx?this.selectedIdx===this.index:this.item.selected},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"itemIcon",{get:function(){return!(!this.item.icon&&!this.item.iconClass)},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"iconClasses",{get:function(){return(this.item.icon?"k-icon k-i-"+this.item.icon:"")+" "+(this.item.iconClass||"")},enumerable:!1,configurable:!0}),O);function O(){}v.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:v,deps:[],target:i.ɵɵFactoryTarget.Component}),v.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:v,selector:"[kendoBottomNavigationItem]",inputs:{itemTemplate:"itemTemplate",item:"item",index:"index",disabledComponent:"disabledComponent",selectedIdx:"selectedIdx",orientation:"orientation"},host:{properties:{"attr.aria-disabled":"this.disabledClass","class.k-disabled":"this.disabledClass","class.k-hstack":"this.horizontalItemClass","class.k-vstack":"this.verticalItemClass","attr.aria-label":"this.label","attr.tabindex":"this.tabindex","attr.aria-selected":"this.selectedClass","class.k-selected":"this.selectedClass"}},ngImport:i,template:'\n <ng-container *ngIf="!itemTemplate">\n <span *ngIf="itemIcon" class="k-bottom-nav-item-icon" [ngClass]="iconClasses"></span>\n <span *ngIf="item.text" class="k-bottom-nav-item-text">{{item.text}}</span>\n </ng-container>\n <ng-template *ngIf="itemTemplate"\n [ngTemplateOutlet]="itemTemplate?.templateRef"\n [ngTemplateOutletContext]="{ $implicit: item }">\n </ng-template>\n ',isInline:!0,directives:[{type:c.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:c.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:c.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:v,decorators:[{type:r.Component,args:[{selector:"[kendoBottomNavigationItem]",template:'\n <ng-container *ngIf="!itemTemplate">\n <span *ngIf="itemIcon" class="k-bottom-nav-item-icon" [ngClass]="iconClasses"></span>\n <span *ngIf="item.text" class="k-bottom-nav-item-text">{{item.text}}</span>\n </ng-container>\n <ng-template *ngIf="itemTemplate"\n [ngTemplateOutlet]="itemTemplate?.templateRef"\n [ngTemplateOutletContext]="{ $implicit: item }">\n </ng-template>\n '}]}],propDecorators:{itemTemplate:[{type:r.Input}],item:[{type:r.Input}],index:[{type:r.Input}],disabledComponent:[{type:r.Input}],selectedIdx:[{type:r.Input}],orientation:[{type:r.Input}],disabledClass:[{type:r.HostBinding,args:["attr.aria-disabled"]},{type:r.HostBinding,args:["class.k-disabled"]}],horizontalItemClass:[{type:r.HostBinding,args:["class.k-hstack"]}],verticalItemClass:[{type:r.HostBinding,args:["class.k-vstack"]}],label:[{type:r.HostBinding,args:["attr.aria-label"]}],tabindex:[{type:r.HostBinding,args:["attr.tabindex"]}],selectedClass:[{type:r.HostBinding,args:["attr.aria-selected"]},{type:r.HostBinding,args:["class.k-selected"]}]}});D=function(e){this.templateRef=e};function pe(e){this.prevented=!1,Object.assign(this,e)}D.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:D,deps:[{token:i.TemplateRef,optional:!0}],target:i.ɵɵFactoryTarget.Directive}),D.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:D,selector:"[kendoBottomNavigationItemTemplate]",ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:D,decorators:[{type:r.Directive,args:[{selector:"[kendoBottomNavigationItemTemplate]"}]}],ctorParameters:function(){return[{type:i.TemplateRef,decorators:[{type:r.Optional}]}]}}),pe.prototype.preventDefault=function(){this.prevented=!0},pe.prototype.isDefaultPrevented=function(){return this.prevented};var ce=function(e){var t=o,n=e;if("function"!=typeof n&&null!==n)throw new TypeError("Class extends value "+String(n)+" is not a constructor or null");function i(){this.constructor=t}function o(){return null!==e&&e.apply(this,arguments)||this}return U(t,n),t.prototype=null===n?Object.create(n):(i.prototype=n.prototype,new i),o}(pe),me="data-kendo-bottomnavigation-index",de=["primary","secondary","tertiary","info","success","warning","error","dark","light","inverse"],p=(Object.defineProperty(S.prototype,"fill",{get:function(){return this._fill},set:function(e){this.renderer.removeClass(this._nativeHostElement,"k-bottom-nav-"+this.fill),this._fill="solid"===e?"solid":"flat",this.renderer.addClass(this._nativeHostElement,"k-bottom-nav-"+this._fill)},enumerable:!1,configurable:!0}),Object.defineProperty(S.prototype,"itemFlow",{get:function(){return this._itemFlow},set:function(e){this.renderer.removeClass(this._nativeHostElement,"k-bottom-nav-item-flow-"+this.itemFlow),this._itemFlow="horizontal"===e?"horizontal":"vertical",this.renderer.addClass(this._nativeHostElement,"k-bottom-nav-item-flow-"+this._itemFlow)},enumerable:!1,configurable:!0}),Object.defineProperty(S.prototype,"positionMode",{get:function(){return this._positionMode},set:function(e){this.renderer.removeClass(this._nativeHostElement,"k-pos-"+this.positionMode),this._positionMode="sticky"===e?"sticky":"fixed",this.renderer.addClass(this._nativeHostElement,"k-pos-"+this._positionMode)},enumerable:!1,configurable:!0}),Object.defineProperty(S.prototype,"themeColor",{get:function(){return this._themeColor},set:function(t){de.find(function(e){return e===t})&&(this.renderer.removeClass(this._nativeHostElement,"k-bottom-nav-"+this._themeColor),this._themeColor=t,this.renderer.addClass(this._nativeHostElement,"k-bottom-nav-"+this._themeColor))},enumerable:!1,configurable:!0}),Object.defineProperty(S.prototype,"borderClass",{get:function(){return this.border},enumerable:!1,configurable:!0}),Object.defineProperty(S.prototype,"disabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),S.prototype.ngOnInit=function(){this.initDomEvents()},S.prototype.ngAfterViewInit=function(){this.applyClasses()},S.prototype.ngOnDestroy=function(){this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe(),this.subscriptions.unsubscribe()},S.prototype.selectItem=function(e,t){t=new ce(Object.assign({},t));this.select.emit(t),t.isDefaultPrevented()||(this.selectedIdx=e)},S.prototype.applyClasses=function(){this.renderer.addClass(this._nativeHostElement,"k-bottom-nav-"+this.fill),this.renderer.addClass(this._nativeHostElement,"k-bottom-nav-item-flow-"+this.itemFlow),this.renderer.addClass(this._nativeHostElement,"k-pos-"+this.positionMode),this.renderer.addClass(this._nativeHostElement,"k-bottom-nav-"+this.themeColor)},S.prototype.initDomEvents=function(){var e=this;this.hostElement&&this.ngZone.runOutsideAngular(function(){e.subscriptions.add(e.renderer.listen(e._nativeHostElement,"click",e.clickHandler.bind(e))),e.subscriptions.add(e.renderer.listen(e._nativeHostElement,"keydown",e.keyDownHandler.bind(e)))})},S.prototype.clickHandler=function(e){var t,n=this,i=this.getBottomNavigationItemIndex(e.target),o=this.items[i];o&&(o.disabled?e.preventDefault():(t={index:i,item:o,originalEvent:e,sender:this},this.ngZone.run(function(){n.selectItem(i,t),n.changeDetector.markForCheck()})))},S.prototype.keyDownHandler=function(e){e.keyCode!==o.Keys.Enter&&e.keyCode!==o.Keys.Space||this.clickHandler(e)},S.prototype.getBottomNavigationItemIndex=function(e){e=J(e,me,this._nativeHostElement);if(e)return Q(e,me)},S);function S(e,t,n,i,o){var s=this;this.localization=e,this.hostElement=t,this.ngZone=n,this.changeDetector=i,this.renderer=o,this.border=!1,this.disabled=!1,this.select=new r.EventEmitter,this.hostClass=!0,this.role="navigation",this._fill="flat",this._itemFlow="vertical",this._positionMode="fixed",this._themeColor="primary",this._nativeHostElement=this.hostElement.nativeElement,this.subscriptions=new a.Subscription,this.rtl=!1,z.validatePackage(A),this.dynamicRTLSubscription=this.localization.changes.subscribe(function(e){e=e.rtl;s.rtl=e,s.direction=s.rtl?"rtl":"ltr"})}p.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:p,deps:[{token:l.LocalizationService},{token:i.ElementRef},{token:i.NgZone},{token:i.ChangeDetectorRef},{token:i.Renderer2}],target:i.ɵɵFactoryTarget.Component}),p.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:p,selector:"kendo-bottomnavigation",inputs:{items:"items",border:"border",disabled:"disabled",fill:"fill",itemFlow:"itemFlow",positionMode:"positionMode",themeColor:"themeColor"},outputs:{select:"select"},host:{properties:{"class.k-hstack":"this.hostClass","class.k-justify-content-stretch":"this.hostClass","class.k-bottom-nav":"this.hostClass","class.k-bottom-nav-border":"this.borderClass","class.k-disabled":"this.disabledClass","attr.role":"this.role","attr.dir":"this.direction"}},providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.bottomnavigation"}],queries:[{propertyName:"itemTemplate",first:!0,predicate:D,descendants:!0}],exportAs:["kendoBottomNavigation"],ngImport:i,template:'\n <ng-container *ngIf="items">\n <span kendoBottomNavigationItem\n *ngFor="let item of items; let idx=index"\n role="link"\n class="k-bottom-nav-item"\n [disabledComponent]="disabled"\n [item]="item"\n [index]="idx"\n [selectedIdx]="selectedIdx"\n [itemTemplate]="itemTemplate"\n [attr.data-kendo-bottomnavigation-index]="idx"\n [ngClass]="item.cssClass"\n [ngStyle]="item.cssStyle"\n [orientation]="itemFlow">\n </span>\n </ng-container>\n ',isInline:!0,components:[{type:v,selector:"[kendoBottomNavigationItem]",inputs:["itemTemplate","item","index","disabledComponent","selectedIdx","orientation"]}],directives:[{type:c.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:c.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:c.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:c.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:p,decorators:[{type:r.Component,args:[{exportAs:"kendoBottomNavigation",selector:"kendo-bottomnavigation",providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.bottomnavigation"}],template:'\n <ng-container *ngIf="items">\n <span kendoBottomNavigationItem\n *ngFor="let item of items; let idx=index"\n role="link"\n class="k-bottom-nav-item"\n [disabledComponent]="disabled"\n [item]="item"\n [index]="idx"\n [selectedIdx]="selectedIdx"\n [itemTemplate]="itemTemplate"\n [attr.'+me+']="idx"\n [ngClass]="item.cssClass"\n [ngStyle]="item.cssStyle"\n [orientation]="itemFlow">\n </span>\n </ng-container>\n '}]}],ctorParameters:function(){return[{type:l.LocalizationService},{type:i.ElementRef},{type:i.NgZone},{type:i.ChangeDetectorRef},{type:i.Renderer2}]},propDecorators:{items:[{type:r.Input}],border:[{type:r.Input}],disabled:[{type:r.Input}],fill:[{type:r.Input}],itemFlow:[{type:r.Input}],positionMode:[{type:r.Input}],themeColor:[{type:r.Input}],select:[{type:r.Output}],hostClass:[{type:r.HostBinding,args:["class.k-hstack"]},{type:r.HostBinding,args:["class.k-justify-content-stretch"]},{type:r.HostBinding,args:["class.k-bottom-nav"]}],borderClass:[{type:r.HostBinding,args:["class.k-bottom-nav-border"]}],disabledClass:[{type:r.HostBinding,args:["class.k-disabled"]}],role:[{type:r.HostBinding,args:["attr.role"]}],direction:[{type:r.HostBinding,args:["attr.dir"]}],itemTemplate:[{type:r.ContentChild,args:[D,{static:!1}]}]}});function ue(){}var F=y([p],h([D])),w=y([v],h(F)),E=function(){},v=(E.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:E,deps:[],target:i.ɵɵFactoryTarget.NgModule}),E.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:E,declarations:[v,p,D],imports:[n.CommonModule],exports:[p,D]}),E.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:E,imports:[[n.CommonModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:E,decorators:[{type:r.NgModule,args:[{declarations:[w],exports:[F],imports:[n.CommonModule]}]}]}),function(e){this.templateRef=e}),w=(v.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:v,deps:[{token:i.TemplateRef,optional:!0}],target:i.ɵɵFactoryTarget.Directive}),v.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:v,selector:"[kendoActionSheetTitleTemplate]",ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:v,decorators:[{type:r.Directive,args:[{selector:"[kendoActionSheetTitleTemplate]"}]}],ctorParameters:function(){return[{type:i.TemplateRef,decorators:[{type:r.Optional}]}]}}),function(e){this.templateRef=e}),F=(w.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:w,deps:[{token:i.TemplateRef,optional:!0}],target:i.ɵɵFactoryTarget.Directive}),w.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:w,selector:"[kendoActionSheetItemTemplate]",ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:w,decorators:[{type:r.Directive,args:[{selector:"[kendoActionSheetItemTemplate]"}]}],ctorParameters:function(){return[{type:i.TemplateRef,decorators:[{type:r.Optional}]}]}}),ge.prototype.manageIconClasses=function(e){var t=["k-actionsheet-item-icon"],n=(e.icon&&t.push("k-icon k-i-"+e.icon),e.iconClass&&t.push(""+e.iconClass),g(e.iconColor)&&G.test(e.iconColor));return g(e.iconColor)&&""!==e.iconColor&&!n&&t.push("k-text-"+e.iconColor),t.join(" ")},ge.prototype.manageIconStyles=function(e){var t=g(e.iconColor)&&G.test(e.iconColor),n=g(e.iconSize)&&""!==e.iconSize,i={};return t&&(i.color=e.iconColor),n&&(i.fontSize=e.iconSize),i},ge);function ge(){this.pointerClass=!0}F.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:F,deps:[],target:i.ɵɵFactoryTarget.Component}),F.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:F,selector:"[kendoActionSheetItem]",inputs:{itemTemplate:"itemTemplate",item:"item"},host:{properties:{"class.k-cursor-pointer":"this.pointerClass"}},ngImport:i,template:'\n <span class="k-actionsheet-action"\n tabindex="0"\n role="button"\n [attr.aria-disabled]="item.disabled">\n <ng-template *ngIf="itemTemplate; else defaultTemplate"\n [ngTemplateOutlet]="itemTemplate"\n [ngTemplateOutletContext]="{\n $implicit: item\n }">\n </ng-template>\n <ng-template #defaultTemplate>\n <span *ngIf="item.icon || item.iconClass" class="k-icon-wrap">\n <span\n [class]="manageIconClasses(item)"\n [style]="manageIconStyles(item)">\n </span>\n </span>\n <span *ngIf="item.title || item.description" class="k-actionsheet-item-text">\n <span *ngIf="item.title" class="k-actionsheet-item-title">{{item.title}}</span>\n <span *ngIf="item.description" class="k-actionsheet-item-description">{{item.description}}</span>\n </span>\n </ng-template>\n </span>\n ',isInline:!0,directives:[{type:c.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:c.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:F,decorators:[{type:r.Component,args:[{selector:"[kendoActionSheetItem]",template:'\n <span class="k-actionsheet-action"\n tabindex="0"\n role="button"\n [attr.aria-disabled]="item.disabled">\n <ng-template *ngIf="itemTemplate; else defaultTemplate"\n [ngTemplateOutlet]="itemTemplate"\n [ngTemplateOutletContext]="{\n $implicit: item\n }">\n </ng-template>\n <ng-template #defaultTemplate>\n <span *ngIf="item.icon || item.iconClass" class="k-icon-wrap">\n <span\n [class]="manageIconClasses(item)"\n [style]="manageIconStyles(item)">\n </span>\n </span>\n <span *ngIf="item.title || item.description" class="k-actionsheet-item-text">\n <span *ngIf="item.title" class="k-actionsheet-item-title">{{item.title}}</span>\n <span *ngIf="item.description" class="k-actionsheet-item-description">{{item.description}}</span>\n </span>\n </ng-template>\n </span>\n '}]}],propDecorators:{itemTemplate:[{type:r.Input}],item:[{type:r.Input}],pointerClass:[{type:r.HostBinding,args:["class.k-cursor-pointer"]}]}});fe.prototype.ngAfterViewInit=function(){this.initDomEvents()},fe.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},fe.prototype.initDomEvents=function(){var t=this;this.element&&this.ngZone.runOutsideAngular(function(){var e=t.element.nativeElement;t.subscriptions.add(t.renderer.listen(e,"click",t.clickHandler.bind(t)))})},fe.prototype.clickHandler=function(e){var t=this,n=P(e.target),i=this.allItems[n];i&&(i.disabled?e.preventDefault():this.ngZone.run(function(){t.itemClick.emit({item:i,originalEvent:e})}))};var B=fe;function fe(e,t,n){this.renderer=e,this.ngZone=t,this.element=n,this.groupItems=[],this.allItems=[],this.itemClick=new r.EventEmitter,this.subscriptions=new a.Subscription}B.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:B,deps:[{token:i.Renderer2},{token:i.NgZone},{token:i.ElementRef}],target:i.ɵɵFactoryTarget.Component}),B.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:B,selector:"[kendoActionSheetList]",inputs:{groupItems:"groupItems",allItems:"allItems",itemTemplate:"itemTemplate"},outputs:{itemClick:"itemClick"},ngImport:i,template:'\n <li *ngFor="let item of groupItems" kendoActionSheetItem\n role="none"\n [class.k-actionsheet-item]="true"\n [class.k-disabled]="item.disabled"\n [ngClass]="item.cssClass"\n [ngStyle]="item.cssStyle"\n [itemTemplate]="itemTemplate"\n [item]="item">\n </li>\n ',isInline:!0,components:[{type:F,selector:"[kendoActionSheetItem]",inputs:["itemTemplate","item"]}],directives:[{type:c.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:c.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:c.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:B,decorators:[{type:r.Component,args:[{selector:"[kendoActionSheetList]",template:'\n <li *ngFor="let item of groupItems" kendoActionSheetItem\n role="none"\n [class.k-actionsheet-item]="true"\n [class.k-disabled]="item.disabled"\n [ngClass]="item.cssClass"\n [ngStyle]="item.cssStyle"\n [itemTemplate]="itemTemplate"\n [item]="item">\n </li>\n '}]}],ctorParameters:function(){return[{type:i.Renderer2},{type:i.NgZone},{type:i.ElementRef}]},propDecorators:{groupItems:[{type:r.Input}],allItems:[{type:r.Input}],itemTemplate:[{type:r.Input}],itemClick:[{type:r.Output}]}});V.prototype.ngAfterViewInit=function(){this.handleInitialFocus(),this.initDomEvents()},V.prototype.ngOnDestroy=function(){this.domSubs.unsubscribe(),this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe()},Object.defineProperty(V.prototype,"topGroupItems",{get:function(){var e;return null==(e=this.items)?void 0:e.filter(function(e){return!e.group||"top"===e.group})},enumerable:!1,configurable:!0}),Object.defineProperty(V.prototype,"bottomGroupItems",{get:function(){var e;return null==(e=this.items)?void 0:e.filter(function(e){return"bottom"===e.group})},enumerable:!1,configurable:!0}),V.prototype.onItemClick=function(e){this.itemClick.emit(e)},V.prototype.onOverlayClick=function(){this.overlayClick.emit()},Object.defineProperty(V.prototype,"shouldRenderSeparator",{get:function(){var e;return 0<(null==(e=this.topGroupItems)?void 0:e.length)&&0<(null==(e=this.bottomGroupItems)?void 0:e.length)},enumerable:!1,configurable:!0}),V.prototype.initDomEvents=function(){var t=this;this.element&&this.ngZone.runOutsideAngular(function(){t.domSubs.add(t.renderer.listen(t.element.nativeElement,"keydown",function(e){t.onKeyDown(e)}))})},V.prototype.onKeyDown=function(e){var t=this,n=e.target;e.keyCode===o.Keys.Tab&&this.ngZone.run(function(){t.keepFocusWithinComponent(n,e)}),e.keyCode===o.Keys.Escape&&this.ngZone.run(function(){t.overlayClick.emit()}),e.keyCode===o.Keys.Enter&&this.ngZone.run(function(){t.triggerItemClick(n,e)})},V.prototype.handleInitialFocus=function(){var e=h(H(this.element.nativeElement),1)[0];e&&e.focus()},V.prototype.keepFocusWithinComponent=function(e,t){var n=this.element.nativeElement,n=h(H(n),2),i=n[0],n=n[1],o=!t.shiftKey&&e===n,e=t.shiftKey&&e===i;o&&(t.preventDefault(),i.focus()),e&&(t.preventDefault(),n.focus())},V.prototype.triggerItemClick=function(e,t){e=P(e),e=this.items[e];e&&!e.disabled&&this.itemClick.emit({item:e,originalEvent:t})};var R=V;function V(e,t,n,i){var o=this;this.element=e,this.ngZone=t,this.renderer=n,this.localizationService=i,this.hostClass=!0,this.itemClick=new r.EventEmitter,this.overlayClick=new r.EventEmitter,this.titleId=null,this.rtl=!1,this.domSubs=new a.Subscription,z.validatePackage(A),this.dynamicRTLSubscription=this.localizationService.changes.subscribe(function(e){e=e.rtl;o.rtl=e,o.direction=o.rtl?"rtl":"ltr"}),this.titleId="k-actionsheet-title"+ ++K}R.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:R,deps:[{token:i.ElementRef},{token:i.NgZone},{token:i.Renderer2},{token:l.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),R.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:R,selector:"kendo-actionsheet",inputs:{title:"title",subtitle:"subtitle",items:"items"},outputs:{itemClick:"itemClick",overlayClick:"overlayClick"},host:{properties:{"class.k-actionsheet-container":"this.hostClass","attr.dir":"this.direction"}},providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.actionsheet.component"}],queries:[{propertyName:"titleTemplate",first:!0,predicate:v,descendants:!0},{propertyName:"itemTemplate",first:!0,predicate:w,descendants:!0}],exportAs:["kendoActionSheet"],ngImport:i,template:'\n <div class="k-overlay" (click)="onOverlayClick()"></div>\n <div class="k-animation-container">\n <div class="k-child-animation-container">\n <div class="k-actionsheet k-actionsheet-bottom"\n role="dialog"\n aria-modal="true"\n [attr.aria-labelledby]="titleId">\n\n <div *ngIf="title || titleTemplate" class="k-actionsheet-titlebar">\n <div class="k-actionsheet-titlebar-group k-hbox">\n <div class="k-actionsheet-title" [id]="titleId">\n <ng-template *ngIf="titleTemplate; else defaultTemplate"\n [ngTemplateOutlet]="titleTemplate?.templateRef">\n </ng-template>\n <ng-template #defaultTemplate>\n <div *ngIf="title" class="k-text-center">{{title}}</div>\n <div *ngIf="subtitle" class="k-actionsheet-subtitle k-text-center">{{subtitle}}</div>\n </ng-template>\n </div>\n </div>\n </div>\n\n <div *ngIf="topGroupItems || bottomGroupItems" class="k-actionsheet-content">\n <ul *ngIf="topGroupItems" kendoActionSheetList\n class="k-list-ul"\n role="group"\n [groupItems]="topGroupItems"\n [allItems]="items"\n [itemTemplate]="itemTemplate?.templateRef"\n (itemClick)="onItemClick($event)">\n </ul>\n\n <hr *ngIf="shouldRenderSeparator" class="k-hr"/>\n\n <ul *ngIf="bottomGroupItems" kendoActionSheetList\n class="k-list-ul"\n role="group"\n [groupItems]="bottomGroupItems"\n [allItems]="items"\n [itemTemplate]="itemTemplate?.templateRef"\n (itemClick)="onItemClick($event)">\n </ul>\n </div>\n </div>\n </div>\n </div>\n ',isInline:!0,components:[{type:B,selector:"[kendoActionSheetList]",inputs:["groupItems","allItems","itemTemplate"],outputs:["itemClick"]}],directives:[{type:c.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:c.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:R,decorators:[{type:r.Component,args:[{exportAs:"kendoActionSheet",selector:"kendo-actionsheet",template:'\n <div class="k-overlay" (click)="onOverlayClick()"></div>\n <div class="k-animation-container">\n <div class="k-child-animation-container">\n <div class="k-actionsheet k-actionsheet-bottom"\n role="dialog"\n aria-modal="true"\n [attr.aria-labelledby]="titleId">\n\n <div *ngIf="title || titleTemplate" class="k-actionsheet-titlebar">\n <div class="k-actionsheet-titlebar-group k-hbox">\n <div class="k-actionsheet-title" [id]="titleId">\n <ng-template *ngIf="titleTemplate; else defaultTemplate"\n [ngTemplateOutlet]="titleTemplate?.templateRef">\n </ng-template>\n <ng-template #defaultTemplate>\n <div *ngIf="title" class="k-text-center">{{title}}</div>\n <div *ngIf="subtitle" class="k-actionsheet-subtitle k-text-center">{{subtitle}}</div>\n </ng-template>\n </div>\n </div>\n </div>\n\n <div *ngIf="topGroupItems || bottomGroupItems" class="k-actionsheet-content">\n <ul *ngIf="topGroupItems" kendoActionSheetList\n class="k-list-ul"\n role="group"\n [groupItems]="topGroupItems"\n [allItems]="items"\n [itemTemplate]="itemTemplate?.templateRef"\n (itemClick)="onItemClick($event)">\n </ul>\n\n <hr *ngIf="shouldRenderSeparator" class="k-hr"/>\n\n <ul *ngIf="bottomGroupItems" kendoActionSheetList\n class="k-list-ul"\n role="group"\n [groupItems]="bottomGroupItems"\n [allItems]="items"\n [itemTemplate]="itemTemplate?.templateRef"\n (itemClick)="onItemClick($event)">\n </ul>\n </div>\n </div>\n </div>\n </div>\n ',providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.actionsheet.component"}]}]}],ctorParameters:function(){return[{type:i.ElementRef},{type:i.NgZone},{type:i.Renderer2},{type:l.LocalizationService}]},propDecorators:{hostClass:[{type:r.HostBinding,args:["class.k-actionsheet-container"]}],direction:[{type:r.HostBinding,args:["attr.dir"]}],title:[{type:r.Input}],subtitle:[{type:r.Input}],items:[{type:r.Input}],itemClick:[{type:r.Output}],overlayClick:[{type:r.Output}],titleTemplate:[{type:r.ContentChild,args:[v]}],itemTemplate:[{type:r.ContentChild,args:[w]}]}});var c=y([R],h([v,w])),t=y([F,B],h(c)),N=function(){},F=(N.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:N,deps:[],target:i.ɵɵFactoryTarget.NgModule}),N.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:N,declarations:[F,B,R,v,w],imports:[n.CommonModule],exports:[R,v,w]}),N.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:N,imports:[[n.CommonModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:N,decorators:[{type:r.NgModule,args:[{declarations:[t],exports:[c],imports:[n.CommonModule]}]}]}),function(){});F.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:F,deps:[],target:i.ɵɵFactoryTarget.NgModule}),F.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:F,exports:[I,M,E,N]}),F.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:F,imports:[I,M,E,N]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:F,decorators:[{type:r.NgModule,args:[{exports:[I,M,E,N]}]}]}),e.ActionSheetComponent=R,e.ActionSheetItemClickEvent=ue,e.ActionSheetItemTemplateDirective=w,e.ActionSheetModule=N,e.ActionSheetTitleTemplateDirective=v,e.AppBarComponent=m,e.AppBarModule=I,e.AppBarSectionComponent=u,e.AppBarSpacerComponent=f,e.BottomNavigationComponent=p,e.BottomNavigationItemTemplateDirective=D,e.BottomNavigationModule=E,e.BottomNavigationSelectEvent=ce,e.BreadCrumbComponent=T,e.BreadCrumbItemComponent=b,e.BreadCrumbItemTemplateDirective=k,e.BreadCrumbListComponent=C,e.BreadCrumbModule=M,e.NavigationModule=F,Object.defineProperty(e,"__esModule",{value:!0})});