@progress/kendo-angular-navigation 1.1.5 → 2.0.0-next.202203020840

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

@@ -17,3 +17,4 @@
  * * `light` - Applies coloring based on the light theme color.
  * * `inverse` - Applies coloring based on the inverted theme color.
  */
+export {};

package/{dist/es2015 → esm2015}/bottomnavigation.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 { 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';
+import * as i0 from "@angular/core";
 const templateDirectives = [BottomNavigationItemTemplateDirective];
 const exportedComponents = [BottomNavigationComponent, ...templateDirectives];
 const declarations = [BottomNavigationItemComponent, ...exportedComponents];
@@ -42,13 +42,16 @@ const declarations = [BottomNavigationItemComponent, ...exportedComponents];
  *
  * ```
  */
-let BottomNavigationModule = class BottomNavigationModule {
-};
-BottomNavigationModule = tslib_1.__decorate([
-    NgModule({
-        declarations: [declarations],
-        exports: [exportedComponents],
-        imports: [CommonModule]
-    })
-], BottomNavigationModule);
-export { BottomNavigationModule };
+export class BottomNavigationModule {
+}
+BottomNavigationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BottomNavigationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+BottomNavigationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BottomNavigationModule, declarations: [BottomNavigationItemComponent, BottomNavigationComponent, BottomNavigationItemTemplateDirective], imports: [CommonModule], exports: [BottomNavigationComponent, BottomNavigationItemTemplateDirective] });
+BottomNavigationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BottomNavigationModule, imports: [[CommonModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BottomNavigationModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [declarations],
+                    exports: [exportedComponents],
+                    imports: [CommonModule]
+                }]
+        }] });

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

@@ -0,0 +1,160 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, Input, HostBinding } from '@angular/core';
+import { isDocumentAvailable } from '@progress/kendo-angular-common';
+import { outerWidth } from '../common/util';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+/**
+ * @hidden
+ */
+export class BreadCrumbItemComponent {
+    constructor(el) {
+        this.el = el;
+        this.index = -1;
+        this.hostClasses = true;
+        this.disabled = false;
+    }
+    get isRootItem() {
+        return this.item.context.isFirst;
+    }
+    get isDisabled() {
+        return this.disabled || null;
+    }
+    get isLastItem() {
+        return this.item.context.isLast;
+    }
+    ngOnInit() {
+        this.disabled = this.item.data && (this.item.data.disabled || this.item.context.isLast);
+    }
+    ngAfterViewInit() {
+        if (isDocumentAvailable()) {
+            this.width = outerWidth(this.el.nativeElement);
+        }
+    }
+    onImageLoad() {
+        if (isDocumentAvailable()) {
+            this.width = outerWidth(this.el.nativeElement);
+        }
+    }
+}
+BreadCrumbItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BreadCrumbItemComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+BreadCrumbItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: BreadCrumbItemComponent, selector: "[kendoBreadCrumbItem]", inputs: { item: "item", collapseMode: "collapseMode", index: "index", itemTemplate: "itemTemplate" }, host: { properties: { "class.k-flex-none": "this.hostClasses", "class.k-breadcrumb-item": "this.hostClasses", "class.k-breadcrumb-root-item": "this.isRootItem", "attr.aria-disabled": "this.isDisabled", "class.k-breadcrumb-last-item": "this.isLastItem" } }, ngImport: i0, template: `
+        <ng-template #separator>
+            <ng-content select="[kendoBreadCrumbSeparator]"></ng-content>
+        </ng-template>
+
+        <ng-container *ngIf="collapseMode === 'wrap'">
+            <ng-container *ngTemplateOutlet="separator"></ng-container>
+        </ng-container>
+
+        <ng-container *ngIf="!item.context.collapsed">
+            <span
+                *ngIf="!itemTemplate"
+                [ngClass]="{
+                    'k-breadcrumb-root-link': item.context.isFirst,
+                    'k-breadcrumb-link': index !== 0,
+                    'k-breadcrumb-icontext-link': !!item.data.icon && !!item.data.text,
+                    'k-breadcrumb-icon-link': !!item.data.icon && !item.data.text,
+                    'k-state-disabled': disabled
+                }"
+                [title]="item.data.title || ''"
+                [tabindex]="disabled ? -1 : 0"
+                [attr.aria-current]="item.context.isLast ? true : null"
+                role="link"
+                class="k-cursor-pointer k-flex-none"
+            >
+                <img *ngIf="item.data.imageUrl" (load)="onImageLoad()" [src]="item.data.imageUrl" class="k-image" role="presentation" />
+                <span *ngIf="item.data.icon && !item.data.iconClass" class="k-icon k-i-{{ item.data.icon }}"></span>
+                <span *ngIf="item.data.iconClass" class="{{ item.data.iconClass }}"></span>
+                {{ item.data.text }}
+            </span>
+            <ng-template
+                *ngIf="itemTemplate"
+                [ngTemplateOutlet]="itemTemplate"
+                [ngTemplateOutletContext]="{
+                    $implicit: item.data,
+                    index: index
+                }"
+            ></ng-template>
+        </ng-container>
+
+        <ng-container *ngIf="collapseMode !== 'wrap'">
+            <ng-container *ngTemplateOutlet="separator"></ng-container>
+        </ng-container>
+    `, isInline: true, directives: [{ type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BreadCrumbItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[kendoBreadCrumbItem]',
+                    template: `
+        <ng-template #separator>
+            <ng-content select="[kendoBreadCrumbSeparator]"></ng-content>
+        </ng-template>
+
+        <ng-container *ngIf="collapseMode === 'wrap'">
+            <ng-container *ngTemplateOutlet="separator"></ng-container>
+        </ng-container>
+
+        <ng-container *ngIf="!item.context.collapsed">
+            <span
+                *ngIf="!itemTemplate"
+                [ngClass]="{
+                    'k-breadcrumb-root-link': item.context.isFirst,
+                    'k-breadcrumb-link': index !== 0,
+                    'k-breadcrumb-icontext-link': !!item.data.icon && !!item.data.text,
+                    'k-breadcrumb-icon-link': !!item.data.icon && !item.data.text,
+                    'k-state-disabled': disabled
+                }"
+                [title]="item.data.title || ''"
+                [tabindex]="disabled ? -1 : 0"
+                [attr.aria-current]="item.context.isLast ? true : null"
+                role="link"
+                class="k-cursor-pointer k-flex-none"
+            >
+                <img *ngIf="item.data.imageUrl" (load)="onImageLoad()" [src]="item.data.imageUrl" class="k-image" role="presentation" />
+                <span *ngIf="item.data.icon && !item.data.iconClass" class="k-icon k-i-{{ item.data.icon }}"></span>
+                <span *ngIf="item.data.iconClass" class="{{ item.data.iconClass }}"></span>
+                {{ item.data.text }}
+            </span>
+            <ng-template
+                *ngIf="itemTemplate"
+                [ngTemplateOutlet]="itemTemplate"
+                [ngTemplateOutletContext]="{
+                    $implicit: item.data,
+                    index: index
+                }"
+            ></ng-template>
+        </ng-container>
+
+        <ng-container *ngIf="collapseMode !== 'wrap'">
+            <ng-container *ngTemplateOutlet="separator"></ng-container>
+        </ng-container>
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { item: [{
+                type: Input
+            }], collapseMode: [{
+                type: Input
+            }], index: [{
+                type: Input
+            }], itemTemplate: [{
+                type: Input
+            }], hostClasses: [{
+                type: HostBinding,
+                args: ['class.k-flex-none']
+            }, {
+                type: HostBinding,
+                args: ['class.k-breadcrumb-item']
+            }], isRootItem: [{
+                type: HostBinding,
+                args: ['class.k-breadcrumb-root-item']
+            }], isDisabled: [{
+                type: HostBinding,
+                args: ['attr.aria-disabled']
+            }], isLastItem: [{
+                type: HostBinding,
+                args: ['class.k-breadcrumb-last-item']
+            }] } });

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

@@ -2,11 +2,10 @@
 * 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, ContentChild, Input, Output, EventEmitter, ViewChild, HostBinding, ElementRef, ChangeDetectorRef, NgZone, ViewChildren, QueryList, isDevMode } from '@angular/core';
+import { Component, ContentChild, Input, Output, EventEmitter, ViewChild, HostBinding, ElementRef, ViewChildren, isDevMode } from '@angular/core';
 import { Subscription, ReplaySubject, merge, Subject } from 'rxjs';
 import { filter, map, share, startWith } from 'rxjs/operators';
-import { ResizeSensorComponent, isDocumentAvailable } from '@progress/kendo-angular-common';
+import { isDocumentAvailable } from '@progress/kendo-angular-common';
 import { validatePackage } from '@progress/kendo-licensing';
 import { packageMetadata } from '../package-metadata';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
@@ -14,6 +13,11 @@ import { BreadCrumbItemTemplateDirective } from './template-directives/item-temp
 import { outerWidth } from '../common/util';
 import { BreadCrumbListComponent } from './list.component';
 import { collapsed, expanded, collapseFirst, expandFirst } from './util';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+import * as i2 from "./list.component";
+import * as i3 from "@progress/kendo-angular-common";
+import * as i4 from "@angular/common";
 /**
  * Represents the [Kendo UI Breadcrumb component for Angular]({% slug overview_breadcrumb %}).
  *
@@ -43,7 +47,7 @@ import { collapsed, expanded, collapseFirst, expandFirst } from './util';
  * }
  * ```
  */
-let BreadCrumbComponent = class BreadCrumbComponent {
+export class BreadCrumbComponent {
     constructor(el, cdr, zone, localization) {
         this.el = el;
         this.cdr = cdr;
@@ -179,68 +183,52 @@ let BreadCrumbComponent = class BreadCrumbComponent {
             }));
         }));
     }
-};
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", Array),
-    tslib_1.__metadata("design:paramtypes", [Array])
-], BreadCrumbComponent.prototype, "items", null);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String)
-], BreadCrumbComponent.prototype, "separatorIcon", void 0);
-tslib_1.__decorate([
-    Input(),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [String])
-], BreadCrumbComponent.prototype, "collapseMode", null);
-tslib_1.__decorate([
-    Output(),
-    tslib_1.__metadata("design:type", EventEmitter)
-], BreadCrumbComponent.prototype, "itemClick", void 0);
-tslib_1.__decorate([
-    ViewChild('resizeSensor', { static: true }),
-    tslib_1.__metadata("design:type", ResizeSensorComponent)
-], BreadCrumbComponent.prototype, "resizeSensor", void 0);
-tslib_1.__decorate([
-    ViewChildren('itemsContainer', { read: ElementRef }),
-    tslib_1.__metadata("design:type", QueryList)
-], BreadCrumbComponent.prototype, "itemsContainers", void 0);
-tslib_1.__decorate([
-    ViewChild(BreadCrumbListComponent, { static: true }),
-    tslib_1.__metadata("design:type", BreadCrumbListComponent)
-], BreadCrumbComponent.prototype, "listComponent", void 0);
-tslib_1.__decorate([
-    ContentChild(BreadCrumbItemTemplateDirective, { static: true }),
-    tslib_1.__metadata("design:type", BreadCrumbItemTemplateDirective)
-], BreadCrumbComponent.prototype, "itemTemplate", void 0);
-tslib_1.__decorate([
-    HostBinding('class.k-widget'),
-    HostBinding('class.k-breadcrumb'),
-    tslib_1.__metadata("design:type", Boolean)
-], BreadCrumbComponent.prototype, "hostClasses", void 0);
-tslib_1.__decorate([
-    HostBinding('class.k-breadcrumb-wrap'),
-    tslib_1.__metadata("design:type", Boolean),
-    tslib_1.__metadata("design:paramtypes", [])
-], BreadCrumbComponent.prototype, "wrapMode", null);
-tslib_1.__decorate([
-    HostBinding('attr.dir'),
-    tslib_1.__metadata("design:type", String),
-    tslib_1.__metadata("design:paramtypes", [])
-], BreadCrumbComponent.prototype, "getDir", null);
-BreadCrumbComponent = tslib_1.__decorate([
-    Component({
-        exportAs: 'kendoBreadCrumb',
-        selector: 'kendo-breadcrumb',
-        providers: [
-            LocalizationService,
-            {
-                provide: L10N_PREFIX,
-                useValue: 'kendo.breadcrumb'
-            }
-        ],
-        template: `
+}
+BreadCrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BreadCrumbComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+BreadCrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: BreadCrumbComponent, selector: "kendo-breadcrumb", inputs: { items: "items", separatorIcon: "separatorIcon", collapseMode: "collapseMode" }, outputs: { itemClick: "itemClick" }, host: { properties: { "class.k-widget": "this.hostClasses", "class.k-breadcrumb": "this.hostClasses", "class.k-breadcrumb-wrap": "this.wrapMode", "attr.dir": "this.getDir" } }, providers: [
+        LocalizationService,
+        {
+            provide: L10N_PREFIX,
+            useValue: 'kendo.breadcrumb'
+        }
+    ], queries: [{ propertyName: "itemTemplate", first: true, predicate: BreadCrumbItemTemplateDirective, descendants: true, static: true }], viewQueries: [{ propertyName: "resizeSensor", first: true, predicate: ["resizeSensor"], descendants: true, static: true }, { propertyName: "listComponent", first: true, predicate: BreadCrumbListComponent, descendants: true, static: true }, { propertyName: "itemsContainers", predicate: ["itemsContainer"], descendants: true, read: ElementRef }], exportAs: ["kendoBreadCrumb"], ngImport: i0, template: `
+        <ol
+            #itemsContainer
+            kendoBreadCrumbList
+            class="k-breadcrumb-root-item-container"
+            *ngIf="collapseMode === 'wrap'"
+            [items]="firstItem$ | async"
+            [itemTemplate]="itemTemplate?.templateRef"
+            [collapseMode]="collapseMode"
+            [separatorIcon]="separatorIcon"
+            (itemClick)="itemClick.emit($event)"
+        ></ol>
+        <ol
+            #itemsContainer
+            kendoBreadCrumbList
+            class="k-breadcrumb-container"
+            [items]="itemsData$ | async"
+            [itemTemplate]="itemTemplate?.templateRef"
+            [collapseMode]="collapseMode"
+            [separatorIcon]="separatorIcon"
+            (itemClick)="itemClick.emit($event)"
+            [ngClass]="{ 'k-flex-wrap': collapseMode === 'wrap', 'k-flex-none': collapseMode === 'none' }"
+        ></ol>
+        <kendo-resize-sensor [rateLimit]="1000" #resizeSensor></kendo-resize-sensor>
+    `, isInline: true, components: [{ type: i2.BreadCrumbListComponent, selector: "[kendoBreadCrumbList]", inputs: ["items", "itemTemplate", "collapseMode", "separatorIcon"], outputs: ["itemClick"] }, { type: i3.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }], directives: [{ type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], pipes: { "async": i4.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BreadCrumbComponent, decorators: [{
+            type: Component,
+            args: [{
+                    exportAs: 'kendoBreadCrumb',
+                    selector: 'kendo-breadcrumb',
+                    providers: [
+                        LocalizationService,
+                        {
+                            provide: L10N_PREFIX,
+                            useValue: 'kendo.breadcrumb'
+                        }
+                    ],
+                    template: `
         <ol
             #itemsContainer
             kendoBreadCrumbList
@@ -265,10 +253,37 @@ BreadCrumbComponent = tslib_1.__decorate([
         ></ol>
         <kendo-resize-sensor [rateLimit]="1000" #resizeSensor></kendo-resize-sensor>
     `
-    }),
-    tslib_1.__metadata("design:paramtypes", [ElementRef,
-        ChangeDetectorRef,
-        NgZone,
-        LocalizationService])
-], BreadCrumbComponent);
-export { BreadCrumbComponent };
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i1.LocalizationService }]; }, propDecorators: { items: [{
+                type: Input
+            }], separatorIcon: [{
+                type: Input
+            }], collapseMode: [{
+                type: Input
+            }], itemClick: [{
+                type: Output
+            }], resizeSensor: [{
+                type: ViewChild,
+                args: ['resizeSensor', { static: true }]
+            }], itemsContainers: [{
+                type: ViewChildren,
+                args: ['itemsContainer', { read: ElementRef }]
+            }], listComponent: [{
+                type: ViewChild,
+                args: [BreadCrumbListComponent, { static: true }]
+            }], itemTemplate: [{
+                type: ContentChild,
+                args: [BreadCrumbItemTemplateDirective, { static: true }]
+            }], hostClasses: [{
+                type: HostBinding,
+                args: ['class.k-widget']
+            }, {
+                type: HostBinding,
+                args: ['class.k-breadcrumb']
+            }], wrapMode: [{
+                type: HostBinding,
+                args: ['class.k-breadcrumb-wrap']
+            }], getDir: [{
+                type: HostBinding,
+                args: ['attr.dir']
+            }] } });

package/esm2015/breadcrumb/list.component.js

@@ -0,0 +1,91 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Component, Output, Input, EventEmitter, ViewChildren } from '@angular/core';
+import { fromEvent, merge } from 'rxjs';
+import { filter, map } from 'rxjs/operators';
+import { Keys } from '@progress/kendo-angular-common';
+import { BREADCRUMB_ITEM_INDEX } from './models/constants';
+import { BreadCrumbItemComponent } from './breadcrumb-item.component';
+import { closestItem, itemIndex } from '../common/dom-queries';
+import { isPresent } from '../common/util';
+import * as i0 from "@angular/core";
+import * as i1 from "./breadcrumb-item.component";
+import * as i2 from "@angular/common";
+import * as i3 from "./template-directives/separator.directive";
+/**
+ * @hidden
+ */
+export class BreadCrumbListComponent {
+    constructor(el, zone) {
+        this.el = el;
+        this.zone = zone;
+        this.items = [];
+        this.collapseMode = 'auto';
+        this.itemClick = new EventEmitter();
+        const element = this.el.nativeElement;
+        this.isRootItemContainer = element.classList.contains('k-breadcrumb-root-item-container');
+        this.zone.runOutsideAngular(() => {
+            const click$ = fromEvent(element, 'click');
+            const enterKey$ = fromEvent(element, 'keydown').pipe(filter((ev /* KeyboardEvent causes lint error */) => ev.keyCode === Keys.Enter));
+            this.domEventsSubscription = merge(click$, enterKey$)
+                .pipe(map((ev) => ev.target), filter(e => !e.classList.contains('k-breadcrumb-delimiter-icon')), // do not trigger handler when a separator is clicked
+            map(e => this.getItemIndex(e)), filter(isPresent), map(i => parseInt(i, 10)), map(i => this.items[i]), filter(item => !item.data.disabled && !item.context.isLast), map(item => item.data))
+                .subscribe(el => {
+                this.zone.run(() => this.itemClick.emit(el));
+            });
+        });
+    }
+    ngOnDestroy() {
+        this.domEventsSubscription.unsubscribe();
+    }
+    getItemIndex(target) {
+        const item = closestItem(target, BREADCRUMB_ITEM_INDEX, this.el.nativeElement);
+        if (item) {
+            return itemIndex(item, BREADCRUMB_ITEM_INDEX);
+        }
+    }
+}
+BreadCrumbListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BreadCrumbListComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+BreadCrumbListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: BreadCrumbListComponent, selector: "[kendoBreadCrumbList]", inputs: { items: "items", itemTemplate: "itemTemplate", collapseMode: "collapseMode", separatorIcon: "separatorIcon" }, outputs: { itemClick: "itemClick" }, viewQueries: [{ propertyName: "renderedItems", predicate: BreadCrumbItemComponent, descendants: true }], ngImport: i0, template: "\n        <ng-container *ngFor=\"let item of items; let i = index; let isFirst = first; let isLast = last\">\n            <li\n                #renderedItem\n                kendoBreadCrumbItem\n                *ngIf=\"!(collapseMode === 'wrap' && isFirst) || isRootItemContainer\"\n                [attr.data-kendo-breadcrumb-index]=\"i\"\n                [item]=\"item\"\n                [index]=\"i\"\n                [collapseMode]=\"collapseMode\"\n                [itemTemplate]=\"itemTemplate\"\n            >\n                <span kendoBreadCrumbSeparator [icon]=\"separatorIcon\" *ngIf=\"collapseMode === 'wrap' && !isFirst\"></span>\n                <span\n                    kendoBreadCrumbSeparator\n                    [icon]=\"separatorIcon\"\n                    *ngIf=\"collapseMode !== 'wrap' && !isLast && !(item?.context.collapsed && items[i + 1]?.context.collapsed)\"\n                ></span>\n            </li>\n        </ng-container>\n    ", isInline: true, components: [{ type: i1.BreadCrumbItemComponent, selector: "[kendoBreadCrumbItem]", inputs: ["item", "collapseMode", "index", "itemTemplate"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i3.BreadCrumbSeparatorDirective, selector: "[kendoBreadCrumbSeparator]", inputs: ["icon"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BreadCrumbListComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[kendoBreadCrumbList]',
+                    template: `
+        <ng-container *ngFor="let item of items; let i = index; let isFirst = first; let isLast = last">
+            <li
+                #renderedItem
+                kendoBreadCrumbItem
+                *ngIf="!(collapseMode === 'wrap' && isFirst) || isRootItemContainer"
+                [attr.${BREADCRUMB_ITEM_INDEX}]="i"
+                [item]="item"
+                [index]="i"
+                [collapseMode]="collapseMode"
+                [itemTemplate]="itemTemplate"
+            >
+                <span kendoBreadCrumbSeparator [icon]="separatorIcon" *ngIf="collapseMode === 'wrap' && !isFirst"></span>
+                <span
+                    kendoBreadCrumbSeparator
+                    [icon]="separatorIcon"
+                    *ngIf="collapseMode !== 'wrap' && !isLast && !(item?.context.collapsed && items[i + 1]?.context.collapsed)"
+                ></span>
+            </li>
+        </ng-container>
+    `
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.NgZone }]; }, propDecorators: { items: [{
+                type: Input
+            }], itemTemplate: [{
+                type: Input
+            }], collapseMode: [{
+                type: Input
+            }], separatorIcon: [{
+                type: Input
+            }], itemClick: [{
+                type: Output
+            }], renderedItems: [{
+                type: ViewChildren,
+                args: [BreadCrumbItemComponent]
+            }] } });

package/{dist/es → esm2015}/breadcrumb/models/breadcrumb-item.interface.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}/breadcrumb/models/collapse-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/esm2015/breadcrumb/template-directives/item-template.directive.js

@@ -0,0 +1,27 @@
+/**-----------------------------------------------------------------------------------------
+* 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 content of a Breadcrumb item.
+ * To define the template, nest an `<ng-template>` tag with the `kendoBreadCrumbItemTemplate` directive inside the `<kendo-breadcrumb>` tag.
+ *
+ * For more information and example refer to the [Templates]({% slug templates_breadcrumb %}) article.
+ */
+export class BreadCrumbItemTemplateDirective {
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+}
+BreadCrumbItemTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BreadCrumbItemTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
+BreadCrumbItemTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: BreadCrumbItemTemplateDirective, selector: "[kendoBreadCrumbItemTemplate]", ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BreadCrumbItemTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoBreadCrumbItemTemplate]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.TemplateRef, decorators: [{
+                    type: Optional
+                }] }]; } });

package/esm2015/breadcrumb/template-directives/separator.directive.js

@@ -0,0 +1,69 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+import { Directive, HostBinding, Input } from '@angular/core';
+import { isPresent } from '../../common/util';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-l10n";
+const DEFAULT_ICON = 'arrow-chevron-right';
+const DEFAULT_RTL_ICON = 'arrow-chevron-left';
+/**
+ * @hidden
+ */
+export class BreadCrumbSeparatorDirective {
+    constructor(el, localization) {
+        this.el = el;
+        this.localization = localization;
+        this.defaultClasses = true;
+        this.ariaHidden = true;
+        this.direction = 'ltr';
+        this.direction = this.localization.rtl ? 'rtl' : 'ltr';
+    }
+    set icon(icon) {
+        const element = this.el.nativeElement;
+        element.classList.remove(`k-i-${this._icon}`);
+        if (isPresent(icon)) {
+            this._icon = icon;
+            this.hasDefaultIcon = false;
+        }
+        else {
+            this._icon = this.direction === 'ltr' ? DEFAULT_ICON : DEFAULT_RTL_ICON;
+            this.hasDefaultIcon = true;
+        }
+        element.classList.add(`k-i-${this._icon}`);
+    }
+    get icon() {
+        return this._icon;
+    }
+    ngOnInit() {
+        this.localizationChangesSubscription = this.localization.changes.subscribe(({ rtl }) => {
+            this.direction = rtl ? 'rtl' : 'ltr';
+            if (this.hasDefaultIcon) {
+                this.icon = undefined;
+            }
+        });
+    }
+    ngOnDestroy() {
+        this.localizationChangesSubscription.unsubscribe();
+    }
+}
+BreadCrumbSeparatorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BreadCrumbSeparatorDirective, deps: [{ token: i0.ElementRef }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+BreadCrumbSeparatorDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: BreadCrumbSeparatorDirective, selector: "[kendoBreadCrumbSeparator]", inputs: { icon: "icon" }, host: { properties: { "class.k-breadcrumb-delimiter-icon": "this.defaultClasses", "class.k-icon": "this.defaultClasses", "attr.aria-hidden": "this.ariaHidden" } }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: BreadCrumbSeparatorDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[kendoBreadCrumbSeparator]'
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.LocalizationService }]; }, propDecorators: { icon: [{
+                type: Input
+            }], defaultClasses: [{
+                type: HostBinding,
+                args: ['class.k-breadcrumb-delimiter-icon']
+            }, {
+                type: HostBinding,
+                args: ['class.k-icon']
+            }], ariaHidden: [{
+                type: HostBinding,
+                args: ['attr.aria-hidden']
+            }] } });

package/{dist/es2015 → esm2015}/breadcrumb/util.js

@@ -3,7 +3,6 @@
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
 const getCollapsed = (itemComponent) => itemComponent.item.context.collapsed;
-const ɵ0 = getCollapsed;
 /**
  * @hidden
  */
@@ -13,7 +12,6 @@ export const collapsed = (itemComponent) => getCollapsed(itemComponent) === true
  */
 export const expanded = (itemComponent) => getCollapsed(itemComponent) === false;
 const toggleFirst = (collapsed) => (itemComponents) => (itemComponents.find(ic => getCollapsed(ic) === collapsed).item.context.collapsed = !collapsed);
-const ɵ1 = toggleFirst;
 /**
  * @hidden
  */
@@ -22,4 +20,3 @@ export const collapseFirst = toggleFirst(false);
  * @hidden
  */
 export const expandFirst = toggleFirst(true);
-export { ɵ0, ɵ1 };