@progress/kendo-angular-navigation 21.1.1-develop.2 → 21.2.0-develop.2
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/esm2022/actionsheet/actionsheet-view.component.mjs +71 -53
- package/esm2022/actionsheet/actionsheet.component.mjs +217 -181
- package/esm2022/actionsheet/item.component.mjs +63 -45
- package/esm2022/actionsheet/list.component.mjs +8 -6
- package/esm2022/bottomnavigation/bottomnavigation-item.component.mjs +39 -27
- package/esm2022/bottomnavigation/bottomnavigation.component.mjs +20 -19
- package/esm2022/breadcrumb/breadcrumb-item.component.mjs +73 -61
- package/esm2022/breadcrumb/breadcrumb.component.mjs +33 -31
- package/esm2022/breadcrumb/list.component.mjs +23 -20
- package/esm2022/package-metadata.mjs +2 -2
- package/fesm2022/progress-kendo-angular-navigation.mjs +542 -437
- package/package.json +7 -7
|
@@ -16,7 +16,7 @@ import { outerWidth } from '../common/util';
|
|
|
16
16
|
import { BreadCrumbListComponent } from './list.component';
|
|
17
17
|
import { collapsed, expanded, collapseFirst, expandFirst } from './util';
|
|
18
18
|
import { DEFAULT_SIZE, getStylingClasses } from './models/constants';
|
|
19
|
-
import {
|
|
19
|
+
import { NgClass, AsyncPipe } from '@angular/common';
|
|
20
20
|
import * as i0 from "@angular/core";
|
|
21
21
|
import * as i1 from "@progress/kendo-angular-l10n";
|
|
22
22
|
/**
|
|
@@ -245,39 +245,40 @@ export class BreadCrumbComponent {
|
|
|
245
245
|
}));
|
|
246
246
|
};
|
|
247
247
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BreadCrumbComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
248
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
248
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", 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: [
|
|
249
249
|
LocalizationService,
|
|
250
250
|
{
|
|
251
251
|
provide: L10N_PREFIX,
|
|
252
252
|
useValue: 'kendo.breadcrumb'
|
|
253
253
|
}
|
|
254
254
|
], 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: `
|
|
255
|
-
|
|
255
|
+
@if (collapseMode === 'wrap') {
|
|
256
|
+
<ol
|
|
256
257
|
#itemsContainer
|
|
257
258
|
kendoBreadCrumbList
|
|
258
259
|
class="k-breadcrumb-root-item-container"
|
|
259
|
-
*ngIf="collapseMode === 'wrap'"
|
|
260
260
|
[items]="firstItem$ | async"
|
|
261
261
|
[itemTemplate]="itemTemplate?.templateRef"
|
|
262
262
|
[collapseMode]="collapseMode"
|
|
263
263
|
[separatorIcon]="separatorIcon"
|
|
264
264
|
[separatorSVGIcon]="separatorSVGIcon"
|
|
265
265
|
(itemClick)="itemClick.emit($event)"
|
|
266
|
-
|
|
266
|
+
></ol>
|
|
267
|
+
}
|
|
267
268
|
<ol
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
269
|
+
#itemsContainer
|
|
270
|
+
kendoBreadCrumbList
|
|
271
|
+
class="k-breadcrumb-container"
|
|
272
|
+
[items]="itemsData$ | async"
|
|
273
|
+
[itemTemplate]="itemTemplate?.templateRef"
|
|
274
|
+
[collapseMode]="collapseMode"
|
|
275
|
+
[separatorIcon]="separatorIcon"
|
|
276
|
+
[separatorSVGIcon]="separatorSVGIcon"
|
|
277
|
+
(itemClick)="itemClick.emit($event)"
|
|
278
|
+
[ngClass]="{ '!k-flex-wrap': collapseMode === 'wrap', 'k-flex-none': collapseMode === 'none' }"
|
|
278
279
|
></ol>
|
|
279
280
|
<kendo-resize-sensor [rateLimit]="1000" #resizeSensor></kendo-resize-sensor>
|
|
280
|
-
|
|
281
|
+
`, isInline: true, dependencies: [{ 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" }] });
|
|
281
282
|
}
|
|
282
283
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BreadCrumbComponent, decorators: [{
|
|
283
284
|
type: Component,
|
|
@@ -292,34 +293,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
292
293
|
}
|
|
293
294
|
],
|
|
294
295
|
template: `
|
|
295
|
-
|
|
296
|
+
@if (collapseMode === 'wrap') {
|
|
297
|
+
<ol
|
|
296
298
|
#itemsContainer
|
|
297
299
|
kendoBreadCrumbList
|
|
298
300
|
class="k-breadcrumb-root-item-container"
|
|
299
|
-
*ngIf="collapseMode === 'wrap'"
|
|
300
301
|
[items]="firstItem$ | async"
|
|
301
302
|
[itemTemplate]="itemTemplate?.templateRef"
|
|
302
303
|
[collapseMode]="collapseMode"
|
|
303
304
|
[separatorIcon]="separatorIcon"
|
|
304
305
|
[separatorSVGIcon]="separatorSVGIcon"
|
|
305
306
|
(itemClick)="itemClick.emit($event)"
|
|
306
|
-
|
|
307
|
+
></ol>
|
|
308
|
+
}
|
|
307
309
|
<ol
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
310
|
+
#itemsContainer
|
|
311
|
+
kendoBreadCrumbList
|
|
312
|
+
class="k-breadcrumb-container"
|
|
313
|
+
[items]="itemsData$ | async"
|
|
314
|
+
[itemTemplate]="itemTemplate?.templateRef"
|
|
315
|
+
[collapseMode]="collapseMode"
|
|
316
|
+
[separatorIcon]="separatorIcon"
|
|
317
|
+
[separatorSVGIcon]="separatorSVGIcon"
|
|
318
|
+
(itemClick)="itemClick.emit($event)"
|
|
319
|
+
[ngClass]="{ '!k-flex-wrap': collapseMode === 'wrap', 'k-flex-none': collapseMode === 'none' }"
|
|
318
320
|
></ol>
|
|
319
321
|
<kendo-resize-sensor [rateLimit]="1000" #resizeSensor></kendo-resize-sensor>
|
|
320
|
-
|
|
322
|
+
`,
|
|
321
323
|
standalone: true,
|
|
322
|
-
imports: [
|
|
324
|
+
imports: [BreadCrumbListComponent, NgClass, ResizeSensorComponent, AsyncPipe]
|
|
323
325
|
}]
|
|
324
326
|
}], ctorParameters: () => [{ type: i1.LocalizationService }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i0.Renderer2 }], propDecorators: { items: [{
|
|
325
327
|
type: Input
|
|
@@ -11,7 +11,6 @@ import { BreadCrumbItemComponent } from './breadcrumb-item.component';
|
|
|
11
11
|
import { closestItem, itemIndex } from '../common/dom-queries';
|
|
12
12
|
import { isPresent } from '../common/util';
|
|
13
13
|
import { BreadCrumbSeparatorDirective } from './template-directives/separator.directive';
|
|
14
|
-
import { NgFor, NgIf } from '@angular/common';
|
|
15
14
|
import * as i0 from "@angular/core";
|
|
16
15
|
/**
|
|
17
16
|
* @hidden
|
|
@@ -54,7 +53,7 @@ export class BreadCrumbListComponent {
|
|
|
54
53
|
}
|
|
55
54
|
}
|
|
56
55
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BreadCrumbListComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
|
|
57
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
56
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", 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 @for (item of items; track item; let i = $index; let isFirst = $first; let isLast = $last) {\n @if (!(collapseMode === 'wrap' && isFirst) || isRootItemContainer) {\n <li\n #renderedItem\n kendoBreadCrumbItem\n [attr.data-kendo-breadcrumb-index]=\"i\"\n [item]=\"item\"\n [index]=\"i\"\n [collapseMode]=\"collapseMode\"\n [itemTemplate]=\"itemTemplate\"\n >\n @if (collapseMode === 'wrap' && !isFirst) {\n <span kendoBreadCrumbSeparator [icon]=\"separatorIcon\" [svgIcon]=\"separatorSVGIcon\"></span>\n }\n @if (collapseMode !== 'wrap' && !isLast && !(item?.context.collapsed && items[i + 1]?.context.collapsed)) {\n <span\n kendoBreadCrumbSeparator\n [icon]=\"separatorIcon\"\n [svgIcon]=\"separatorSVGIcon\"\n ></span>\n }\n </li>\n }\n }\n ", isInline: true, dependencies: [{ kind: "component", type: BreadCrumbItemComponent, selector: "[kendoBreadCrumbItem]", inputs: ["item", "collapseMode", "index", "itemTemplate"] }, { kind: "component", type: BreadCrumbSeparatorDirective, selector: "[kendoBreadCrumbSeparator]", inputs: ["icon", "svgIcon"] }] });
|
|
58
57
|
}
|
|
59
58
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BreadCrumbListComponent, decorators: [{
|
|
60
59
|
type: Component,
|
|
@@ -62,29 +61,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
62
61
|
// eslint-disable-next-line @angular-eslint/component-selector
|
|
63
62
|
selector: '[kendoBreadCrumbList]',
|
|
64
63
|
template: `
|
|
65
|
-
|
|
64
|
+
@for (item of items; track item; let i = $index; let isFirst = $first; let isLast = $last) {
|
|
65
|
+
@if (!(collapseMode === 'wrap' && isFirst) || isRootItemContainer) {
|
|
66
66
|
<li
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
<span kendoBreadCrumbSeparator [icon]="separatorIcon" [svgIcon]="separatorSVGIcon"
|
|
67
|
+
#renderedItem
|
|
68
|
+
kendoBreadCrumbItem
|
|
69
|
+
[attr.${BREADCRUMB_ITEM_INDEX}]="i"
|
|
70
|
+
[item]="item"
|
|
71
|
+
[index]="i"
|
|
72
|
+
[collapseMode]="collapseMode"
|
|
73
|
+
[itemTemplate]="itemTemplate"
|
|
74
|
+
>
|
|
75
|
+
@if (collapseMode === 'wrap' && !isFirst) {
|
|
76
|
+
<span kendoBreadCrumbSeparator [icon]="separatorIcon" [svgIcon]="separatorSVGIcon"></span>
|
|
77
|
+
}
|
|
78
|
+
@if (collapseMode !== 'wrap' && !isLast && !(item?.context.collapsed && items[i + 1]?.context.collapsed)) {
|
|
77
79
|
<span
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
*ngIf="collapseMode !== 'wrap' && !isLast && !(item?.context.collapsed && items[i + 1]?.context.collapsed)"
|
|
80
|
+
kendoBreadCrumbSeparator
|
|
81
|
+
[icon]="separatorIcon"
|
|
82
|
+
[svgIcon]="separatorSVGIcon"
|
|
82
83
|
></span>
|
|
84
|
+
}
|
|
83
85
|
</li>
|
|
84
|
-
|
|
85
|
-
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
`,
|
|
86
89
|
standalone: true,
|
|
87
|
-
imports: [
|
|
90
|
+
imports: [BreadCrumbItemComponent, BreadCrumbSeparatorDirective]
|
|
88
91
|
}]
|
|
89
92
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.NgZone }], propDecorators: { items: [{
|
|
90
93
|
type: Input
|
|
@@ -10,7 +10,7 @@ export const packageMetadata = {
|
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCode: 'KENDOUIANGULAR',
|
|
12
12
|
productCodes: ['KENDOUIANGULAR'],
|
|
13
|
-
publishDate:
|
|
14
|
-
version: '21.
|
|
13
|
+
publishDate: 1764002056,
|
|
14
|
+
version: '21.2.0-develop.2',
|
|
15
15
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
16
16
|
};
|