@progress/kendo-angular-navigation 17.0.0-develop.3 → 17.0.0-develop.30
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/README.md +38 -18
- package/actionsheet/actionsheet.component.d.ts +1 -1
- package/actionsheet/item.component.d.ts +1 -1
- package/actionsheet/list.component.d.ts +1 -1
- package/actionsheet/models/group.d.ts +1 -1
- package/appbar/appbar-spacer.component.d.ts +1 -1
- package/appbar/appbar.component.d.ts +1 -1
- package/appbar/models/position-mode.d.ts +1 -1
- package/appbar/models/position.d.ts +1 -1
- package/appbar/models/theme-color.d.ts +1 -1
- package/bottomnavigation/bottomnavigation-item.component.d.ts +1 -1
- package/bottomnavigation/bottomnavigation.component.d.ts +1 -1
- package/bottomnavigation/types/bottomnavigation-fill.d.ts +1 -1
- package/bottomnavigation/types/bottomnavigation-item-flow.d.ts +1 -1
- package/bottomnavigation/types/bottomnavigation-position-mode.d.ts +1 -1
- package/bottomnavigation/types/bottomnavigation-theme-color.d.ts +1 -1
- package/breadcrumb/breadcrumb-item.component.d.ts +2 -2
- package/breadcrumb/breadcrumb.component.d.ts +1 -1
- package/breadcrumb/list.component.d.ts +1 -1
- package/breadcrumb/models/breadcrumb-size.d.ts +1 -1
- package/breadcrumb/models/collapse-mode.d.ts +1 -1
- package/breadcrumb/template-directives/separator.directive.d.ts +1 -1
- package/common/direction.d.ts +1 -1
- package/{esm2020 → esm2022}/actionsheet/actionsheet.component.mjs +113 -60
- package/{esm2020 → esm2022}/actionsheet/item.component.mjs +7 -7
- package/{esm2020 → esm2022}/actionsheet/list.component.mjs +11 -7
- package/{esm2020 → esm2022}/actionsheet/models/item-click.event.mjs +8 -0
- package/{esm2020 → esm2022}/actionsheet/templates/actionsheet-template.mjs +4 -3
- package/{esm2020 → esm2022}/actionsheet/templates/content-template.directive.mjs +4 -3
- package/{esm2020 → esm2022}/actionsheet/templates/footer-template.directive.mjs +4 -3
- package/{esm2020 → esm2022}/actionsheet/templates/header-template.directive.mjs +4 -3
- package/{esm2020 → esm2022}/actionsheet/templates/item-template.directive.mjs +4 -3
- package/{esm2020 → esm2022}/actionsheet.module.mjs +4 -4
- package/{esm2020 → esm2022}/appbar/appbar-section.component.mjs +5 -7
- package/{esm2020 → esm2022}/appbar/appbar-spacer.component.mjs +15 -7
- package/{esm2020 → esm2022}/appbar/appbar.component.mjs +33 -25
- package/{esm2020 → esm2022}/appbar.module.mjs +4 -4
- package/{esm2020 → esm2022}/bottomnavigation/bottomnavigation-item.component.mjs +10 -4
- package/{esm2020 → esm2022}/bottomnavigation/bottomnavigation.component.mjs +75 -52
- package/{esm2020 → esm2022}/bottomnavigation/events/select-event.mjs +16 -0
- package/{esm2020 → esm2022}/bottomnavigation/templates/item-template.directive.mjs +4 -3
- package/{esm2020 → esm2022}/bottomnavigation.module.mjs +4 -4
- package/{esm2020 → esm2022}/breadcrumb/breadcrumb-item.component.mjs +15 -10
- package/{esm2020 → esm2022}/breadcrumb/breadcrumb.component.mjs +87 -56
- package/{esm2020 → esm2022}/breadcrumb/list.component.mjs +14 -6
- package/{esm2020 → esm2022}/breadcrumb/template-directives/item-template.directive.mjs +4 -3
- package/{esm2020 → esm2022}/breadcrumb/template-directives/separator.directive.mjs +19 -12
- package/{esm2020 → esm2022}/breadcrumb.module.mjs +4 -4
- package/{esm2020 → esm2022}/common/preventable-event.mjs +7 -7
- package/{esm2020 → esm2022}/navigation.module.mjs +4 -4
- package/{esm2020 → esm2022}/package-metadata.mjs +2 -2
- package/{fesm2020 → fesm2022}/progress-kendo-angular-navigation.mjs +485 -303
- package/package.json +13 -19
- package/fesm2015/progress-kendo-angular-navigation.mjs +0 -2613
- /package/{esm2020 → esm2022}/actionsheet/animation/animations.mjs +0 -0
- /package/{esm2020 → esm2022}/actionsheet/models/actionsheet-item.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/actionsheet/models/animation.mjs +0 -0
- /package/{esm2020 → esm2022}/actionsheet/models/group.mjs +0 -0
- /package/{esm2020 → esm2022}/actionsheet/models/index.mjs +0 -0
- /package/{esm2020 → esm2022}/appbar/models/position-mode.mjs +0 -0
- /package/{esm2020 → esm2022}/appbar/models/position.mjs +0 -0
- /package/{esm2020 → esm2022}/appbar/models/theme-color.mjs +0 -0
- /package/{esm2020 → esm2022}/bottomnavigation/constants.mjs +0 -0
- /package/{esm2020 → esm2022}/bottomnavigation/types/bottomnavigation-fill.mjs +0 -0
- /package/{esm2020 → esm2022}/bottomnavigation/types/bottomnavigation-item-flow.mjs +0 -0
- /package/{esm2020 → esm2022}/bottomnavigation/types/bottomnavigation-item.mjs +0 -0
- /package/{esm2020 → esm2022}/bottomnavigation/types/bottomnavigation-position-mode.mjs +0 -0
- /package/{esm2020 → esm2022}/bottomnavigation/types/bottomnavigation-theme-color.mjs +0 -0
- /package/{esm2020 → esm2022}/breadcrumb/models/breadcrumb-item.interface.mjs +0 -0
- /package/{esm2020 → esm2022}/breadcrumb/models/breadcrumb-size.mjs +0 -0
- /package/{esm2020 → esm2022}/breadcrumb/models/collapse-mode.mjs +0 -0
- /package/{esm2020 → esm2022}/breadcrumb/models/constants.mjs +0 -0
- /package/{esm2020 → esm2022}/breadcrumb/util.mjs +0 -0
- /package/{esm2020 → esm2022}/common/direction.mjs +0 -0
- /package/{esm2020 → esm2022}/common/dom-queries.mjs +0 -0
- /package/{esm2020 → esm2022}/common/util.mjs +0 -0
- /package/{esm2020 → esm2022}/directives.mjs +0 -0
- /package/{esm2020 → esm2022}/index.mjs +0 -0
- /package/{esm2020 → esm2022}/progress-kendo-angular-navigation.mjs +0 -0
|
@@ -49,52 +49,11 @@ import * as i1 from "@progress/kendo-angular-l10n";
|
|
|
49
49
|
* ```
|
|
50
50
|
*/
|
|
51
51
|
export class BreadCrumbComponent {
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
this.renderer = renderer;
|
|
58
|
-
/**
|
|
59
|
-
* Fires when a Breadcrumb item is clicked. The event will not be fired by disabled items and the last item.
|
|
60
|
-
*/
|
|
61
|
-
this.itemClick = new EventEmitter();
|
|
62
|
-
this.hostClasses = true;
|
|
63
|
-
this.hostAriaLabel = 'Breadcrumb';
|
|
64
|
-
this._items = [];
|
|
65
|
-
this._collapseMode = 'auto';
|
|
66
|
-
this._size = DEFAULT_SIZE;
|
|
67
|
-
this.updateItems = new ReplaySubject();
|
|
68
|
-
this.afterViewInit = new Subject();
|
|
69
|
-
this.subscriptions = new Subscription();
|
|
70
|
-
this.direction = 'ltr';
|
|
71
|
-
validatePackage(packageMetadata);
|
|
72
|
-
const updateItems$ = this.updateItems.asObservable().pipe(startWith([]));
|
|
73
|
-
this.direction = localization.rtl ? 'rtl' : 'ltr';
|
|
74
|
-
this.itemsData$ = updateItems$.pipe(map(items => items.filter(Boolean)), map(items => items.map((item, index, collection) => ({
|
|
75
|
-
context: {
|
|
76
|
-
collapsed: false,
|
|
77
|
-
isLast: index === collection.length - 1,
|
|
78
|
-
isFirst: index === 0
|
|
79
|
-
},
|
|
80
|
-
data: item
|
|
81
|
-
}))), share());
|
|
82
|
-
this.firstItem$ = updateItems$.pipe(map(items => {
|
|
83
|
-
if (items.length > 0) {
|
|
84
|
-
return [
|
|
85
|
-
{
|
|
86
|
-
context: {
|
|
87
|
-
collapsed: false,
|
|
88
|
-
isLast: items.length === 1,
|
|
89
|
-
isFirst: true
|
|
90
|
-
},
|
|
91
|
-
data: items[0]
|
|
92
|
-
}
|
|
93
|
-
];
|
|
94
|
-
}
|
|
95
|
-
return [];
|
|
96
|
-
}), share());
|
|
97
|
-
}
|
|
52
|
+
localization;
|
|
53
|
+
el;
|
|
54
|
+
cdr;
|
|
55
|
+
zone;
|
|
56
|
+
renderer;
|
|
98
57
|
/**
|
|
99
58
|
* The collection of items that will be rendered in the Breadcrumb.
|
|
100
59
|
*/
|
|
@@ -105,6 +64,14 @@ export class BreadCrumbComponent {
|
|
|
105
64
|
get items() {
|
|
106
65
|
return this._items;
|
|
107
66
|
}
|
|
67
|
+
/**
|
|
68
|
+
* Defines a name of a [built-in icon]({% slug icons %}) in a Kendo UI theme.
|
|
69
|
+
*/
|
|
70
|
+
separatorIcon;
|
|
71
|
+
/**
|
|
72
|
+
* Defines an [`SVGIcon`](slug:api_icons_svgicon) to be rendered as a separator.
|
|
73
|
+
*/
|
|
74
|
+
separatorSVGIcon;
|
|
108
75
|
/**
|
|
109
76
|
* Specifies the collapse mode of the Breadcrumb ([see example]({% slug collapse_modes_breadcrumb %})).
|
|
110
77
|
*
|
|
@@ -142,12 +109,76 @@ export class BreadCrumbComponent {
|
|
|
142
109
|
get size() {
|
|
143
110
|
return this._size;
|
|
144
111
|
}
|
|
112
|
+
/**
|
|
113
|
+
* Fires when a Breadcrumb item is clicked. The event will not be fired by disabled items and the last item.
|
|
114
|
+
*/
|
|
115
|
+
itemClick = new EventEmitter();
|
|
116
|
+
/**
|
|
117
|
+
* @hidden
|
|
118
|
+
*/
|
|
119
|
+
resizeSensor;
|
|
120
|
+
/**
|
|
121
|
+
* @hidden
|
|
122
|
+
*/
|
|
123
|
+
itemsContainers;
|
|
124
|
+
/**
|
|
125
|
+
* @hidden
|
|
126
|
+
*/
|
|
127
|
+
listComponent;
|
|
128
|
+
/**
|
|
129
|
+
* @hidden
|
|
130
|
+
*/
|
|
131
|
+
itemTemplate;
|
|
132
|
+
hostClasses = true;
|
|
145
133
|
get wrapMode() {
|
|
146
134
|
return this.collapseMode === 'wrap';
|
|
147
135
|
}
|
|
136
|
+
hostAriaLabel = 'Breadcrumb';
|
|
148
137
|
get getDir() {
|
|
149
138
|
return this.direction;
|
|
150
139
|
}
|
|
140
|
+
itemsData$;
|
|
141
|
+
firstItem$;
|
|
142
|
+
_items = [];
|
|
143
|
+
_collapseMode = 'auto';
|
|
144
|
+
_size = DEFAULT_SIZE;
|
|
145
|
+
updateItems = new ReplaySubject();
|
|
146
|
+
afterViewInit = new Subject();
|
|
147
|
+
subscriptions = new Subscription();
|
|
148
|
+
direction = 'ltr';
|
|
149
|
+
constructor(localization, el, cdr, zone, renderer) {
|
|
150
|
+
this.localization = localization;
|
|
151
|
+
this.el = el;
|
|
152
|
+
this.cdr = cdr;
|
|
153
|
+
this.zone = zone;
|
|
154
|
+
this.renderer = renderer;
|
|
155
|
+
validatePackage(packageMetadata);
|
|
156
|
+
const updateItems$ = this.updateItems.asObservable().pipe(startWith([]));
|
|
157
|
+
this.direction = localization.rtl ? 'rtl' : 'ltr';
|
|
158
|
+
this.itemsData$ = updateItems$.pipe(map(items => items.filter(Boolean)), map(items => items.map((item, index, collection) => ({
|
|
159
|
+
context: {
|
|
160
|
+
collapsed: false,
|
|
161
|
+
isLast: index === collection.length - 1,
|
|
162
|
+
isFirst: index === 0
|
|
163
|
+
},
|
|
164
|
+
data: item
|
|
165
|
+
}))), share());
|
|
166
|
+
this.firstItem$ = updateItems$.pipe(map(items => {
|
|
167
|
+
if (items.length > 0) {
|
|
168
|
+
return [
|
|
169
|
+
{
|
|
170
|
+
context: {
|
|
171
|
+
collapsed: false,
|
|
172
|
+
isLast: items.length === 1,
|
|
173
|
+
isFirst: true
|
|
174
|
+
},
|
|
175
|
+
data: items[0]
|
|
176
|
+
}
|
|
177
|
+
];
|
|
178
|
+
}
|
|
179
|
+
return [];
|
|
180
|
+
}), share());
|
|
181
|
+
}
|
|
151
182
|
ngOnInit() {
|
|
152
183
|
this.subscriptions.add(this.localization.changes.subscribe(({ rtl }) => (this.direction = rtl ? 'rtl' : 'ltr')));
|
|
153
184
|
this.handleClasses(this.size, 'size');
|
|
@@ -215,15 +246,14 @@ export class BreadCrumbComponent {
|
|
|
215
246
|
this.renderer.addClass(elem, classes.toAdd);
|
|
216
247
|
}
|
|
217
248
|
}
|
|
218
|
-
}
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
}
|
|
226
|
-
], queries: [{ propertyName: "itemTemplate", first: true, predicate: BreadCrumbItemTemplateDirective, descendants: 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: `
|
|
249
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BreadCrumbComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
250
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BreadCrumbComponent, isStandalone: true, selector: "kendo-breadcrumb", inputs: { items: "items", separatorIcon: "separatorIcon", separatorSVGIcon: "separatorSVGIcon", collapseMode: "collapseMode", size: "size" }, 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: [
|
|
251
|
+
LocalizationService,
|
|
252
|
+
{
|
|
253
|
+
provide: L10N_PREFIX,
|
|
254
|
+
useValue: 'kendo.breadcrumb'
|
|
255
|
+
}
|
|
256
|
+
], queries: [{ propertyName: "itemTemplate", first: true, predicate: BreadCrumbItemTemplateDirective, descendants: 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: `
|
|
227
257
|
<ol
|
|
228
258
|
#itemsContainer
|
|
229
259
|
kendoBreadCrumbList
|
|
@@ -250,7 +280,8 @@ BreadCrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ve
|
|
|
250
280
|
></ol>
|
|
251
281
|
<kendo-resize-sensor [rateLimit]="1000" #resizeSensor></kendo-resize-sensor>
|
|
252
282
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: BreadCrumbListComponent, selector: "[kendoBreadCrumbList]", inputs: ["items", "itemTemplate", "collapseMode", "separatorIcon", "separatorSVGIcon"], outputs: ["itemClick"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "pipe", type: AsyncPipe, name: "async" }] });
|
|
253
|
-
|
|
283
|
+
}
|
|
284
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BreadCrumbComponent, decorators: [{
|
|
254
285
|
type: Component,
|
|
255
286
|
args: [{
|
|
256
287
|
exportAs: 'kendoBreadCrumb',
|
|
@@ -17,12 +17,20 @@ import * as i0 from "@angular/core";
|
|
|
17
17
|
* @hidden
|
|
18
18
|
*/
|
|
19
19
|
export class BreadCrumbListComponent {
|
|
20
|
+
el;
|
|
21
|
+
zone;
|
|
22
|
+
items = [];
|
|
23
|
+
itemTemplate;
|
|
24
|
+
collapseMode = 'auto';
|
|
25
|
+
separatorIcon;
|
|
26
|
+
separatorSVGIcon;
|
|
27
|
+
itemClick = new EventEmitter();
|
|
28
|
+
renderedItems;
|
|
29
|
+
isRootItemContainer;
|
|
30
|
+
domEventsSubscription;
|
|
20
31
|
constructor(el, zone) {
|
|
21
32
|
this.el = el;
|
|
22
33
|
this.zone = zone;
|
|
23
|
-
this.items = [];
|
|
24
|
-
this.collapseMode = 'auto';
|
|
25
|
-
this.itemClick = new EventEmitter();
|
|
26
34
|
const element = this.el.nativeElement;
|
|
27
35
|
this.isRootItemContainer = element.classList.contains('k-breadcrumb-root-item-container');
|
|
28
36
|
this.zone.runOutsideAngular(() => {
|
|
@@ -45,10 +53,10 @@ export class BreadCrumbListComponent {
|
|
|
45
53
|
return itemIndex(item, BREADCRUMB_ITEM_INDEX);
|
|
46
54
|
}
|
|
47
55
|
}
|
|
56
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BreadCrumbListComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
57
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BreadCrumbListComponent, isStandalone: true, selector: "[kendoBreadCrumbList]", inputs: { items: "items", itemTemplate: "itemTemplate", collapseMode: "collapseMode", separatorIcon: "separatorIcon", separatorSVGIcon: "separatorSVGIcon" }, 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\" [svgIcon]=\"separatorSVGIcon\" *ngIf=\"collapseMode === 'wrap' && !isFirst\"></span>\n <span\n kendoBreadCrumbSeparator\n [icon]=\"separatorIcon\"\n [svgIcon]=\"separatorSVGIcon\"\n *ngIf=\"collapseMode !== 'wrap' && !isLast && !(item?.context.collapsed && items[i + 1]?.context.collapsed)\"\n ></span>\n </li>\n </ng-container>\n ", isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: BreadCrumbItemComponent, selector: "[kendoBreadCrumbItem]", inputs: ["item", "collapseMode", "index", "itemTemplate"] }, { kind: "component", type: BreadCrumbSeparatorDirective, selector: "[kendoBreadCrumbSeparator]", inputs: ["icon", "svgIcon"] }] });
|
|
48
58
|
}
|
|
49
|
-
|
|
50
|
-
BreadCrumbListComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: BreadCrumbListComponent, isStandalone: true, selector: "[kendoBreadCrumbList]", inputs: { items: "items", itemTemplate: "itemTemplate", collapseMode: "collapseMode", separatorIcon: "separatorIcon", separatorSVGIcon: "separatorSVGIcon" }, 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\" [svgIcon]=\"separatorSVGIcon\" *ngIf=\"collapseMode === 'wrap' && !isFirst\"></span>\n <span\n kendoBreadCrumbSeparator\n [icon]=\"separatorIcon\"\n [svgIcon]=\"separatorSVGIcon\"\n *ngIf=\"collapseMode !== 'wrap' && !isLast && !(item?.context.collapsed && items[i + 1]?.context.collapsed)\"\n ></span>\n </li>\n </ng-container>\n ", isInline: true, dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: BreadCrumbItemComponent, selector: "[kendoBreadCrumbItem]", inputs: ["item", "collapseMode", "index", "itemTemplate"] }, { kind: "component", type: BreadCrumbSeparatorDirective, selector: "[kendoBreadCrumbSeparator]", inputs: ["icon", "svgIcon"] }] });
|
|
51
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BreadCrumbListComponent, decorators: [{
|
|
59
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BreadCrumbListComponent, decorators: [{
|
|
52
60
|
type: Component,
|
|
53
61
|
args: [{
|
|
54
62
|
// eslint-disable-next-line @angular-eslint/component-selector
|
|
@@ -11,13 +11,14 @@ import * as i0 from "@angular/core";
|
|
|
11
11
|
* For more information and example refer to the [Templates]({% slug templates_breadcrumb %}) article.
|
|
12
12
|
*/
|
|
13
13
|
export class BreadCrumbItemTemplateDirective {
|
|
14
|
+
templateRef;
|
|
14
15
|
constructor(templateRef) {
|
|
15
16
|
this.templateRef = templateRef;
|
|
16
17
|
}
|
|
18
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BreadCrumbItemTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
|
|
19
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: BreadCrumbItemTemplateDirective, isStandalone: true, selector: "[kendoBreadCrumbItemTemplate]", ngImport: i0 });
|
|
17
20
|
}
|
|
18
|
-
|
|
19
|
-
BreadCrumbItemTemplateDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: BreadCrumbItemTemplateDirective, isStandalone: true, selector: "[kendoBreadCrumbItemTemplate]", ngImport: i0 });
|
|
20
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BreadCrumbItemTemplateDirective, decorators: [{
|
|
21
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BreadCrumbItemTemplateDirective, decorators: [{
|
|
21
22
|
type: Directive,
|
|
22
23
|
args: [{
|
|
23
24
|
selector: '[kendoBreadCrumbItemTemplate]',
|
|
@@ -17,14 +17,8 @@ const DEFAULT_RTL_SVG_ICON = chevronLeftIcon;
|
|
|
17
17
|
* @hidden
|
|
18
18
|
*/
|
|
19
19
|
export class BreadCrumbSeparatorDirective {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
this.localization = localization;
|
|
23
|
-
this.defaultClasses = true;
|
|
24
|
-
this.ariaHidden = true;
|
|
25
|
-
this.direction = 'ltr';
|
|
26
|
-
this.direction = this.localization.rtl ? 'rtl' : 'ltr';
|
|
27
|
-
}
|
|
20
|
+
el;
|
|
21
|
+
localization;
|
|
28
22
|
set icon(icon) {
|
|
29
23
|
if (isPresent(icon)) {
|
|
30
24
|
this._icon = icon;
|
|
@@ -51,6 +45,19 @@ export class BreadCrumbSeparatorDirective {
|
|
|
51
45
|
get svgIcon() {
|
|
52
46
|
return this._svgIcon;
|
|
53
47
|
}
|
|
48
|
+
defaultClasses = true;
|
|
49
|
+
ariaHidden = true;
|
|
50
|
+
_icon;
|
|
51
|
+
_svgIcon;
|
|
52
|
+
hasDefaultIcon;
|
|
53
|
+
hasDefaultSvgIcon;
|
|
54
|
+
direction = 'ltr';
|
|
55
|
+
localizationChangesSubscription;
|
|
56
|
+
constructor(el, localization) {
|
|
57
|
+
this.el = el;
|
|
58
|
+
this.localization = localization;
|
|
59
|
+
this.direction = this.localization.rtl ? 'rtl' : 'ltr';
|
|
60
|
+
}
|
|
54
61
|
ngOnInit() {
|
|
55
62
|
this.localizationChangesSubscription = this.localization.changes.subscribe(({ rtl }) => {
|
|
56
63
|
this.direction = rtl ? 'rtl' : 'ltr';
|
|
@@ -65,9 +72,8 @@ export class BreadCrumbSeparatorDirective {
|
|
|
65
72
|
ngOnDestroy() {
|
|
66
73
|
this.localizationChangesSubscription.unsubscribe();
|
|
67
74
|
}
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
BreadCrumbSeparatorDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: BreadCrumbSeparatorDirective, isStandalone: true, selector: "[kendoBreadCrumbSeparator]", inputs: { icon: "icon", svgIcon: "svgIcon" }, host: { properties: { "class.k-breadcrumb-delimiter-icon": "this.defaultClasses", "class.k-icon": "this.defaultClasses", "attr.aria-hidden": "this.ariaHidden" } }, ngImport: i0, template: `
|
|
75
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BreadCrumbSeparatorDirective, deps: [{ token: i0.ElementRef }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
76
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BreadCrumbSeparatorDirective, isStandalone: true, selector: "[kendoBreadCrumbSeparator]", inputs: { icon: "icon", svgIcon: "svgIcon" }, host: { properties: { "class.k-breadcrumb-delimiter-icon": "this.defaultClasses", "class.k-icon": "this.defaultClasses", "attr.aria-hidden": "this.ariaHidden" } }, ngImport: i0, template: `
|
|
71
77
|
<kendo-icon-wrapper
|
|
72
78
|
size='xsmall'
|
|
73
79
|
[name]="icon"
|
|
@@ -75,7 +81,8 @@ BreadCrumbSeparatorDirective.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14
|
|
|
75
81
|
>
|
|
76
82
|
</kendo-icon-wrapper>
|
|
77
83
|
`, isInline: true, dependencies: [{ kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }] });
|
|
78
|
-
|
|
84
|
+
}
|
|
85
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BreadCrumbSeparatorDirective, decorators: [{
|
|
79
86
|
type: Component,
|
|
80
87
|
args: [{
|
|
81
88
|
selector: '[kendoBreadCrumbSeparator]',
|
|
@@ -42,11 +42,11 @@ import * as i2 from "./breadcrumb/template-directives/item-template.directive";
|
|
|
42
42
|
* ```
|
|
43
43
|
*/
|
|
44
44
|
export class BreadCrumbModule {
|
|
45
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BreadCrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
46
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: BreadCrumbModule, imports: [i1.BreadCrumbComponent, i2.BreadCrumbItemTemplateDirective], exports: [i1.BreadCrumbComponent, i2.BreadCrumbItemTemplateDirective] });
|
|
47
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BreadCrumbModule, providers: [IconsService, ResizeBatchService], imports: [i1.BreadCrumbComponent] });
|
|
45
48
|
}
|
|
46
|
-
|
|
47
|
-
BreadCrumbModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: BreadCrumbModule, imports: [i1.BreadCrumbComponent, i2.BreadCrumbItemTemplateDirective], exports: [i1.BreadCrumbComponent, i2.BreadCrumbItemTemplateDirective] });
|
|
48
|
-
BreadCrumbModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BreadCrumbModule, providers: [IconsService, ResizeBatchService], imports: [i1.BreadCrumbComponent] });
|
|
49
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BreadCrumbModule, decorators: [{
|
|
49
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BreadCrumbModule, decorators: [{
|
|
50
50
|
type: NgModule,
|
|
51
51
|
args: [{
|
|
52
52
|
exports: [...KENDO_BREADCRUMB],
|
|
@@ -6,13 +6,7 @@
|
|
|
6
6
|
* @hidden
|
|
7
7
|
*/
|
|
8
8
|
export class PreventableEvent {
|
|
9
|
-
|
|
10
|
-
* @hidden
|
|
11
|
-
*/
|
|
12
|
-
constructor(args) {
|
|
13
|
-
this.prevented = false;
|
|
14
|
-
Object.assign(this, args);
|
|
15
|
-
}
|
|
9
|
+
prevented = false;
|
|
16
10
|
/**
|
|
17
11
|
* Prevents the default action for a specified event.
|
|
18
12
|
* In this way, the source component suppresses
|
|
@@ -31,4 +25,10 @@ export class PreventableEvent {
|
|
|
31
25
|
isDefaultPrevented() {
|
|
32
26
|
return this.prevented;
|
|
33
27
|
}
|
|
28
|
+
/**
|
|
29
|
+
* @hidden
|
|
30
|
+
*/
|
|
31
|
+
constructor(args) {
|
|
32
|
+
Object.assign(this, args);
|
|
33
|
+
}
|
|
34
34
|
}
|
|
@@ -53,11 +53,11 @@ import * as i13 from "./breadcrumb/template-directives/item-template.directive";
|
|
|
53
53
|
* ```
|
|
54
54
|
*/
|
|
55
55
|
export class NavigationModule {
|
|
56
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
57
|
+
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: NavigationModule, imports: [i1.ActionSheetComponent, i2.ActionSheetHeaderTemplateDirective, i3.ActionSheetItemTemplateDirective, i4.ActionSheetContentTemplateDirective, i5.ActionSheetFooterTemplateDirective, i6.ActionSheetTemplateDirective, i7.AppBarComponent, i8.AppBarSectionComponent, i9.AppBarSpacerComponent, i10.BottomNavigationComponent, i11.BottomNavigationItemTemplateDirective, i12.BreadCrumbComponent, i13.BreadCrumbItemTemplateDirective], exports: [i1.ActionSheetComponent, i2.ActionSheetHeaderTemplateDirective, i3.ActionSheetItemTemplateDirective, i4.ActionSheetContentTemplateDirective, i5.ActionSheetFooterTemplateDirective, i6.ActionSheetTemplateDirective, i7.AppBarComponent, i8.AppBarSectionComponent, i9.AppBarSpacerComponent, i10.BottomNavigationComponent, i11.BottomNavigationItemTemplateDirective, i12.BreadCrumbComponent, i13.BreadCrumbItemTemplateDirective] });
|
|
58
|
+
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationModule, providers: [IconsService, ResizeBatchService], imports: [i1.ActionSheetComponent, i10.BottomNavigationComponent, i12.BreadCrumbComponent] });
|
|
56
59
|
}
|
|
57
|
-
|
|
58
|
-
NavigationModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: NavigationModule, imports: [i1.ActionSheetComponent, i2.ActionSheetHeaderTemplateDirective, i3.ActionSheetItemTemplateDirective, i4.ActionSheetContentTemplateDirective, i5.ActionSheetFooterTemplateDirective, i6.ActionSheetTemplateDirective, i7.AppBarComponent, i8.AppBarSectionComponent, i9.AppBarSpacerComponent, i10.BottomNavigationComponent, i11.BottomNavigationItemTemplateDirective, i12.BreadCrumbComponent, i13.BreadCrumbItemTemplateDirective], exports: [i1.ActionSheetComponent, i2.ActionSheetHeaderTemplateDirective, i3.ActionSheetItemTemplateDirective, i4.ActionSheetContentTemplateDirective, i5.ActionSheetFooterTemplateDirective, i6.ActionSheetTemplateDirective, i7.AppBarComponent, i8.AppBarSectionComponent, i9.AppBarSpacerComponent, i10.BottomNavigationComponent, i11.BottomNavigationItemTemplateDirective, i12.BreadCrumbComponent, i13.BreadCrumbItemTemplateDirective] });
|
|
59
|
-
NavigationModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NavigationModule, providers: [IconsService, ResizeBatchService], imports: [i1.ActionSheetComponent, i7.AppBarComponent, i8.AppBarSectionComponent, i9.AppBarSpacerComponent, i10.BottomNavigationComponent, i12.BreadCrumbComponent] });
|
|
60
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NavigationModule, decorators: [{
|
|
60
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NavigationModule, decorators: [{
|
|
61
61
|
type: NgModule,
|
|
62
62
|
args: [{
|
|
63
63
|
imports: [...KENDO_NAVIGATION],
|
|
@@ -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: '17.0.0-develop.
|
|
12
|
+
publishDate: 1730388874,
|
|
13
|
+
version: '17.0.0-develop.30',
|
|
14
14
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
15
15
|
};
|