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

package/{dist/es2015 → esm2015}/appbar/appbar-spacer.component.js

@@ -2,9 +2,9 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Component, HostBinding, Input, Renderer2, ElementRef } from '@angular/core';
+import { Component, HostBinding, Input } from '@angular/core';
 import { isPresent } from '../common/util';
+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.
@@ -33,7 +33,7 @@ import { isPresent } from '../common/util';
  * class AppComponent {}
  * ```
  */
-let AppBarSpacerComponent = class AppBarSpacerComponent {
+export class AppBarSpacerComponent {
     constructor(renderer, element) {
         this.renderer = renderer;
         this.element = element;
@@ -48,25 +48,21 @@ let AppBarSpacerComponent = class AppBarSpacerComponent {
             this.renderer.setStyle(element, 'flexBasis', this.width);
         }
     }
-};
-tslib_1.__decorate([
-    HostBinding('class.k-appbar-spacer'),
-    tslib_1.__metadata("design:type", Boolean)
-], AppBarSpacerComponent.prototype, "hostClass", void 0);
-tslib_1.__decorate([
-    HostBinding('class.k-appbar-spacer-sized'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], AppBarSpacerComponent.prototype, "sizedClass", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], AppBarSpacerComponent.prototype, "width", void 0);
-AppBarSpacerComponent = tslib_1.__decorate([
-    Component({
-        selector: 'kendo-appbar-spacer',
-        template: ``
-    }),
-    tslib_1.__metadata("design:paramtypes", [Renderer2, ElementRef])
-], AppBarSpacerComponent);
-export { AppBarSpacerComponent };
+}
+AppBarSpacerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AppBarSpacerComponent, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+AppBarSpacerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: AppBarSpacerComponent, selector: "kendo-appbar-spacer", inputs: { width: "width" }, host: { properties: { "class.k-appbar-spacer": "this.hostClass", "class.k-appbar-spacer-sized": "this.sizedClass" } }, ngImport: i0, template: ``, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AppBarSpacerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-appbar-spacer',
+                    template: ``
+                }]
+        }], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { hostClass: [{
+                type: HostBinding,
+                args: ['class.k-appbar-spacer']
+            }], sizedClass: [{
+                type: HostBinding,
+                args: ['class.k-appbar-spacer-sized']
+            }], width: [{
+                type: Input
+            }] } });

package/{dist/es2015 → esm2015}/appbar/appbar.component.js

@@ -2,16 +2,17 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
 import { Component, HostBinding, Input } from '@angular/core';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from '../package-metadata';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
 /**
  * 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.
  */
-let AppBarComponent = class AppBarComponent {
+export class AppBarComponent {
     constructor(localizationService) {
         this.localizationService = localizationService;
         this.hostClass = true;
@@ -88,82 +89,67 @@ let AppBarComponent = class AppBarComponent {
             this.dynamicRTLSubscription.unsubscribe();
         }
     }
-};
-tslib_1.__decorate([
-    HostBinding('class.k-appbar'),
-    tslib_1.__metadata("design:type", Boolean)
-], AppBarComponent.prototype, "hostClass", void 0);
-tslib_1.__decorate([
-    HostBinding('class.k-appbar-top'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], AppBarComponent.prototype, "topClass", null);
-tslib_1.__decorate([
-    HostBinding('class.k-appbar-bottom'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], AppBarComponent.prototype, "bottomClass", null);
-tslib_1.__decorate([
-    HostBinding('class.k-appbar-sticky'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], AppBarComponent.prototype, "stickyClass", null);
-tslib_1.__decorate([
-    HostBinding('class.k-appbar-fixed'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], AppBarComponent.prototype, "fixedClass", null);
-tslib_1.__decorate([
-    HostBinding('class.k-appbar-static'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], AppBarComponent.prototype, "staticClass", null);
-tslib_1.__decorate([
-    HostBinding('class.k-appbar-light'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], AppBarComponent.prototype, "lightClass", null);
-tslib_1.__decorate([
-    HostBinding('class.k-appbar-dark'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], AppBarComponent.prototype, "darkClass", null);
-tslib_1.__decorate([
-    HostBinding('class.k-appbar-inherit'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], AppBarComponent.prototype, "inheritClass", null);
-tslib_1.__decorate([
-    HostBinding('attr.dir'),
-    tslib_1.__metadata("design:type", String)
-], AppBarComponent.prototype, "direction", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], AppBarComponent.prototype, "position", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], AppBarComponent.prototype, "positionMode", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], AppBarComponent.prototype, "themeColor", void 0);
-AppBarComponent = tslib_1.__decorate([
-    Component({
-        exportAs: 'kendoAppBar',
-        selector: 'kendo-appbar',
-        template: `
+}
+AppBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AppBarComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+AppBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: AppBarComponent, 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: [
+        LocalizationService,
+        {
+            provide: L10N_PREFIX,
+            useValue: 'kendo.appbar.component'
+        }
+    ], exportAs: ["kendoAppBar"], ngImport: i0, template: `
+        <ng-content></ng-content>
+    `, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AppBarComponent, decorators: [{
+            type: Component,
+            args: [{
+                    exportAs: 'kendoAppBar',
+                    selector: 'kendo-appbar',
+                    template: `
         <ng-content></ng-content>
     `,
-        providers: [
-            LocalizationService,
-            {
-                provide: L10N_PREFIX,
-                useValue: 'kendo.appbar.component'
-            }
-        ]
-    }),
-    tslib_1.__metadata("design:paramtypes", [LocalizationService])
-], AppBarComponent);
-export { AppBarComponent };
+                    providers: [
+                        LocalizationService,
+                        {
+                            provide: L10N_PREFIX,
+                            useValue: 'kendo.appbar.component'
+                        }
+                    ]
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }]; }, propDecorators: { hostClass: [{
+                type: HostBinding,
+                args: ['class.k-appbar']
+            }], topClass: [{
+                type: HostBinding,
+                args: ['class.k-appbar-top']
+            }], bottomClass: [{
+                type: HostBinding,
+                args: ['class.k-appbar-bottom']
+            }], stickyClass: [{
+                type: HostBinding,
+                args: ['class.k-appbar-sticky']
+            }], fixedClass: [{
+                type: HostBinding,
+                args: ['class.k-appbar-fixed']
+            }], staticClass: [{
+                type: HostBinding,
+                args: ['class.k-appbar-static']
+            }], lightClass: [{
+                type: HostBinding,
+                args: ['class.k-appbar-light']
+            }], darkClass: [{
+                type: HostBinding,
+                args: ['class.k-appbar-dark']
+            }], inheritClass: [{
+                type: HostBinding,
+                args: ['class.k-appbar-inherit']
+            }], direction: [{
+                type: HostBinding,
+                args: ['attr.dir']
+            }], position: [{
+                type: Input
+            }], positionMode: [{
+                type: Input
+            }], themeColor: [{
+                type: Input
+            }] } });

package/{dist/es → esm2015}/appbar/models/position-mode.js

@@ -2,3 +2,4 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+export {};

package/{dist/es2015 → esm2015}/appbar/models/position.js

@@ -2,3 +2,4 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+export {};

package/{dist/es2015 → esm2015}/appbar/models/theme-color.js

@@ -2,3 +2,4 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+export {};

package/{dist/es2015 → esm2015}/appbar.module.js

@@ -2,12 +2,12 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { AppBarComponent } from './appbar/appbar.component';
 import { AppBarSectionComponent } from './appbar/appbar-section.component';
 import { AppBarSpacerComponent } from './appbar/appbar-spacer.component';
+import * as i0 from "@angular/core";
 const exportedModules = [
     AppBarComponent,
     AppBarSectionComponent,
@@ -48,13 +48,20 @@ const declarations = [
  *
  * ```
  */
-let AppBarModule = class AppBarModule {
-};
-AppBarModule = tslib_1.__decorate([
-    NgModule({
-        declarations: [declarations],
-        exports: [exportedModules],
-        imports: [CommonModule]
-    })
-], AppBarModule);
-export { AppBarModule };
+export class AppBarModule {
+}
+AppBarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AppBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AppBarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AppBarModule, declarations: [AppBarComponent,
+        AppBarSectionComponent,
+        AppBarSpacerComponent], imports: [CommonModule], exports: [AppBarComponent,
+        AppBarSectionComponent,
+        AppBarSpacerComponent] });
+AppBarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AppBarModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: AppBarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [declarations],
+                    exports: [exportedModules],
+                    imports: [CommonModule]
+                }]
+        }] });

package/esm2015/bottomnavigation/bottomnavigation-item.component.js

@@ -0,0 +1,101 @@
+/**-----------------------------------------------------------------------------------------
+* 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, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+/**
+ * @hidden
+ */
+export class BottomNavigationItemComponent {
+    get disabledClass() {
+        return this.item.disabled;
+    }
+    get horizontalItemClass() {
+        return this.orientation === 'horizontal';
+    }
+    get verticalItemClass() {
+        return this.orientation === 'vertical';
+    }
+    get label() {
+        return this.item.text ? this.item.text : null;
+    }
+    get tabindex() {
+        return this.item.tabIndex ? this.item.tabIndex : 0;
+    }
+    get selectedClass() {
+        return this.selectedIdx ? this.selectedIdx === this.index : this.item.selected;
+    }
+    get itemIcon() {
+        return this.item.icon || this.item.iconClass ? true : false;
+    }
+    get iconClasses() {
+        const kendoIcon = this.item.icon ? `k-icon k-i-${this.item.icon}` : '';
+        const customIcon = this.item.iconClass ? this.item.iconClass : '';
+        return `${kendoIcon} ${customIcon}`;
+    }
+}
+BottomNavigationItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BottomNavigationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+BottomNavigationItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: BottomNavigationItemComponent, 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: i0, template: `
+        <ng-container *ngIf="!itemTemplate">
+            <span *ngIf="itemIcon" class="k-bottom-nav-item-icon" [ngClass]="iconClasses"></span>
+            <span *ngIf="item.text" class="k-bottom-nav-item-text">{{item.text}}</span>
+        </ng-container>
+        <ng-template *ngIf="itemTemplate"
+            [ngTemplateOutlet]="itemTemplate?.templateRef"
+            [ngTemplateOutletContext]="{ $implicit: item }">
+        </ng-template>
+    `, isInline: true, directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BottomNavigationItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[kendoBottomNavigationItem]',
+                    template: `
+        <ng-container *ngIf="!itemTemplate">
+            <span *ngIf="itemIcon" class="k-bottom-nav-item-icon" [ngClass]="iconClasses"></span>
+            <span *ngIf="item.text" class="k-bottom-nav-item-text">{{item.text}}</span>
+        </ng-container>
+        <ng-template *ngIf="itemTemplate"
+            [ngTemplateOutlet]="itemTemplate?.templateRef"
+            [ngTemplateOutletContext]="{ $implicit: item }">
+        </ng-template>
+    `
+                }]
+        }], propDecorators: { itemTemplate: [{
+                type: Input
+            }], item: [{
+                type: Input
+            }], index: [{
+                type: Input
+            }], disabledComponent: [{
+                type: Input
+            }], selectedIdx: [{
+                type: Input
+            }], orientation: [{
+                type: Input
+            }], disabledClass: [{
+                type: HostBinding,
+                args: ['attr.aria-disabled']
+            }, {
+                type: HostBinding,
+                args: ['class.k-state-disabled']
+            }], horizontalItemClass: [{
+                type: HostBinding,
+                args: ['class.k-hstack']
+            }], verticalItemClass: [{
+                type: HostBinding,
+                args: ['class.k-vstack']
+            }], label: [{
+                type: HostBinding,
+                args: ['attr.aria-label']
+            }], tabindex: [{
+                type: HostBinding,
+                args: ['attr.tabindex']
+            }], selectedClass: [{
+                type: HostBinding,
+                args: ['attr.aria-selected']
+            }, {
+                type: HostBinding,
+                args: ['class.k-state-selected']
+            }] } });

package/{dist/es2015 → esm2015}/bottomnavigation/bottomnavigation.component.js

@@ -2,8 +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 tslib_1 from "tslib";
-import { Component, HostBinding, Input, Output, EventEmitter, ElementRef, Renderer2, ContentChild, NgZone, ChangeDetectorRef } from '@angular/core';
+import { Component, HostBinding, Input, Output, EventEmitter, ContentChild } from '@angular/core';
 import { Keys } from '@progress/kendo-angular-common';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
 import { validatePackage } from '@progress/kendo-licensing';
@@ -13,6 +12,10 @@ import { BottomNavigationItemTemplateDirective } from './templates/item-template
 import { closestItem, itemIndex } from '../common/dom-queries';
 import { BOTTOMNAVIGATION_ITEM_INDEX, colors } from './constants';
 import { packageMetadata } from '../package-metadata';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+import * as i2 from "./bottomnavigation-item.component";
+import * as i3 from "@angular/common";
 /**
  * Represents the [Kendo UI BottomNavigation component for Angular]({% slug overview_bottomnavigation %}).
  *
@@ -33,7 +36,7 @@ import { packageMetadata } from '../package-metadata';
  * }
  * ```
  */
-let BottomNavigationComponent = class BottomNavigationComponent {
+export class BottomNavigationComponent {
     constructor(localization, hostElement, ngZone, changeDetector, renderer) {
         this.localization = localization;
         this.hostElement = hostElement;
@@ -240,83 +243,28 @@ let BottomNavigationComponent = class BottomNavigationComponent {
             return itemIndex(item, BOTTOMNAVIGATION_ITEM_INDEX);
         }
     }
-};
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Array)
-], BottomNavigationComponent.prototype, "items", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], BottomNavigationComponent.prototype, "border", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Boolean)
-], BottomNavigationComponent.prototype, "disabled", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [String])
-], BottomNavigationComponent.prototype, "fill", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [String])
-], BottomNavigationComponent.prototype, "itemFlow", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [String])
-], BottomNavigationComponent.prototype, "positionMode", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [String])
-], BottomNavigationComponent.prototype, "themeColor", null);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], BottomNavigationComponent.prototype, "select", void 0);
-tslib_1.__decorate([
-    HostBinding('class.k-hstack'),
-    HostBinding('class.k-justify-content-stretch'),
-    HostBinding('class.k-bottom-nav'),
-    tslib_1.__metadata("design:type", Boolean)
-], BottomNavigationComponent.prototype, "hostClass", void 0);
-tslib_1.__decorate([
-    HostBinding('class.k-bottom-nav-border'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], BottomNavigationComponent.prototype, "borderClass", null);
-tslib_1.__decorate([
-    HostBinding('class.k-state-disabled'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], BottomNavigationComponent.prototype, "disabledClass", null);
-tslib_1.__decorate([
-    HostBinding('attr.role'),
-    tslib_1.__metadata("design:type", String)
-], BottomNavigationComponent.prototype, "role", void 0);
-tslib_1.__decorate([
-    HostBinding('attr.dir'),
-    tslib_1.__metadata("design:type", String)
-], BottomNavigationComponent.prototype, "direction", void 0);
-tslib_1.__decorate([
-    ContentChild(BottomNavigationItemTemplateDirective, { static: false }),
-    tslib_1.__metadata("design:type", BottomNavigationItemTemplateDirective)
-], BottomNavigationComponent.prototype, "itemTemplate", void 0);
-BottomNavigationComponent = tslib_1.__decorate([
-    Component({
-        exportAs: 'kendoBottomNavigation',
-        selector: 'kendo-bottomnavigation',
-        providers: [
-            LocalizationService,
-            {
-                provide: L10N_PREFIX,
-                useValue: 'kendo.bottomnavigation'
-            }
-        ],
-        template: `
+}
+BottomNavigationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BottomNavigationComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ElementRef }, { token: i0.NgZone }, { token: i0.ChangeDetectorRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+BottomNavigationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: BottomNavigationComponent, 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: [
+        LocalizationService,
+        {
+            provide: L10N_PREFIX,
+            useValue: 'kendo.bottomnavigation'
+        }
+    ], queries: [{ propertyName: "itemTemplate", first: true, predicate: BottomNavigationItemTemplateDirective, descendants: true }], exportAs: ["kendoBottomNavigation"], ngImport: i0, 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: true, components: [{ type: i2.BottomNavigationItemComponent, selector: "[kendoBottomNavigationItem]", inputs: ["itemTemplate", "item", "index", "disabledComponent", "selectedIdx", "orientation"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BottomNavigationComponent, decorators: [{
+            type: Component,
+            args: [{
+                    exportAs: 'kendoBottomNavigation',
+                    selector: 'kendo-bottomnavigation',
+                    providers: [
+                        LocalizationService,
+                        {
+                            provide: L10N_PREFIX,
+                            useValue: 'kendo.bottomnavigation'
+                        }
+                    ],
+                    template: `
         <ng-container *ngIf="items">
             <span kendoBottomNavigationItem
                 *ngFor="let item of items; let idx=index"
@@ -334,11 +282,45 @@ BottomNavigationComponent = tslib_1.__decorate([
             </span>
         </ng-container>
     `
-    }),
-    tslib_1.__metadata("design:paramtypes", [LocalizationService,
-        ElementRef,
-        NgZone,
-        ChangeDetectorRef,
-        Renderer2])
-], BottomNavigationComponent);
-export { BottomNavigationComponent };
+                }]
+        }], ctorParameters: function () { return [{ type: i1.LocalizationService }, { type: i0.ElementRef }, { type: i0.NgZone }, { type: i0.ChangeDetectorRef }, { type: i0.Renderer2 }]; }, propDecorators: { items: [{
+                type: Input
+            }], border: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], fill: [{
+                type: Input
+            }], itemFlow: [{
+                type: Input
+            }], positionMode: [{
+                type: Input
+            }], themeColor: [{
+                type: Input
+            }], select: [{
+                type: Output
+            }], hostClass: [{
+                type: HostBinding,
+                args: ['class.k-hstack']
+            }, {
+                type: HostBinding,
+                args: ['class.k-justify-content-stretch']
+            }, {
+                type: HostBinding,
+                args: ['class.k-bottom-nav']
+            }], borderClass: [{
+                type: HostBinding,
+                args: ['class.k-bottom-nav-border']
+            }], disabledClass: [{
+                type: HostBinding,
+                args: ['class.k-state-disabled']
+            }], role: [{
+                type: HostBinding,
+                args: ['attr.role']
+            }], direction: [{
+                type: HostBinding,
+                args: ['attr.dir']
+            }], itemTemplate: [{
+                type: ContentChild,
+                args: [BottomNavigationItemTemplateDirective, { static: false }]
+            }] } });

package/esm2015/bottomnavigation/templates/item-template.directive.js

@@ -0,0 +1,26 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, Optional } 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
+ * with the `kendoBottomNavigationItemTemplate` directive inside the `<kendo-bottomnavigation>` tag ([see example]({% slug templates_bottomnavigation %})).
+ */
+export class BottomNavigationItemTemplateDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+}
+BottomNavigationItemTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BottomNavigationItemTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+BottomNavigationItemTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: BottomNavigationItemTemplateDirective, selector: "[kendoBottomNavigationItemTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BottomNavigationItemTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoBottomNavigationItemTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }]; } });

package/{dist/es2015 → esm2015}/bottomnavigation/types/bottomnavigation-fill.js

@@ -2,3 +2,4 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+export {};

package/{dist/es → esm2015}/bottomnavigation/types/bottomnavigation-item-flow.js

@@ -2,3 +2,4 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+export {};

package/{dist/es → esm2015}/bottomnavigation/types/bottomnavigation-item.js

@@ -2,3 +2,4 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+export {};

package/{dist/es → esm2015}/bottomnavigation/types/bottomnavigation-position-mode.js

@@ -2,3 +2,4 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
+export {};