@progress/kendo-angular-navigation 1.1.6 → 2.0.0-dev.202204141001

package/dist/npm/bottomnavigation/bottomnavigation.component.js

@@ -1,358 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var kendo_angular_common_1 = require("@progress/kendo-angular-common");
-var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n");
-var kendo_licensing_1 = require("@progress/kendo-licensing");
-var rxjs_1 = require("rxjs");
-var select_event_1 = require("./events/select-event");
-var item_template_directive_1 = require("./templates/item-template.directive");
-var dom_queries_1 = require("../common/dom-queries");
-var constants_1 = require("./constants");
-var package_metadata_1 = require("../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 core_1.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 rxjs_1.Subscription();
-        this.rtl = false;
-        kendo_licensing_1.validatePackage(package_metadata_1.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 = constants_1.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 select_event_1.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 === kendo_angular_common_1.Keys.Enter || e.keyCode === kendo_angular_common_1.Keys.Space;
-        if (!isEnterOrSpace) {
-            return;
-        }
-        this.clickHandler(e);
-    };
-    BottomNavigationComponent.prototype.getBottomNavigationItemIndex = function (target) {
-        var item = dom_queries_1.closestItem(target, constants_1.BOTTOMNAVIGATION_ITEM_INDEX, this._nativeHostElement);
-        if (item) {
-            return dom_queries_1.itemIndex(item, constants_1.BOTTOMNAVIGATION_ITEM_INDEX);
-        }
-    };
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Array)
-    ], BottomNavigationComponent.prototype, "items", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], BottomNavigationComponent.prototype, "border", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Boolean)
-    ], BottomNavigationComponent.prototype, "disabled", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], BottomNavigationComponent.prototype, "fill", null);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], BottomNavigationComponent.prototype, "itemFlow", null);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], BottomNavigationComponent.prototype, "positionMode", null);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String),
-        tslib_1.__metadata("design:paramtypes", [String])
-    ], BottomNavigationComponent.prototype, "themeColor", null);
-    tslib_1.__decorate([
-        core_1.Output(),
-        tslib_1.__metadata("design:type", core_1.EventEmitter)
-    ], BottomNavigationComponent.prototype, "select", void 0);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-hstack'),
-        core_1.HostBinding('class.k-justify-content-stretch'),
-        core_1.HostBinding('class.k-bottom-nav'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], BottomNavigationComponent.prototype, "hostClass", void 0);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-bottom-nav-border'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], BottomNavigationComponent.prototype, "borderClass", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-state-disabled'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], BottomNavigationComponent.prototype, "disabledClass", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('attr.role'),
-        tslib_1.__metadata("design:type", String)
-    ], BottomNavigationComponent.prototype, "role", void 0);
-    tslib_1.__decorate([
-        core_1.HostBinding('attr.dir'),
-        tslib_1.__metadata("design:type", String)
-    ], BottomNavigationComponent.prototype, "direction", void 0);
-    tslib_1.__decorate([
-        core_1.ContentChild(item_template_directive_1.BottomNavigationItemTemplateDirective, { static: false }),
-        tslib_1.__metadata("design:type", item_template_directive_1.BottomNavigationItemTemplateDirective)
-    ], BottomNavigationComponent.prototype, "itemTemplate", void 0);
-    BottomNavigationComponent = tslib_1.__decorate([
-        core_1.Component({
-            exportAs: 'kendoBottomNavigation',
-            selector: 'kendo-bottomnavigation',
-            providers: [
-                kendo_angular_l10n_1.LocalizationService,
-                {
-                    provide: kendo_angular_l10n_1.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." + constants_1.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", [kendo_angular_l10n_1.LocalizationService,
-            core_1.ElementRef,
-            core_1.NgZone,
-            core_1.ChangeDetectorRef,
-            core_1.Renderer2])
-    ], BottomNavigationComponent);
-    return BottomNavigationComponent;
-}());
-exports.BottomNavigationComponent = BottomNavigationComponent;

package/dist/npm/bottomnavigation/constants.js

@@ -1,14 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-/**
- * @hidden
- */
-exports.BOTTOMNAVIGATION_ITEM_INDEX = 'data-kendo-bottomnavigation-index';
-/**
- * @hidden
- */
-exports.colors = ['primary', 'secondary', 'tertiary', 'info', 'success', 'warning', 'error', 'dark', 'light', 'inverse'];

package/dist/npm/bottomnavigation/events/select-event.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
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var preventable_event_1 = require("../../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;
-}(preventable_event_1.PreventableEvent));
-exports.BottomNavigationSelectEvent = BottomNavigationSelectEvent;

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

@@ -1,27 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@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([
-        core_1.Directive({
-            selector: '[kendoBottomNavigationItemTemplate]'
-        }),
-        tslib_1.__param(0, core_1.Optional()),
-        tslib_1.__metadata("design:paramtypes", [core_1.TemplateRef])
-    ], BottomNavigationItemTemplateDirective);
-    return BottomNavigationItemTemplateDirective;
-}());
-exports.BottomNavigationItemTemplateDirective = BottomNavigationItemTemplateDirective;

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

@@ -1,6 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/bottomnavigation/types/bottomnavigation-item-flow.js

@@ -1,6 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/bottomnavigation/types/bottomnavigation-item.js

@@ -1,6 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/bottomnavigation/types/bottomnavigation-position-mode.js

@@ -1,6 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,21 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-/**
- * 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.
- */
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/bottomnavigation.module.js

@@ -1,59 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var bottomnavigation_item_component_1 = require("./bottomnavigation/bottomnavigation-item.component");
-var item_template_directive_1 = require("./bottomnavigation/templates/item-template.directive");
-var core_1 = require("@angular/core");
-var common_1 = require("@angular/common");
-var bottomnavigation_component_1 = require("./bottomnavigation/bottomnavigation.component");
-var templateDirectives = [item_template_directive_1.BottomNavigationItemTemplateDirective];
-var exportedComponents = [bottomnavigation_component_1.BottomNavigationComponent].concat(templateDirectives);
-var declarations = [bottomnavigation_item_component_1.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([
-        core_1.NgModule({
-            declarations: [declarations],
-            exports: [exportedComponents],
-            imports: [common_1.CommonModule]
-        })
-    ], BottomNavigationModule);
-    return BottomNavigationModule;
-}());
-exports.BottomNavigationModule = BottomNavigationModule;

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

@@ -1,100 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var tslib_1 = require("tslib");
-var core_1 = require("@angular/core");
-var kendo_angular_common_1 = require("@progress/kendo-angular-common");
-var util_1 = require("../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 (kendo_angular_common_1.isDocumentAvailable()) {
-            this.width = util_1.outerWidth(this.el.nativeElement);
-        }
-    };
-    BreadCrumbItemComponent.prototype.onImageLoad = function () {
-        if (kendo_angular_common_1.isDocumentAvailable()) {
-            this.width = util_1.outerWidth(this.el.nativeElement);
-        }
-    };
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Object)
-    ], BreadCrumbItemComponent.prototype, "item", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", String)
-    ], BreadCrumbItemComponent.prototype, "collapseMode", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", Number)
-    ], BreadCrumbItemComponent.prototype, "index", void 0);
-    tslib_1.__decorate([
-        core_1.Input(),
-        tslib_1.__metadata("design:type", core_1.TemplateRef)
-    ], BreadCrumbItemComponent.prototype, "itemTemplate", void 0);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-flex-none'),
-        core_1.HostBinding('class.k-breadcrumb-item'),
-        tslib_1.__metadata("design:type", Boolean)
-    ], BreadCrumbItemComponent.prototype, "hostClasses", void 0);
-    tslib_1.__decorate([
-        core_1.HostBinding('class.k-breadcrumb-root-item'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], BreadCrumbItemComponent.prototype, "isRootItem", null);
-    tslib_1.__decorate([
-        core_1.HostBinding('attr.aria-disabled'),
-        tslib_1.__metadata("design:type", Boolean),
-        tslib_1.__metadata("design:paramtypes", [])
-    ], BreadCrumbItemComponent.prototype, "isDisabled", null);
-    tslib_1.__decorate([
-        core_1.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([
-        core_1.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", [core_1.ElementRef])
-    ], BreadCrumbItemComponent);
-    return BreadCrumbItemComponent;
-}());
-exports.BreadCrumbItemComponent = BreadCrumbItemComponent;