@progress/kendo-angular-navigation 1.1.6 → 2.0.0-next.202203211629

package/{dist/es2015/appbar → appbar}/appbar-section.component.d.ts

@@ -2,6 +2,7 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+import * as i0 from "@angular/core";
 /**
  * Represents the [Kendo UI AppBarSection component for Angular]({% slug contentarrangement_appbar %}#toc-sections).
  *
@@ -22,4 +23,6 @@
  */
 export declare class AppBarSectionComponent {
     hostClass: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppBarSectionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AppBarSectionComponent, "kendo-appbar-section", never, {}, {}, never, ["*"]>;
 }

package/{dist/es2015/appbar → appbar}/appbar-spacer.component.d.ts

@@ -3,6 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { Renderer2, ElementRef, AfterViewInit } from '@angular/core';
+import * as i0 from "@angular/core";
 /**
  * Represents the [Kendo UI AppBarSpacer component for Angular]({% slug contentarrangement_appbar %}#toc-spacings).
  * Used to give additional white space between the AppBar sections and provides a way for customizing its width.
@@ -35,7 +36,7 @@ export declare class AppBarSpacerComponent implements AfterViewInit {
     private renderer;
     private element;
     hostClass: boolean;
-    readonly sizedClass: boolean;
+    get sizedClass(): boolean;
     /**
      * Specifies the width of the AppBarSpacer.
      *
@@ -44,4 +45,6 @@ export declare class AppBarSpacerComponent implements AfterViewInit {
     width: string;
     constructor(renderer: Renderer2, element: ElementRef);
     ngAfterViewInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppBarSpacerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AppBarSpacerComponent, "kendo-appbar-spacer", never, { "width": "width"; }, {}, never, never>;
 }

package/{dist/es2015/appbar → appbar}/appbar.component.d.ts

@@ -7,6 +7,7 @@ import { LocalizationService } from '@progress/kendo-angular-l10n';
 import { AppBarPosition } from './models/position';
 import { AppBarThemeColor } from './models/theme-color';
 import { AppBarPositionMode } from './models/position-mode';
+import * as i0 from "@angular/core";
 /**
  * Represents the [Kendo UI AppBar component for Angular]({% slug overview_appbar %}).
  * Used to display information, actions, branding titles and additional navigation on the current screen.
@@ -14,14 +15,14 @@ import { AppBarPositionMode } from './models/position-mode';
 export declare class AppBarComponent implements OnDestroy {
     private localizationService;
     hostClass: boolean;
-    readonly topClass: boolean;
-    readonly bottomClass: boolean;
-    readonly stickyClass: boolean;
-    readonly fixedClass: boolean;
-    readonly staticClass: boolean;
-    readonly lightClass: boolean;
-    readonly darkClass: boolean;
-    readonly inheritClass: boolean;
+    get topClass(): boolean;
+    get bottomClass(): boolean;
+    get stickyClass(): boolean;
+    get fixedClass(): boolean;
+    get staticClass(): boolean;
+    get lightClass(): boolean;
+    get darkClass(): boolean;
+    get inheritClass(): boolean;
     /**
      * @hidden
      */
@@ -67,4 +68,6 @@ export declare class AppBarComponent implements OnDestroy {
     private rtl;
     constructor(localizationService: LocalizationService);
     ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AppBarComponent, "kendo-appbar", ["kendoAppBar"], { "position": "position"; "positionMode": "positionMode"; "themeColor": "themeColor"; }, {}, never, ["*"]>;
 }

package/{dist/es2015/appbar.module.d.ts → appbar.module.d.ts}

@@ -2,6 +2,11 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+import * as i0 from "@angular/core";
+import * as i1 from "./appbar/appbar.component";
+import * as i2 from "./appbar/appbar-section.component";
+import * as i3 from "./appbar/appbar-spacer.component";
+import * as i4 from "@angular/common";
 /**
  * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
  * definition for the AppBar component.
@@ -35,4 +40,7 @@
  * ```
  */
 export declare class AppBarModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppBarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AppBarModule, [typeof i1.AppBarComponent, typeof i2.AppBarSectionComponent, typeof i3.AppBarSpacerComponent], [typeof i4.CommonModule], [typeof i1.AppBarComponent, typeof i2.AppBarSectionComponent, typeof i3.AppBarSpacerComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AppBarModule>;
 }

package/{dist/es2015/bottomnavigation → bottomnavigation}/bottomnavigation-item.component.d.ts

@@ -5,6 +5,7 @@
 import { BottomNavigationItemTemplateDirective } from './templates/item-template.directive';
 import { BottomNavigationItem } from './types/bottomnavigation-item';
 import { BottomNavigationItemFlow } from './types/bottomnavigation-item-flow';
+import * as i0 from "@angular/core";
 /**
  * @hidden
  */
@@ -15,12 +16,14 @@ export declare class BottomNavigationItemComponent {
     disabledComponent: boolean;
     selectedIdx: number;
     orientation: BottomNavigationItemFlow;
-    readonly disabledClass: boolean;
-    readonly horizontalItemClass: boolean;
-    readonly verticalItemClass: boolean;
-    readonly label: string;
-    readonly tabindex: number;
-    readonly selectedClass: boolean;
-    readonly itemIcon: boolean;
-    readonly iconClasses: string;
+    get disabledClass(): boolean;
+    get horizontalItemClass(): boolean;
+    get verticalItemClass(): boolean;
+    get label(): string;
+    get tabindex(): number;
+    get selectedClass(): boolean;
+    get itemIcon(): boolean;
+    get iconClasses(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BottomNavigationItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BottomNavigationItemComponent, "[kendoBottomNavigationItem]", never, { "itemTemplate": "itemTemplate"; "item": "item"; "index": "index"; "disabledComponent": "disabledComponent"; "selectedIdx": "selectedIdx"; "orientation": "orientation"; }, {}, never, never>;
 }

package/{dist/es2015/bottomnavigation → bottomnavigation}/bottomnavigation.component.d.ts

@@ -10,6 +10,7 @@ import { BottomNavigationFill } from './types/bottomnavigation-fill';
 import { BottomNavigationPositionMode } from './types/bottomnavigation-position-mode';
 import { BottomNavigationThemeColor } from './types/bottomnavigation-theme-color';
 import { BottomNavigationItemTemplateDirective } from './templates/item-template.directive';
+import * as i0 from "@angular/core";
 /**
  * Represents the [Kendo UI BottomNavigation component for Angular]({% slug overview_bottomnavigation %}).
  *
@@ -59,7 +60,8 @@ export declare class BottomNavigationComponent implements OnInit, AfterViewInit,
      * * (Default) `flat`
      * * `solid`
      */
-    fill: BottomNavigationFill;
+    set fill(fill: BottomNavigationFill);
+    get fill(): BottomNavigationFill;
     /**
      * Specifies how the icon and text label are positioned in the BottomNavigation items ([see example]({% slug items_bottomnavigation %}#toc-itemflow)).
      *
@@ -67,7 +69,8 @@ export declare class BottomNavigationComponent implements OnInit, AfterViewInit,
      * * (Default) `vertical` - Renders the text below the icon.
      * * `horizontal` - Renders the icon and the text on the same line.
      */
-    itemFlow: BottomNavigationItemFlow;
+    set itemFlow(itemFlow: BottomNavigationItemFlow);
+    get itemFlow(): BottomNavigationItemFlow;
     /**
      * Specifies the position and behavior of the BottomNavigation when the page is scrollable ([see example]({% slug positioning_bottomnavigation %})).
      *
@@ -75,7 +78,8 @@ export declare class BottomNavigationComponent implements OnInit, AfterViewInit,
      * * (Default) `fixed` - The BottomNavigation always stays at the bottom of the viewport, regardless of the page scroll position.
      * * `sticky` - Positions the BottomNavigation at the end of the scrollable container.
      */
-    positionMode: BottomNavigationPositionMode;
+    set positionMode(positionMode: BottomNavigationPositionMode);
+    get positionMode(): BottomNavigationPositionMode;
     /**
      * Specifies the theme color of the BottomNavigation ([see example]({% slug appearance_bottomnavigation %})).
      *
@@ -91,7 +95,8 @@ export declare class BottomNavigationComponent implements OnInit, AfterViewInit,
      * * `light` - Applies coloring based on the light theme color.
      * * `inverse` - Applies coloring based on the inverted theme color.
      */
-    themeColor: BottomNavigationThemeColor;
+    set themeColor(themeColor: BottomNavigationThemeColor);
+    get themeColor(): BottomNavigationThemeColor;
     /**
      * Fires each time an item is selected. This event is preventable.
      */
@@ -103,11 +108,11 @@ export declare class BottomNavigationComponent implements OnInit, AfterViewInit,
     /**
      * @hidden
      */
-    readonly borderClass: boolean;
+    get borderClass(): boolean;
     /**
      * @hidden
      */
-    readonly disabledClass: boolean;
+    get disabledClass(): boolean;
     /**
      * @hidden
      */
@@ -154,4 +159,6 @@ export declare class BottomNavigationComponent implements OnInit, AfterViewInit,
     private clickHandler;
     private keyDownHandler;
     private getBottomNavigationItemIndex;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BottomNavigationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BottomNavigationComponent, "kendo-bottomnavigation", ["kendoBottomNavigation"], { "items": "items"; "border": "border"; "disabled": "disabled"; "fill": "fill"; "itemFlow": "itemFlow"; "positionMode": "positionMode"; "themeColor": "themeColor"; }, { "select": "select"; }, ["itemTemplate"], never>;
 }

package/{dist/es2015/bottomnavigation → bottomnavigation}/templates/item-template.directive.d.ts

@@ -3,6 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
 /**
  * Represents a template that defines the item content of the BottomNavigation.
  * To define the template, nest an `<ng-template>` tag
@@ -11,4 +12,6 @@ import { TemplateRef } from '@angular/core';
 export declare class BottomNavigationItemTemplateDirective {
     templateRef: TemplateRef<any>;
     constructor(templateRef: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<BottomNavigationItemTemplateDirective, [{ optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BottomNavigationItemTemplateDirective, "[kendoBottomNavigationItemTemplate]", never, {}, {}, never>;
 }

package/{dist/es2015/bottomnavigation.module.d.ts → bottomnavigation.module.d.ts}

@@ -2,6 +2,11 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+import * as i0 from "@angular/core";
+import * as i1 from "./bottomnavigation/bottomnavigation-item.component";
+import * as i2 from "./bottomnavigation/bottomnavigation.component";
+import * as i3 from "./bottomnavigation/templates/item-template.directive";
+import * as i4 from "@angular/common";
 /**
  * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
  * definition for the BottomNavigation component.
@@ -34,4 +39,7 @@
  * ```
  */
 export declare class BottomNavigationModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BottomNavigationModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<BottomNavigationModule, [typeof i1.BottomNavigationItemComponent, typeof i2.BottomNavigationComponent, typeof i3.BottomNavigationItemTemplateDirective], [typeof i4.CommonModule], [typeof i2.BottomNavigationComponent, typeof i3.BottomNavigationItemTemplateDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<BottomNavigationModule>;
 }

package/{dist/es2015/breadcrumb → breadcrumb}/breadcrumb-item.component.d.ts

@@ -5,6 +5,7 @@
 import { ElementRef, TemplateRef, AfterViewInit, OnInit } from '@angular/core';
 import { BreadCrumbItemModel } from './models/breadcrumb-item.interface';
 import { BreadCrumbCollapseMode } from './models/collapse-mode';
+import * as i0 from "@angular/core";
 /**
  * @hidden
  */
@@ -15,13 +16,15 @@ export declare class BreadCrumbItemComponent implements OnInit, AfterViewInit {
     index: number;
     itemTemplate: TemplateRef<HTMLElement>;
     hostClasses: boolean;
-    readonly isRootItem: boolean;
-    readonly isDisabled: boolean;
-    readonly isLastItem: boolean;
+    get isRootItem(): boolean;
+    get isDisabled(): boolean;
+    get isLastItem(): boolean;
     width: number;
     disabled: boolean;
     constructor(el: ElementRef<HTMLLIElement>);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     onImageLoad(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BreadCrumbItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BreadCrumbItemComponent, "[kendoBreadCrumbItem]", never, { "item": "item"; "collapseMode": "collapseMode"; "index": "index"; "itemTemplate": "itemTemplate"; }, {}, never, ["[kendoBreadCrumbSeparator]"]>;
 }

package/{dist/es2015/breadcrumb → breadcrumb}/breadcrumb.component.d.ts

@@ -10,6 +10,7 @@ import { BreadCrumbItemModel, BreadCrumbItem } from './models/breadcrumb-item.in
 import { BreadCrumbCollapseMode } from './models/collapse-mode';
 import { BreadCrumbItemTemplateDirective } from './template-directives/item-template.directive';
 import { BreadCrumbListComponent } from './list.component';
+import * as i0 from "@angular/core";
 /**
  * Represents the [Kendo UI Breadcrumb component for Angular]({% slug overview_breadcrumb %}).
  *
@@ -47,7 +48,8 @@ export declare class BreadCrumbComponent implements OnInit, AfterViewInit, OnDes
     /**
      * The collection of items that will be rendered in the Breadcrumb.
      */
-    items: any[];
+    set items(items: any[]);
+    get items(): any[];
     /**
      * Defines a name of a [built-in icon]({% slug icons %}) in a Kendo UI theme.
      */
@@ -62,7 +64,8 @@ export declare class BreadCrumbComponent implements OnInit, AfterViewInit, OnDes
      *
      * For more information and example refer to the [Collapse Modes]({% slug collapse_modes_breadcrumb %}) article.
      */
-    collapseMode: BreadCrumbCollapseMode;
+    set collapseMode(mode: BreadCrumbCollapseMode);
+    get collapseMode(): BreadCrumbCollapseMode;
     /**
      * Fires when a Breadcrumb item is clicked. The event will not be fired by disabled items and the last item.
      */
@@ -84,8 +87,8 @@ export declare class BreadCrumbComponent implements OnInit, AfterViewInit, OnDes
      */
     itemTemplate: BreadCrumbItemTemplateDirective;
     hostClasses: boolean;
-    readonly wrapMode: boolean;
-    readonly getDir: string;
+    get wrapMode(): boolean;
+    get getDir(): string;
     itemsData$: Observable<BreadCrumbItemModel[]>;
     firstItem$: Observable<BreadCrumbItemModel[]>;
     private _items;
@@ -101,4 +104,6 @@ export declare class BreadCrumbComponent implements OnInit, AfterViewInit, OnDes
     private handleResize;
     private shouldResize;
     private attachResizeHandler;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BreadCrumbComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BreadCrumbComponent, "kendo-breadcrumb", ["kendoBreadCrumb"], { "items": "items"; "separatorIcon": "separatorIcon"; "collapseMode": "collapseMode"; }, { "itemClick": "itemClick"; }, ["itemTemplate"], never>;
 }

package/{dist/es2015/breadcrumb → breadcrumb}/list.component.d.ts

@@ -6,6 +6,7 @@ import { EventEmitter, TemplateRef, QueryList, ElementRef, NgZone, OnDestroy } f
 import { BreadCrumbItemModel, BreadCrumbItem } from './models/breadcrumb-item.interface';
 import { BreadCrumbCollapseMode } from './models/collapse-mode';
 import { BreadCrumbItemComponent } from './breadcrumb-item.component';
+import * as i0 from "@angular/core";
 /**
  * @hidden
  */
@@ -23,4 +24,6 @@ export declare class BreadCrumbListComponent implements OnDestroy {
     constructor(el: ElementRef<HTMLOListElement>, zone: NgZone);
     ngOnDestroy(): void;
     private getItemIndex;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BreadCrumbListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BreadCrumbListComponent, "[kendoBreadCrumbList]", never, { "items": "items"; "itemTemplate": "itemTemplate"; "collapseMode": "collapseMode"; "separatorIcon": "separatorIcon"; }, { "itemClick": "itemClick"; }, never, never>;
 }

package/{dist/es2015/breadcrumb → breadcrumb}/template-directives/item-template.directive.d.ts

@@ -3,6 +3,7 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
 /**
  * Represents a template that defines the content of a Breadcrumb item.
  * To define the template, nest an `<ng-template>` tag with the `kendoBreadCrumbItemTemplate` directive inside the `<kendo-breadcrumb>` tag.
@@ -12,4 +13,6 @@ import { TemplateRef } from '@angular/core';
 export declare class BreadCrumbItemTemplateDirective {
     templateRef: TemplateRef<any>;
     constructor(templateRef: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<BreadCrumbItemTemplateDirective, [{ optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BreadCrumbItemTemplateDirective, "[kendoBreadCrumbItemTemplate]", never, {}, {}, never>;
 }

package/{dist/es2015/breadcrumb → breadcrumb}/template-directives/separator.directive.d.ts

@@ -4,13 +4,15 @@
 *-------------------------------------------------------------------------------------------*/
 import { ElementRef } from '@angular/core';
 import { LocalizationService } from '@progress/kendo-angular-l10n';
+import * as i0 from "@angular/core";
 /**
  * @hidden
  */
 export declare class BreadCrumbSeparatorDirective {
     el: ElementRef<HTMLElement>;
     private localization;
-    icon: string;
+    set icon(icon: string);
+    get icon(): string;
     defaultClasses: boolean;
     ariaHidden: boolean;
     private _icon;
@@ -20,4 +22,6 @@ export declare class BreadCrumbSeparatorDirective {
     constructor(el: ElementRef<HTMLElement>, localization: LocalizationService);
     ngOnInit(): void;
     ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BreadCrumbSeparatorDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<BreadCrumbSeparatorDirective, "[kendoBreadCrumbSeparator]", never, { "icon": "icon"; }, {}, never>;
 }

package/{dist/es2015/breadcrumb.module.d.ts → breadcrumb.module.d.ts}

@@ -2,6 +2,14 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+import * as i0 from "@angular/core";
+import * as i1 from "./breadcrumb/breadcrumb.component";
+import * as i2 from "./breadcrumb/breadcrumb-item.component";
+import * as i3 from "./breadcrumb/list.component";
+import * as i4 from "./breadcrumb/template-directives/item-template.directive";
+import * as i5 from "./breadcrumb/template-directives/separator.directive";
+import * as i6 from "@angular/common";
+import * as i7 from "@progress/kendo-angular-common";
 /**
  * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
  * definition for the BreadCrumb component.
@@ -34,4 +42,7 @@
  * ```
  */
 export declare class BreadCrumbModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BreadCrumbModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<BreadCrumbModule, [typeof i1.BreadCrumbComponent, typeof i2.BreadCrumbItemComponent, typeof i3.BreadCrumbListComponent, typeof i4.BreadCrumbItemTemplateDirective, typeof i5.BreadCrumbSeparatorDirective], [typeof i6.CommonModule, typeof i7.ResizeSensorModule], [typeof i1.BreadCrumbComponent, typeof i2.BreadCrumbItemComponent, typeof i3.BreadCrumbListComponent, typeof i4.BreadCrumbItemTemplateDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<BreadCrumbModule>;
 }

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

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@progress/kendo-angular-l10n"),require("@progress/kendo-licensing"),require("@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){if(n&&n.__esModule)return n;var i=Object.create(null);return n&&Object.keys(n).forEach(function(e){var t;"default"!==e&&(t=Object.getOwnPropertyDescriptor(n,e),Object.defineProperty(i,e,t.get?t:{enumerable:!0,get:function(){return n[e]}}))}),i.default=n,Object.freeze(i)}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:1647880113,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-state-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-state-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?"arrow-chevron-right":"arrow-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-state-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-state-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-state-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-state-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-state-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-state-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})});

package/esm2015/appbar/appbar-section.component.js

@@ -0,0 +1,45 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, HostBinding } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Represents the [Kendo UI AppBarSection component for Angular]({% slug contentarrangement_appbar %}#toc-sections).
+ *
+ * @example
+ *
+ * ```ts-no-run
+ *  * _@Component({
+ *    selector: 'my-app',
+ *    template: `
+ *        <kendo-appbar>
+ *            <kendo-appbar-section>
+ *                <h2>Page Title</h2>
+ *            </kendo-appbar-section>
+ *        </kendo-appbar>
+ *    `
+ * })
+ * class AppComponent {}
+ */
+export class AppBarSectionComponent {
+    constructor() {
+        this.hostClass = true;
+    }
+}
+AppBarSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AppBarSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+AppBarSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: AppBarSectionComponent, selector: "kendo-appbar-section", host: { properties: { "class.k-appbar-section": "this.hostClass" } }, ngImport: i0, template: `
+        <ng-content></ng-content>
+    `, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AppBarSectionComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-appbar-section',
+                    template: `
+        <ng-content></ng-content>
+    `
+                }]
+        }], propDecorators: { hostClass: [{
+                type: HostBinding,
+                args: ['class.k-appbar-section']
+            }] } });