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

package/dist/es/bottomnavigation/bottomnavigation.component.js

@@ -1,356 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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 { Keys } from '@progress/kendo-angular-common';
-import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
-import { validatePackage } from '@progress/kendo-licensing';
-import { Subscription } from 'rxjs';
-import { BottomNavigationSelectEvent } from './events/select-event';
-import { BottomNavigationItemTemplateDirective } from './templates/item-template.directive';
-import { closestItem, itemIndex } from '../common/dom-queries';
-import { BOTTOMNAVIGATION_ITEM_INDEX, colors } from './constants';
-import { packageMetadata } from '../package-metadata';
-/**
- * Represents the [Kendo UI BottomNavigation component for Angular]({% slug overview_bottomnavigation %}).
- *
- * @example
- * ```ts-no-run
- * _@Component({
- *      selector: 'my-app',
- *      template: `
- *          <kendo-bottomnavigation [items]="items"></kendo-bottomnavigation>
- *      `
- * })
- * class AppComponent {
- *      public items: Array<any> = [
- *          { text: 'Inbox', icon: 'email', selected: true },
- *          { text: 'Calendar', icon: 'calendar'},
- *          { text: 'Profile', icon: 'user'}
- *      ]
- * }
- * ```
- */
-var BottomNavigationComponent = /** @class */ (function () {
-    function BottomNavigationComponent(localization, hostElement, ngZone, changeDetector, renderer) {
-        var _this = this;
-        this.localization = localization;
-        this.hostElement = hostElement;
-        this.ngZone = ngZone;
-        this.changeDetector = changeDetector;
-        this.renderer = renderer;
-        /**
-         * Sets a top border to the BottomNavigation ([see example]({% slug appearance_bottomnavigation %})).
-         *
-         * @default false
-         */
-        this.border = false;
-        /**
-         * Disables the whole BottomNavigation.
-         *
-         * @default false
-         */
-        this.disabled = false;
-        /**
-         * Fires each time an item is selected. This event is preventable.
-         */
-        this.select = new EventEmitter();
-        /**
-         * @hidden
-         */
-        this.hostClass = true;
-        /**
-         * @hidden
-         */
-        this.role = 'navigation';
-        this._fill = 'flat';
-        this._itemFlow = 'vertical';
-        this._positionMode = 'fixed';
-        this._themeColor = 'primary';
-        this._nativeHostElement = this.hostElement.nativeElement;
-        this.subscriptions = new Subscription();
-        this.rtl = false;
-        validatePackage(packageMetadata);
-        this.dynamicRTLSubscription = this.localization.changes.subscribe(function (_a) {
-            var rtl = _a.rtl;
-            _this.rtl = rtl;
-            _this.direction = _this.rtl ? 'rtl' : 'ltr';
-        });
-    }
-    Object.defineProperty(BottomNavigationComponent.prototype, "fill", {
-        get: function () {
-            return this._fill;
-        },
-        /**
-         * The fill style of the BottomNavigation ([see example]({% slug appearance_bottomnavigation %})).
-         *
-         * * The possible values are:
-         * * (Default) `flat`
-         * * `solid`
-         */
-        set: function (fill) {
-            this.renderer.removeClass(this._nativeHostElement, "k-bottom-nav-" + this.fill);
-            this._fill = fill === 'solid' ? 'solid' : 'flat';
-            this.renderer.addClass(this._nativeHostElement, "k-bottom-nav-" + this._fill);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(BottomNavigationComponent.prototype, "itemFlow", {
-        get: function () {
-            return this._itemFlow;
-        },
-        /**
-         * Specifies how the icon and text label are positioned in the BottomNavigation items ([see example]({% slug items_bottomnavigation %}#toc-itemflow)).
-         *
-         * The possible values are:
-         * * (Default) `vertical` - Renders the text below the icon.
-         * * `horizontal` - Renders the icon and the text on the same line.
-         */
-        set: function (itemFlow) {
-            this.renderer.removeClass(this._nativeHostElement, "k-bottom-nav-item-flow-" + this.itemFlow);
-            this._itemFlow = itemFlow === 'horizontal' ? 'horizontal' : 'vertical';
-            this.renderer.addClass(this._nativeHostElement, "k-bottom-nav-item-flow-" + this._itemFlow);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(BottomNavigationComponent.prototype, "positionMode", {
-        get: function () {
-            return this._positionMode;
-        },
-        /**
-         * Specifies the position and behavior of the BottomNavigation when the page is scrollable ([see example]({% slug positioning_bottomnavigation %})).
-         *
-         * The possible values are:
-         * * (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.
-         */
-        set: function (positionMode) {
-            this.renderer.removeClass(this._nativeHostElement, "k-pos-" + this.positionMode);
-            this._positionMode = positionMode === 'sticky' ? 'sticky' : 'fixed';
-            this.renderer.addClass(this._nativeHostElement, "k-pos-" + this._positionMode);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(BottomNavigationComponent.prototype, "themeColor", {
-        get: function () {
-            return this._themeColor;
-        },
-        /**
-         * Specifies the theme color of the BottomNavigation ([see example]({% slug appearance_bottomnavigation %})).
-         *
-         * * The possible values are:
-         * * (Default) `primary` - Applies coloring based on the primary theme color.
-         * * `secondary` - Applies coloring based on the secondary theme color.
-         * * `tertiary` - Applies coloring based on the tertiary theme color.
-         * * `info` - Applies coloring based on the info theme color.
-         * * `success` - Applies coloring based on the success theme color.
-         * * `warning` - Applies coloring based on the warning theme color.
-         * * `error` - Applies coloring based on the error theme color.
-         * * `dark` - Applies coloring based on the dark theme color.
-         * * `light` - Applies coloring based on the light theme color.
-         * * `inverse` - Applies coloring based on the inverted theme color.
-         */
-        set: function (themeColor) {
-            var newColor = colors.find(function (color) { return color === themeColor; });
-            if (newColor) {
-                this.renderer.removeClass(this._nativeHostElement, "k-bottom-nav-" + this._themeColor);
-                this._themeColor = themeColor;
-                this.renderer.addClass(this._nativeHostElement, "k-bottom-nav-" + this._themeColor);
-            }
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(BottomNavigationComponent.prototype, "borderClass", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            return this.border;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(BottomNavigationComponent.prototype, "disabledClass", {
-        /**
-         * @hidden
-         */
-        get: function () {
-            return this.disabled;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    /**
-     * @hidden
-     */
-    BottomNavigationComponent.prototype.ngOnInit = function () {
-        this.initDomEvents();
-    };
-    /**
-     * @hidden
-     */
-    BottomNavigationComponent.prototype.ngAfterViewInit = function () {
-        this.applyClasses();
-    };
-    /**
-     * @hidden
-     */
-    BottomNavigationComponent.prototype.ngOnDestroy = function () {
-        if (this.dynamicRTLSubscription) {
-            this.dynamicRTLSubscription.unsubscribe();
-        }
-        this.subscriptions.unsubscribe();
-    };
-    /**
-     * @hidden
-     */
-    BottomNavigationComponent.prototype.selectItem = function (idx, args) {
-        var eventArgs = new BottomNavigationSelectEvent(tslib_1.__assign({}, args));
-        this.select.emit(eventArgs);
-        if (!eventArgs.isDefaultPrevented()) {
-            this.selectedIdx = idx;
-        }
-    };
-    BottomNavigationComponent.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);
-    };
-    BottomNavigationComponent.prototype.initDomEvents = function () {
-        var _this = this;
-        if (!this.hostElement) {
-            return;
-        }
-        this.ngZone.runOutsideAngular(function () {
-            _this.subscriptions.add(_this.renderer.listen(_this._nativeHostElement, 'click', _this.clickHandler.bind(_this)));
-            _this.subscriptions.add(_this.renderer.listen(_this._nativeHostElement, 'keydown', _this.keyDownHandler.bind(_this)));
-        });
-    };
-    BottomNavigationComponent.prototype.clickHandler = function (e) {
-        var _this = this;
-        var itemIdx = this.getBottomNavigationItemIndex(e.target);
-        var item = this.items[itemIdx];
-        if (!item) {
-            return;
-        }
-        if (item.disabled) {
-            e.preventDefault();
-            return;
-        }
-        var args = {
-            index: itemIdx,
-            item: item,
-            originalEvent: e,
-            sender: this
-        };
-        this.ngZone.run(function () {
-            _this.selectItem(itemIdx, args);
-            _this.changeDetector.markForCheck();
-        });
-    };
-    BottomNavigationComponent.prototype.keyDownHandler = function (e) {
-        var isEnterOrSpace = e.keyCode === Keys.Enter || e.keyCode === Keys.Space;
-        if (!isEnterOrSpace) {
-            return;
-        }
-        this.clickHandler(e);
-    };
-    BottomNavigationComponent.prototype.getBottomNavigationItemIndex = function (target) {
-        var item = closestItem(target, BOTTOMNAVIGATION_ITEM_INDEX, this._nativeHostElement);
-        if (item) {
-            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: "\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." + BOTTOMNAVIGATION_ITEM_INDEX + "]=\"idx\"\n                [ngClass]=\"item.cssClass\"\n                [ngStyle]=\"item.cssStyle\"\n                [orientation]=\"itemFlow\">\n            </span>\n        </ng-container>\n    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [LocalizationService,
-            ElementRef,
-            NgZone,
-            ChangeDetectorRef,
-            Renderer2])
-    ], BottomNavigationComponent);
-    return BottomNavigationComponent;
-}());
-export { BottomNavigationComponent };

package/dist/es/bottomnavigation/constants.js

@@ -1,12 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export var BOTTOMNAVIGATION_ITEM_INDEX = 'data-kendo-bottomnavigation-index';
-/**
- * @hidden
- */
-export var colors = ['primary', 'secondary', 'tertiary', 'info', 'success', 'warning', 'error', 'dark', 'light', 'inverse'];

package/dist/es/bottomnavigation/events/select-event.js

@@ -1,17 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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 { PreventableEvent } from '../../common/preventable-event';
-/**
- * Arguments for the `select` event of the BottomNavigation.
- */
-var BottomNavigationSelectEvent = /** @class */ (function (_super) {
-    tslib_1.__extends(BottomNavigationSelectEvent, _super);
-    function BottomNavigationSelectEvent() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    return BottomNavigationSelectEvent;
-}(PreventableEvent));
-export { BottomNavigationSelectEvent };

package/dist/es/bottomnavigation/templates/item-template.directive.js

@@ -1,25 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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 { Directive, Optional, TemplateRef } 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 %})).
- */
-var BottomNavigationItemTemplateDirective = /** @class */ (function () {
-    function BottomNavigationItemTemplateDirective(templateRef) {
-        this.templateRef = templateRef;
-    }
-    BottomNavigationItemTemplateDirective = tslib_1.__decorate([
-        Directive({
-            selector: '[kendoBottomNavigationItemTemplate]'
-        }),
-        tslib_1.__param(0, Optional()),
-        tslib_1.__metadata("design:paramtypes", [TemplateRef])
-    ], BottomNavigationItemTemplateDirective);
-    return BottomNavigationItemTemplateDirective;
-}());
-export { BottomNavigationItemTemplateDirective };

package/dist/es/bottomnavigation/types/bottomnavigation-fill.js

@@ -1,4 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/

package/dist/es/bottomnavigation/types/bottomnavigation-theme-color.js

@@ -1,19 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Specifies the theme color of the BottomNavigation ([see example]({% slug appearance_bottomnavigation %})).
- *
- * * The possible values are:
- * * (Default) `primary` - Applies coloring based on the primary theme color.
- * * `secondary` - Applies coloring based on the secondary theme color.
- * * `tertiary` - Applies coloring based on the tertiary theme color.
- * * `info` - Applies coloring based on the info theme color.
- * * `success` - Applies coloring based on the success theme color.
- * * `warning` - Applies coloring based on the warning theme color.
- * * `error` - Applies coloring based on the error theme color.
- * * `dark` - Applies coloring based on the dark theme color.
- * * `light` - Applies coloring based on the light theme color.
- * * `inverse` - Applies coloring based on the inverted theme color.
- */

package/dist/es/bottomnavigation.module.js

@@ -1,57 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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 { BottomNavigationItemComponent } from './bottomnavigation/bottomnavigation-item.component';
-import { BottomNavigationItemTemplateDirective } from './bottomnavigation/templates/item-template.directive';
-import { NgModule } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { BottomNavigationComponent } from './bottomnavigation/bottomnavigation.component';
-var templateDirectives = [BottomNavigationItemTemplateDirective];
-var exportedComponents = [BottomNavigationComponent].concat(templateDirectives);
-var declarations = [BottomNavigationItemComponent].concat(exportedComponents);
-/**
- * Represents the [NgModule]({{ site.data.urls.angular['ngmoduleapi'] }})
- * definition for the BottomNavigation component.
- * @example
- *
- * ```ts-no-run
- * // Import the BottomNavigation module
- * import { BottomNavigationModule } from '@progress/kendo-angular-navigation';
- *
- * // The browser platform with a compiler
- * import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
- * import { BrowserModule } from '@angular/platform-browser';
- *
- * import { NgModule } from '@angular/core';
- *
- * // Import the app component
- * import { AppComponent } from './app.component';
- *
- * // Define the app module
- * _@NgModule({
- *     declarations: [AppComponent], // declare app component
- *     imports:      [BrowserModule, BottomNavigationModule], // import BottomNavigation module
- *     bootstrap:    [AppComponent]
- * })
- * export class AppModule {}
- *
- * // Compile and launch the module
- * platformBrowserDynamic().bootstrapModule(AppModule);
- *
- * ```
- */
-var BottomNavigationModule = /** @class */ (function () {
-    function BottomNavigationModule() {
-    }
-    BottomNavigationModule = tslib_1.__decorate([
-        NgModule({
-            declarations: [declarations],
-            exports: [exportedComponents],
-            imports: [CommonModule]
-        })
-    ], BottomNavigationModule);
-    return BottomNavigationModule;
-}());
-export { BottomNavigationModule };

package/dist/es/breadcrumb/breadcrumb-item.component.js

@@ -1,98 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* 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, Input, ElementRef, TemplateRef, HostBinding } from '@angular/core';
-import { isDocumentAvailable } from '@progress/kendo-angular-common';
-import { outerWidth } from '../common/util';
-/**
- * @hidden
- */
-var BreadCrumbItemComponent = /** @class */ (function () {
-    function BreadCrumbItemComponent(el) {
-        this.el = el;
-        this.index = -1;
-        this.hostClasses = true;
-        this.disabled = false;
-    }
-    Object.defineProperty(BreadCrumbItemComponent.prototype, "isRootItem", {
-        get: function () {
-            return this.item.context.isFirst;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(BreadCrumbItemComponent.prototype, "isDisabled", {
-        get: function () {
-            return this.disabled || null;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(BreadCrumbItemComponent.prototype, "isLastItem", {
-        get: function () {
-            return this.item.context.isLast;
-        },
-        enumerable: true,
-        configurable: true
-    });
-    BreadCrumbItemComponent.prototype.ngOnInit = function () {
-        this.disabled = this.item.data && (this.item.data.disabled || this.item.context.isLast);
-    };
-    BreadCrumbItemComponent.prototype.ngAfterViewInit = function () {
-        if (isDocumentAvailable()) {
-            this.width = outerWidth(this.el.nativeElement);
-        }
-    };
-    BreadCrumbItemComponent.prototype.onImageLoad = function () {
-        if (isDocumentAvailable()) {
-            this.width = outerWidth(this.el.nativeElement);
-        }
-    };
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], BreadCrumbItemComponent.prototype, "item", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", String)
-    ], BreadCrumbItemComponent.prototype, "collapseMode", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], BreadCrumbItemComponent.prototype, "index", void 0);
-    tslib_1.__decorate([
-        Input(),
-        tslib_1.__metadata("design:type", TemplateRef)
-    ], BreadCrumbItemComponent.prototype, "itemTemplate", void 0);
-    tslib_1.__decorate([
-        HostBinding('class.k-flex-none'),
-        HostBinding('class.k-breadcrumb-item'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], BreadCrumbItemComponent.prototype, "hostClasses", void 0);
-    tslib_1.__decorate([
-        HostBinding('class.k-breadcrumb-root-item'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], BreadCrumbItemComponent.prototype, "isRootItem", null);
-    tslib_1.__decorate([
-        HostBinding('attr.aria-disabled'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], BreadCrumbItemComponent.prototype, "isDisabled", null);
-    tslib_1.__decorate([
-        HostBinding('class.k-breadcrumb-last-item'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], BreadCrumbItemComponent.prototype, "isLastItem", null);
-    BreadCrumbItemComponent = tslib_1.__decorate([
-        Component({
-            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    "
-        }),
-        tslib_1.__metadata("design:paramtypes", [ElementRef])
-    ], BreadCrumbItemComponent);
-    return BreadCrumbItemComponent;
-}());
-export { BreadCrumbItemComponent };