@progress/kendo-angular-navigation 11.6.0 → 12.0.0-develop.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/breadcrumb/breadcrumb.component.d.ts +1 -0
- package/esm2020/bottomnavigation/bottomnavigation-item.component.mjs +4 -11
- package/esm2020/breadcrumb/breadcrumb-item.component.mjs +6 -4
- package/esm2020/breadcrumb/breadcrumb.component.mjs +6 -1
- package/esm2020/package-metadata.mjs +2 -2
- package/fesm2015/progress-kendo-angular-navigation.mjs +18 -19
- package/fesm2020/progress-kendo-angular-navigation.mjs +18 -19
- package/package.json +5 -5
|
@@ -93,6 +93,7 @@ export declare class BreadCrumbComponent implements OnInit, AfterViewInit, OnDes
|
|
|
93
93
|
itemTemplate: BreadCrumbItemTemplateDirective;
|
|
94
94
|
hostClasses: boolean;
|
|
95
95
|
get wrapMode(): boolean;
|
|
96
|
+
hostAriaLabel: string;
|
|
96
97
|
get getDir(): string;
|
|
97
98
|
itemsData$: Observable<BreadCrumbItemModel[]>;
|
|
98
99
|
firstItem$: Observable<BreadCrumbItemModel[]>;
|
|
@@ -30,7 +30,7 @@ export class BottomNavigationItemComponent {
|
|
|
30
30
|
return this.selectedIdx ? this.selectedIdx === this.index : this.item.selected;
|
|
31
31
|
}
|
|
32
32
|
get itemIcon() {
|
|
33
|
-
return this.item.icon || this.item.iconClass
|
|
33
|
+
return Boolean(this.item.icon || this.item.iconClass || this.item.svgIcon);
|
|
34
34
|
}
|
|
35
35
|
get iconClasses() {
|
|
36
36
|
const kendoIcon = this.item.icon ? `k-icon k-i-${this.item.icon}` : '';
|
|
@@ -39,15 +39,13 @@ export class BottomNavigationItemComponent {
|
|
|
39
39
|
}
|
|
40
40
|
}
|
|
41
41
|
BottomNavigationItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: BottomNavigationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
42
|
-
BottomNavigationItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: BottomNavigationItemComponent, selector: "[kendoBottomNavigationItem]", inputs: { itemTemplate: "itemTemplate", item: "item", index: "index", disabledComponent: "disabledComponent", selectedIdx: "selectedIdx", orientation: "orientation" }, host: { properties: { "attr.aria-disabled": "this.disabledClass", "class.k-disabled": "this.disabledClass", "class.k-hstack": "this.horizontalItemClass", "class.k-vstack": "this.verticalItemClass", "attr.aria-label": "this.label", "attr.tabindex": "this.tabindex", "attr.aria-
|
|
42
|
+
BottomNavigationItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: BottomNavigationItemComponent, selector: "[kendoBottomNavigationItem]", inputs: { itemTemplate: "itemTemplate", item: "item", index: "index", disabledComponent: "disabledComponent", selectedIdx: "selectedIdx", orientation: "orientation" }, host: { properties: { "attr.aria-disabled": "this.disabledClass", "class.k-disabled": "this.disabledClass", "class.k-hstack": "this.horizontalItemClass", "class.k-vstack": "this.verticalItemClass", "attr.aria-label": "this.label", "attr.tabindex": "this.tabindex", "attr.aria-current": "this.selectedClass", "class.k-selected": "this.selectedClass" } }, ngImport: i0, template: `
|
|
43
43
|
<ng-container *ngIf="!itemTemplate">
|
|
44
44
|
<kendo-icon-wrapper *ngIf="itemIcon"
|
|
45
45
|
class="k-bottom-nav-item-icon"
|
|
46
46
|
[name]="item.icon"
|
|
47
47
|
[customFontClass]="item.iconClass"
|
|
48
|
-
[svgIcon]="item.svgIcon"
|
|
49
|
-
>
|
|
50
|
-
</kendo-icon-wrapper>
|
|
48
|
+
[svgIcon]="item.svgIcon"></kendo-icon-wrapper>
|
|
51
49
|
<span *ngIf="item.text" class="k-bottom-nav-item-text">{{item.text}}</span>
|
|
52
50
|
</ng-container>
|
|
53
51
|
<ng-template *ngIf="itemTemplate"
|
|
@@ -66,9 +64,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
66
64
|
class="k-bottom-nav-item-icon"
|
|
67
65
|
[name]="item.icon"
|
|
68
66
|
[customFontClass]="item.iconClass"
|
|
69
|
-
[svgIcon]="item.svgIcon"
|
|
70
|
-
>
|
|
71
|
-
</kendo-icon-wrapper>
|
|
67
|
+
[svgIcon]="item.svgIcon"></kendo-icon-wrapper>
|
|
72
68
|
<span *ngIf="item.text" class="k-bottom-nav-item-text">{{item.text}}</span>
|
|
73
69
|
</ng-container>
|
|
74
70
|
<ng-template *ngIf="itemTemplate"
|
|
@@ -108,9 +104,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
108
104
|
type: HostBinding,
|
|
109
105
|
args: ['attr.tabindex']
|
|
110
106
|
}], selectedClass: [{
|
|
111
|
-
type: HostBinding,
|
|
112
|
-
args: ['attr.aria-selected']
|
|
113
|
-
}, {
|
|
114
107
|
type: HostBinding,
|
|
115
108
|
args: ['attr.aria-current']
|
|
116
109
|
}, {
|
|
@@ -63,12 +63,13 @@ BreadCrumbItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
|
|
|
63
63
|
}"
|
|
64
64
|
[title]="item.data.title || ''"
|
|
65
65
|
[tabindex]="disabled ? -1 : 0"
|
|
66
|
-
[attr.aria-
|
|
66
|
+
[attr.aria-disabled]="disabled"
|
|
67
|
+
[attr.aria-current]="item.context.isLast ? 'page' : null"
|
|
67
68
|
role="link"
|
|
68
69
|
class="k-cursor-pointer k-flex-none"
|
|
69
70
|
>
|
|
70
71
|
<img *ngIf="item.data.imageUrl" (load)="onImageLoad()" [src]="item.data.imageUrl" class="k-image" role="presentation" />
|
|
71
|
-
<kendo-icon-wrapper *ngIf="item.data.icon || item.data.iconClass"
|
|
72
|
+
<kendo-icon-wrapper *ngIf="item.data.icon || item.data.iconClass || item.data.svgIcon"
|
|
72
73
|
[name]="item.data.icon"
|
|
73
74
|
[customFontClass]="item.data.iconClass"
|
|
74
75
|
[svgIcon]="item.data.svgIcon"
|
|
@@ -116,12 +117,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
116
117
|
}"
|
|
117
118
|
[title]="item.data.title || ''"
|
|
118
119
|
[tabindex]="disabled ? -1 : 0"
|
|
119
|
-
[attr.aria-
|
|
120
|
+
[attr.aria-disabled]="disabled"
|
|
121
|
+
[attr.aria-current]="item.context.isLast ? 'page' : null"
|
|
120
122
|
role="link"
|
|
121
123
|
class="k-cursor-pointer k-flex-none"
|
|
122
124
|
>
|
|
123
125
|
<img *ngIf="item.data.imageUrl" (load)="onImageLoad()" [src]="item.data.imageUrl" class="k-image" role="presentation" />
|
|
124
|
-
<kendo-icon-wrapper *ngIf="item.data.icon || item.data.iconClass"
|
|
126
|
+
<kendo-icon-wrapper *ngIf="item.data.icon || item.data.iconClass || item.data.svgIcon"
|
|
125
127
|
[name]="item.data.icon"
|
|
126
128
|
[customFontClass]="item.data.iconClass"
|
|
127
129
|
[svgIcon]="item.data.svgIcon"
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
* Copyright © 2023 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
+
/* eslint-disable @typescript-eslint/no-inferrable-types */
|
|
5
6
|
/* eslint-disable @typescript-eslint/no-explicit-any */
|
|
6
7
|
import { Component, ContentChild, Input, Output, EventEmitter, ViewChild, HostBinding, ElementRef, ChangeDetectorRef, NgZone, ViewChildren, QueryList, isDevMode } from '@angular/core';
|
|
7
8
|
import { Subscription, ReplaySubject, merge, Subject } from 'rxjs';
|
|
@@ -59,6 +60,7 @@ export class BreadCrumbComponent {
|
|
|
59
60
|
*/
|
|
60
61
|
this.itemClick = new EventEmitter();
|
|
61
62
|
this.hostClasses = true;
|
|
63
|
+
this.hostAriaLabel = 'Breadcrumb';
|
|
62
64
|
this._items = [];
|
|
63
65
|
this._collapseMode = 'auto';
|
|
64
66
|
this.updateItems = new ReplaySubject();
|
|
@@ -186,7 +188,7 @@ export class BreadCrumbComponent {
|
|
|
186
188
|
}
|
|
187
189
|
}
|
|
188
190
|
BreadCrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: BreadCrumbComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
189
|
-
BreadCrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: BreadCrumbComponent, selector: "kendo-breadcrumb", inputs: { items: "items", separatorIcon: "separatorIcon", separatorSVGIcon: "separatorSVGIcon", collapseMode: "collapseMode" }, outputs: { itemClick: "itemClick" }, host: { properties: { "class.k-breadcrumb": "this.hostClasses", "class.k-breadcrumb-wrap": "this.wrapMode", "attr.dir": "this.getDir" } }, providers: [
|
|
191
|
+
BreadCrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: BreadCrumbComponent, selector: "kendo-breadcrumb", inputs: { items: "items", separatorIcon: "separatorIcon", separatorSVGIcon: "separatorSVGIcon", collapseMode: "collapseMode" }, outputs: { itemClick: "itemClick" }, host: { properties: { "class.k-breadcrumb": "this.hostClasses", "class.k-breadcrumb-wrap": "this.wrapMode", "attr.aria-label": "this.hostAriaLabel", "attr.dir": "this.getDir" } }, providers: [
|
|
190
192
|
LocalizationService,
|
|
191
193
|
{
|
|
192
194
|
provide: L10N_PREFIX,
|
|
@@ -287,6 +289,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
287
289
|
}], wrapMode: [{
|
|
288
290
|
type: HostBinding,
|
|
289
291
|
args: ['class.k-breadcrumb-wrap']
|
|
292
|
+
}], hostAriaLabel: [{
|
|
293
|
+
type: HostBinding,
|
|
294
|
+
args: ['attr.aria-label']
|
|
290
295
|
}], getDir: [{
|
|
291
296
|
type: HostBinding,
|
|
292
297
|
args: ['attr.dir']
|
|
@@ -9,7 +9,7 @@ export const packageMetadata = {
|
|
|
9
9
|
name: '@progress/kendo-angular-navigation',
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
12
|
-
publishDate:
|
|
13
|
-
version: '
|
|
12
|
+
publishDate: 1681902743,
|
|
13
|
+
version: '12.0.0-develop.10',
|
|
14
14
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
15
15
|
};
|
|
@@ -26,8 +26,8 @@ const packageMetadata = {
|
|
|
26
26
|
name: '@progress/kendo-angular-navigation',
|
|
27
27
|
productName: 'Kendo UI for Angular',
|
|
28
28
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
29
|
-
publishDate:
|
|
30
|
-
version: '
|
|
29
|
+
publishDate: 1681902743,
|
|
30
|
+
version: '12.0.0-develop.10',
|
|
31
31
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
32
32
|
};
|
|
33
33
|
|
|
@@ -480,12 +480,13 @@ BreadCrumbItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
|
|
|
480
480
|
}"
|
|
481
481
|
[title]="item.data.title || ''"
|
|
482
482
|
[tabindex]="disabled ? -1 : 0"
|
|
483
|
-
[attr.aria-
|
|
483
|
+
[attr.aria-disabled]="disabled"
|
|
484
|
+
[attr.aria-current]="item.context.isLast ? 'page' : null"
|
|
484
485
|
role="link"
|
|
485
486
|
class="k-cursor-pointer k-flex-none"
|
|
486
487
|
>
|
|
487
488
|
<img *ngIf="item.data.imageUrl" (load)="onImageLoad()" [src]="item.data.imageUrl" class="k-image" role="presentation" />
|
|
488
|
-
<kendo-icon-wrapper *ngIf="item.data.icon || item.data.iconClass"
|
|
489
|
+
<kendo-icon-wrapper *ngIf="item.data.icon || item.data.iconClass || item.data.svgIcon"
|
|
489
490
|
[name]="item.data.icon"
|
|
490
491
|
[customFontClass]="item.data.iconClass"
|
|
491
492
|
[svgIcon]="item.data.svgIcon"
|
|
@@ -533,12 +534,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
533
534
|
}"
|
|
534
535
|
[title]="item.data.title || ''"
|
|
535
536
|
[tabindex]="disabled ? -1 : 0"
|
|
536
|
-
[attr.aria-
|
|
537
|
+
[attr.aria-disabled]="disabled"
|
|
538
|
+
[attr.aria-current]="item.context.isLast ? 'page' : null"
|
|
537
539
|
role="link"
|
|
538
540
|
class="k-cursor-pointer k-flex-none"
|
|
539
541
|
>
|
|
540
542
|
<img *ngIf="item.data.imageUrl" (load)="onImageLoad()" [src]="item.data.imageUrl" class="k-image" role="presentation" />
|
|
541
|
-
<kendo-icon-wrapper *ngIf="item.data.icon || item.data.iconClass"
|
|
543
|
+
<kendo-icon-wrapper *ngIf="item.data.icon || item.data.iconClass || item.data.svgIcon"
|
|
542
544
|
[name]="item.data.icon"
|
|
543
545
|
[customFontClass]="item.data.iconClass"
|
|
544
546
|
[svgIcon]="item.data.svgIcon"
|
|
@@ -795,7 +797,7 @@ const collapseFirst = toggleFirst(false);
|
|
|
795
797
|
*/
|
|
796
798
|
const expandFirst = toggleFirst(true);
|
|
797
799
|
|
|
798
|
-
/* eslint-disable @typescript-eslint/no-
|
|
800
|
+
/* eslint-disable @typescript-eslint/no-inferrable-types */
|
|
799
801
|
/**
|
|
800
802
|
* Represents the [Kendo UI Breadcrumb component for Angular]({% slug overview_breadcrumb %}).
|
|
801
803
|
*
|
|
@@ -836,6 +838,7 @@ class BreadCrumbComponent {
|
|
|
836
838
|
*/
|
|
837
839
|
this.itemClick = new EventEmitter();
|
|
838
840
|
this.hostClasses = true;
|
|
841
|
+
this.hostAriaLabel = 'Breadcrumb';
|
|
839
842
|
this._items = [];
|
|
840
843
|
this._collapseMode = 'auto';
|
|
841
844
|
this.updateItems = new ReplaySubject();
|
|
@@ -963,7 +966,7 @@ class BreadCrumbComponent {
|
|
|
963
966
|
}
|
|
964
967
|
}
|
|
965
968
|
BreadCrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: BreadCrumbComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
966
|
-
BreadCrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: BreadCrumbComponent, selector: "kendo-breadcrumb", inputs: { items: "items", separatorIcon: "separatorIcon", separatorSVGIcon: "separatorSVGIcon", collapseMode: "collapseMode" }, outputs: { itemClick: "itemClick" }, host: { properties: { "class.k-breadcrumb": "this.hostClasses", "class.k-breadcrumb-wrap": "this.wrapMode", "attr.dir": "this.getDir" } }, providers: [
|
|
969
|
+
BreadCrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: BreadCrumbComponent, selector: "kendo-breadcrumb", inputs: { items: "items", separatorIcon: "separatorIcon", separatorSVGIcon: "separatorSVGIcon", collapseMode: "collapseMode" }, outputs: { itemClick: "itemClick" }, host: { properties: { "class.k-breadcrumb": "this.hostClasses", "class.k-breadcrumb-wrap": "this.wrapMode", "attr.aria-label": "this.hostAriaLabel", "attr.dir": "this.getDir" } }, providers: [
|
|
967
970
|
LocalizationService,
|
|
968
971
|
{
|
|
969
972
|
provide: L10N_PREFIX,
|
|
@@ -1064,6 +1067,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
1064
1067
|
}], wrapMode: [{
|
|
1065
1068
|
type: HostBinding,
|
|
1066
1069
|
args: ['class.k-breadcrumb-wrap']
|
|
1070
|
+
}], hostAriaLabel: [{
|
|
1071
|
+
type: HostBinding,
|
|
1072
|
+
args: ['attr.aria-label']
|
|
1067
1073
|
}], getDir: [{
|
|
1068
1074
|
type: HostBinding,
|
|
1069
1075
|
args: ['attr.dir']
|
|
@@ -1154,7 +1160,7 @@ class BottomNavigationItemComponent {
|
|
|
1154
1160
|
return this.selectedIdx ? this.selectedIdx === this.index : this.item.selected;
|
|
1155
1161
|
}
|
|
1156
1162
|
get itemIcon() {
|
|
1157
|
-
return this.item.icon || this.item.iconClass
|
|
1163
|
+
return Boolean(this.item.icon || this.item.iconClass || this.item.svgIcon);
|
|
1158
1164
|
}
|
|
1159
1165
|
get iconClasses() {
|
|
1160
1166
|
const kendoIcon = this.item.icon ? `k-icon k-i-${this.item.icon}` : '';
|
|
@@ -1163,15 +1169,13 @@ class BottomNavigationItemComponent {
|
|
|
1163
1169
|
}
|
|
1164
1170
|
}
|
|
1165
1171
|
BottomNavigationItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: BottomNavigationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1166
|
-
BottomNavigationItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: BottomNavigationItemComponent, selector: "[kendoBottomNavigationItem]", inputs: { itemTemplate: "itemTemplate", item: "item", index: "index", disabledComponent: "disabledComponent", selectedIdx: "selectedIdx", orientation: "orientation" }, host: { properties: { "attr.aria-disabled": "this.disabledClass", "class.k-disabled": "this.disabledClass", "class.k-hstack": "this.horizontalItemClass", "class.k-vstack": "this.verticalItemClass", "attr.aria-label": "this.label", "attr.tabindex": "this.tabindex", "attr.aria-
|
|
1172
|
+
BottomNavigationItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: BottomNavigationItemComponent, selector: "[kendoBottomNavigationItem]", inputs: { itemTemplate: "itemTemplate", item: "item", index: "index", disabledComponent: "disabledComponent", selectedIdx: "selectedIdx", orientation: "orientation" }, host: { properties: { "attr.aria-disabled": "this.disabledClass", "class.k-disabled": "this.disabledClass", "class.k-hstack": "this.horizontalItemClass", "class.k-vstack": "this.verticalItemClass", "attr.aria-label": "this.label", "attr.tabindex": "this.tabindex", "attr.aria-current": "this.selectedClass", "class.k-selected": "this.selectedClass" } }, ngImport: i0, template: `
|
|
1167
1173
|
<ng-container *ngIf="!itemTemplate">
|
|
1168
1174
|
<kendo-icon-wrapper *ngIf="itemIcon"
|
|
1169
1175
|
class="k-bottom-nav-item-icon"
|
|
1170
1176
|
[name]="item.icon"
|
|
1171
1177
|
[customFontClass]="item.iconClass"
|
|
1172
|
-
[svgIcon]="item.svgIcon"
|
|
1173
|
-
>
|
|
1174
|
-
</kendo-icon-wrapper>
|
|
1178
|
+
[svgIcon]="item.svgIcon"></kendo-icon-wrapper>
|
|
1175
1179
|
<span *ngIf="item.text" class="k-bottom-nav-item-text">{{item.text}}</span>
|
|
1176
1180
|
</ng-container>
|
|
1177
1181
|
<ng-template *ngIf="itemTemplate"
|
|
@@ -1190,9 +1194,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
1190
1194
|
class="k-bottom-nav-item-icon"
|
|
1191
1195
|
[name]="item.icon"
|
|
1192
1196
|
[customFontClass]="item.iconClass"
|
|
1193
|
-
[svgIcon]="item.svgIcon"
|
|
1194
|
-
>
|
|
1195
|
-
</kendo-icon-wrapper>
|
|
1197
|
+
[svgIcon]="item.svgIcon"></kendo-icon-wrapper>
|
|
1196
1198
|
<span *ngIf="item.text" class="k-bottom-nav-item-text">{{item.text}}</span>
|
|
1197
1199
|
</ng-container>
|
|
1198
1200
|
<ng-template *ngIf="itemTemplate"
|
|
@@ -1232,9 +1234,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
1232
1234
|
type: HostBinding,
|
|
1233
1235
|
args: ['attr.tabindex']
|
|
1234
1236
|
}], selectedClass: [{
|
|
1235
|
-
type: HostBinding,
|
|
1236
|
-
args: ['attr.aria-selected']
|
|
1237
|
-
}, {
|
|
1238
1237
|
type: HostBinding,
|
|
1239
1238
|
args: ['attr.aria-current']
|
|
1240
1239
|
}, {
|
|
@@ -26,8 +26,8 @@ const packageMetadata = {
|
|
|
26
26
|
name: '@progress/kendo-angular-navigation',
|
|
27
27
|
productName: 'Kendo UI for Angular',
|
|
28
28
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
29
|
-
publishDate:
|
|
30
|
-
version: '
|
|
29
|
+
publishDate: 1681902743,
|
|
30
|
+
version: '12.0.0-develop.10',
|
|
31
31
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
32
32
|
};
|
|
33
33
|
|
|
@@ -478,12 +478,13 @@ BreadCrumbItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0"
|
|
|
478
478
|
}"
|
|
479
479
|
[title]="item.data.title || ''"
|
|
480
480
|
[tabindex]="disabled ? -1 : 0"
|
|
481
|
-
[attr.aria-
|
|
481
|
+
[attr.aria-disabled]="disabled"
|
|
482
|
+
[attr.aria-current]="item.context.isLast ? 'page' : null"
|
|
482
483
|
role="link"
|
|
483
484
|
class="k-cursor-pointer k-flex-none"
|
|
484
485
|
>
|
|
485
486
|
<img *ngIf="item.data.imageUrl" (load)="onImageLoad()" [src]="item.data.imageUrl" class="k-image" role="presentation" />
|
|
486
|
-
<kendo-icon-wrapper *ngIf="item.data.icon || item.data.iconClass"
|
|
487
|
+
<kendo-icon-wrapper *ngIf="item.data.icon || item.data.iconClass || item.data.svgIcon"
|
|
487
488
|
[name]="item.data.icon"
|
|
488
489
|
[customFontClass]="item.data.iconClass"
|
|
489
490
|
[svgIcon]="item.data.svgIcon"
|
|
@@ -531,12 +532,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
531
532
|
}"
|
|
532
533
|
[title]="item.data.title || ''"
|
|
533
534
|
[tabindex]="disabled ? -1 : 0"
|
|
534
|
-
[attr.aria-
|
|
535
|
+
[attr.aria-disabled]="disabled"
|
|
536
|
+
[attr.aria-current]="item.context.isLast ? 'page' : null"
|
|
535
537
|
role="link"
|
|
536
538
|
class="k-cursor-pointer k-flex-none"
|
|
537
539
|
>
|
|
538
540
|
<img *ngIf="item.data.imageUrl" (load)="onImageLoad()" [src]="item.data.imageUrl" class="k-image" role="presentation" />
|
|
539
|
-
<kendo-icon-wrapper *ngIf="item.data.icon || item.data.iconClass"
|
|
541
|
+
<kendo-icon-wrapper *ngIf="item.data.icon || item.data.iconClass || item.data.svgIcon"
|
|
540
542
|
[name]="item.data.icon"
|
|
541
543
|
[customFontClass]="item.data.iconClass"
|
|
542
544
|
[svgIcon]="item.data.svgIcon"
|
|
@@ -793,7 +795,7 @@ const collapseFirst = toggleFirst(false);
|
|
|
793
795
|
*/
|
|
794
796
|
const expandFirst = toggleFirst(true);
|
|
795
797
|
|
|
796
|
-
/* eslint-disable @typescript-eslint/no-
|
|
798
|
+
/* eslint-disable @typescript-eslint/no-inferrable-types */
|
|
797
799
|
/**
|
|
798
800
|
* Represents the [Kendo UI Breadcrumb component for Angular]({% slug overview_breadcrumb %}).
|
|
799
801
|
*
|
|
@@ -834,6 +836,7 @@ class BreadCrumbComponent {
|
|
|
834
836
|
*/
|
|
835
837
|
this.itemClick = new EventEmitter();
|
|
836
838
|
this.hostClasses = true;
|
|
839
|
+
this.hostAriaLabel = 'Breadcrumb';
|
|
837
840
|
this._items = [];
|
|
838
841
|
this._collapseMode = 'auto';
|
|
839
842
|
this.updateItems = new ReplaySubject();
|
|
@@ -961,7 +964,7 @@ class BreadCrumbComponent {
|
|
|
961
964
|
}
|
|
962
965
|
}
|
|
963
966
|
BreadCrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: BreadCrumbComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
964
|
-
BreadCrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: BreadCrumbComponent, selector: "kendo-breadcrumb", inputs: { items: "items", separatorIcon: "separatorIcon", separatorSVGIcon: "separatorSVGIcon", collapseMode: "collapseMode" }, outputs: { itemClick: "itemClick" }, host: { properties: { "class.k-breadcrumb": "this.hostClasses", "class.k-breadcrumb-wrap": "this.wrapMode", "attr.dir": "this.getDir" } }, providers: [
|
|
967
|
+
BreadCrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: BreadCrumbComponent, selector: "kendo-breadcrumb", inputs: { items: "items", separatorIcon: "separatorIcon", separatorSVGIcon: "separatorSVGIcon", collapseMode: "collapseMode" }, outputs: { itemClick: "itemClick" }, host: { properties: { "class.k-breadcrumb": "this.hostClasses", "class.k-breadcrumb-wrap": "this.wrapMode", "attr.aria-label": "this.hostAriaLabel", "attr.dir": "this.getDir" } }, providers: [
|
|
965
968
|
LocalizationService,
|
|
966
969
|
{
|
|
967
970
|
provide: L10N_PREFIX,
|
|
@@ -1062,6 +1065,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
1062
1065
|
}], wrapMode: [{
|
|
1063
1066
|
type: HostBinding,
|
|
1064
1067
|
args: ['class.k-breadcrumb-wrap']
|
|
1068
|
+
}], hostAriaLabel: [{
|
|
1069
|
+
type: HostBinding,
|
|
1070
|
+
args: ['attr.aria-label']
|
|
1065
1071
|
}], getDir: [{
|
|
1066
1072
|
type: HostBinding,
|
|
1067
1073
|
args: ['attr.dir']
|
|
@@ -1173,7 +1179,7 @@ class BottomNavigationItemComponent {
|
|
|
1173
1179
|
return this.selectedIdx ? this.selectedIdx === this.index : this.item.selected;
|
|
1174
1180
|
}
|
|
1175
1181
|
get itemIcon() {
|
|
1176
|
-
return this.item.icon || this.item.iconClass
|
|
1182
|
+
return Boolean(this.item.icon || this.item.iconClass || this.item.svgIcon);
|
|
1177
1183
|
}
|
|
1178
1184
|
get iconClasses() {
|
|
1179
1185
|
const kendoIcon = this.item.icon ? `k-icon k-i-${this.item.icon}` : '';
|
|
@@ -1182,15 +1188,13 @@ class BottomNavigationItemComponent {
|
|
|
1182
1188
|
}
|
|
1183
1189
|
}
|
|
1184
1190
|
BottomNavigationItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: BottomNavigationItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1185
|
-
BottomNavigationItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: BottomNavigationItemComponent, selector: "[kendoBottomNavigationItem]", inputs: { itemTemplate: "itemTemplate", item: "item", index: "index", disabledComponent: "disabledComponent", selectedIdx: "selectedIdx", orientation: "orientation" }, host: { properties: { "attr.aria-disabled": "this.disabledClass", "class.k-disabled": "this.disabledClass", "class.k-hstack": "this.horizontalItemClass", "class.k-vstack": "this.verticalItemClass", "attr.aria-label": "this.label", "attr.tabindex": "this.tabindex", "attr.aria-
|
|
1191
|
+
BottomNavigationItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: BottomNavigationItemComponent, selector: "[kendoBottomNavigationItem]", inputs: { itemTemplate: "itemTemplate", item: "item", index: "index", disabledComponent: "disabledComponent", selectedIdx: "selectedIdx", orientation: "orientation" }, host: { properties: { "attr.aria-disabled": "this.disabledClass", "class.k-disabled": "this.disabledClass", "class.k-hstack": "this.horizontalItemClass", "class.k-vstack": "this.verticalItemClass", "attr.aria-label": "this.label", "attr.tabindex": "this.tabindex", "attr.aria-current": "this.selectedClass", "class.k-selected": "this.selectedClass" } }, ngImport: i0, template: `
|
|
1186
1192
|
<ng-container *ngIf="!itemTemplate">
|
|
1187
1193
|
<kendo-icon-wrapper *ngIf="itemIcon"
|
|
1188
1194
|
class="k-bottom-nav-item-icon"
|
|
1189
1195
|
[name]="item.icon"
|
|
1190
1196
|
[customFontClass]="item.iconClass"
|
|
1191
|
-
[svgIcon]="item.svgIcon"
|
|
1192
|
-
>
|
|
1193
|
-
</kendo-icon-wrapper>
|
|
1197
|
+
[svgIcon]="item.svgIcon"></kendo-icon-wrapper>
|
|
1194
1198
|
<span *ngIf="item.text" class="k-bottom-nav-item-text">{{item.text}}</span>
|
|
1195
1199
|
</ng-container>
|
|
1196
1200
|
<ng-template *ngIf="itemTemplate"
|
|
@@ -1209,9 +1213,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
1209
1213
|
class="k-bottom-nav-item-icon"
|
|
1210
1214
|
[name]="item.icon"
|
|
1211
1215
|
[customFontClass]="item.iconClass"
|
|
1212
|
-
[svgIcon]="item.svgIcon"
|
|
1213
|
-
>
|
|
1214
|
-
</kendo-icon-wrapper>
|
|
1216
|
+
[svgIcon]="item.svgIcon"></kendo-icon-wrapper>
|
|
1215
1217
|
<span *ngIf="item.text" class="k-bottom-nav-item-text">{{item.text}}</span>
|
|
1216
1218
|
</ng-container>
|
|
1217
1219
|
<ng-template *ngIf="itemTemplate"
|
|
@@ -1251,9 +1253,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
|
|
|
1251
1253
|
type: HostBinding,
|
|
1252
1254
|
args: ['attr.tabindex']
|
|
1253
1255
|
}], selectedClass: [{
|
|
1254
|
-
type: HostBinding,
|
|
1255
|
-
args: ['attr.aria-selected']
|
|
1256
|
-
}, {
|
|
1257
1256
|
type: HostBinding,
|
|
1258
1257
|
args: ['attr.aria-current']
|
|
1259
1258
|
}, {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-navigation",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "12.0.0-develop.10",
|
|
4
4
|
"description": "Kendo UI Navigation for Angular",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -21,14 +21,14 @@
|
|
|
21
21
|
"@angular/core": "13 - 15",
|
|
22
22
|
"@angular/platform-browser": "13 - 15",
|
|
23
23
|
"@progress/kendo-licensing": "^1.0.2",
|
|
24
|
-
"@progress/kendo-angular-common": "
|
|
25
|
-
"@progress/kendo-angular-icons": "
|
|
26
|
-
"@progress/kendo-angular-l10n": "
|
|
24
|
+
"@progress/kendo-angular-common": "12.0.0-develop.10",
|
|
25
|
+
"@progress/kendo-angular-icons": "12.0.0-develop.10",
|
|
26
|
+
"@progress/kendo-angular-l10n": "12.0.0-develop.10",
|
|
27
27
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
30
|
"tslib": "^2.3.1",
|
|
31
|
-
"@progress/kendo-angular-schematics": "
|
|
31
|
+
"@progress/kendo-angular-schematics": "12.0.0-develop.10"
|
|
32
32
|
},
|
|
33
33
|
"schematics": "./schematics/collection.json",
|
|
34
34
|
"module": "fesm2015/progress-kendo-angular-navigation.mjs",
|