@progress/kendo-angular-navigation 17.0.0-develop.9 → 17.0.1-develop.1

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.
Files changed (80) hide show
  1. package/README.md +38 -18
  2. package/actionsheet/actionsheet.component.d.ts +1 -1
  3. package/actionsheet/item.component.d.ts +1 -1
  4. package/actionsheet/list.component.d.ts +1 -1
  5. package/actionsheet/models/group.d.ts +1 -1
  6. package/appbar/appbar-spacer.component.d.ts +1 -1
  7. package/appbar/appbar.component.d.ts +1 -1
  8. package/appbar/models/position-mode.d.ts +1 -1
  9. package/appbar/models/position.d.ts +1 -1
  10. package/appbar/models/theme-color.d.ts +1 -1
  11. package/bottomnavigation/bottomnavigation-item.component.d.ts +1 -1
  12. package/bottomnavigation/bottomnavigation.component.d.ts +1 -1
  13. package/bottomnavigation/types/bottomnavigation-fill.d.ts +1 -1
  14. package/bottomnavigation/types/bottomnavigation-item-flow.d.ts +1 -1
  15. package/bottomnavigation/types/bottomnavigation-position-mode.d.ts +1 -1
  16. package/bottomnavigation/types/bottomnavigation-theme-color.d.ts +1 -1
  17. package/breadcrumb/breadcrumb-item.component.d.ts +2 -2
  18. package/breadcrumb/breadcrumb.component.d.ts +1 -1
  19. package/breadcrumb/list.component.d.ts +1 -1
  20. package/breadcrumb/models/breadcrumb-size.d.ts +1 -1
  21. package/breadcrumb/models/collapse-mode.d.ts +1 -1
  22. package/breadcrumb/template-directives/separator.directive.d.ts +1 -2
  23. package/common/direction.d.ts +1 -1
  24. package/{esm2020 → esm2022}/actionsheet/actionsheet.component.mjs +113 -60
  25. package/{esm2020 → esm2022}/actionsheet/item.component.mjs +7 -7
  26. package/{esm2020 → esm2022}/actionsheet/list.component.mjs +11 -7
  27. package/{esm2020 → esm2022}/actionsheet/models/item-click.event.mjs +8 -0
  28. package/{esm2020 → esm2022}/actionsheet/templates/actionsheet-template.mjs +4 -3
  29. package/{esm2020 → esm2022}/actionsheet/templates/content-template.directive.mjs +4 -3
  30. package/{esm2020 → esm2022}/actionsheet/templates/footer-template.directive.mjs +4 -3
  31. package/{esm2020 → esm2022}/actionsheet/templates/header-template.directive.mjs +4 -3
  32. package/{esm2020 → esm2022}/actionsheet/templates/item-template.directive.mjs +4 -3
  33. package/{esm2020 → esm2022}/actionsheet.module.mjs +4 -4
  34. package/{esm2020 → esm2022}/appbar/appbar-section.component.mjs +5 -7
  35. package/{esm2020 → esm2022}/appbar/appbar-spacer.component.mjs +15 -7
  36. package/{esm2020 → esm2022}/appbar/appbar.component.mjs +33 -25
  37. package/{esm2020 → esm2022}/appbar.module.mjs +4 -4
  38. package/{esm2020 → esm2022}/bottomnavigation/bottomnavigation-item.component.mjs +10 -4
  39. package/{esm2020 → esm2022}/bottomnavigation/bottomnavigation.component.mjs +75 -52
  40. package/{esm2020 → esm2022}/bottomnavigation/events/select-event.mjs +16 -0
  41. package/{esm2020 → esm2022}/bottomnavigation/templates/item-template.directive.mjs +4 -3
  42. package/{esm2020 → esm2022}/bottomnavigation.module.mjs +4 -4
  43. package/{esm2020 → esm2022}/breadcrumb/breadcrumb-item.component.mjs +19 -14
  44. package/{esm2020 → esm2022}/breadcrumb/breadcrumb.component.mjs +87 -56
  45. package/{esm2020 → esm2022}/breadcrumb/list.component.mjs +14 -6
  46. package/{esm2020 → esm2022}/breadcrumb/template-directives/item-template.directive.mjs +4 -3
  47. package/{esm2020 → esm2022}/breadcrumb/template-directives/separator.directive.mjs +20 -18
  48. package/{esm2020 → esm2022}/breadcrumb.module.mjs +4 -4
  49. package/{esm2020 → esm2022}/common/preventable-event.mjs +7 -7
  50. package/{esm2020 → esm2022}/navigation.module.mjs +4 -4
  51. package/{esm2020 → esm2022}/package-metadata.mjs +2 -2
  52. package/{fesm2020 → fesm2022}/progress-kendo-angular-navigation.mjs +490 -313
  53. package/package.json +13 -19
  54. package/schematics/ngAdd/index.js +1 -1
  55. package/fesm2015/progress-kendo-angular-navigation.mjs +0 -2613
  56. /package/{esm2020 → esm2022}/actionsheet/animation/animations.mjs +0 -0
  57. /package/{esm2020 → esm2022}/actionsheet/models/actionsheet-item.interface.mjs +0 -0
  58. /package/{esm2020 → esm2022}/actionsheet/models/animation.mjs +0 -0
  59. /package/{esm2020 → esm2022}/actionsheet/models/group.mjs +0 -0
  60. /package/{esm2020 → esm2022}/actionsheet/models/index.mjs +0 -0
  61. /package/{esm2020 → esm2022}/appbar/models/position-mode.mjs +0 -0
  62. /package/{esm2020 → esm2022}/appbar/models/position.mjs +0 -0
  63. /package/{esm2020 → esm2022}/appbar/models/theme-color.mjs +0 -0
  64. /package/{esm2020 → esm2022}/bottomnavigation/constants.mjs +0 -0
  65. /package/{esm2020 → esm2022}/bottomnavigation/types/bottomnavigation-fill.mjs +0 -0
  66. /package/{esm2020 → esm2022}/bottomnavigation/types/bottomnavigation-item-flow.mjs +0 -0
  67. /package/{esm2020 → esm2022}/bottomnavigation/types/bottomnavigation-item.mjs +0 -0
  68. /package/{esm2020 → esm2022}/bottomnavigation/types/bottomnavigation-position-mode.mjs +0 -0
  69. /package/{esm2020 → esm2022}/bottomnavigation/types/bottomnavigation-theme-color.mjs +0 -0
  70. /package/{esm2020 → esm2022}/breadcrumb/models/breadcrumb-item.interface.mjs +0 -0
  71. /package/{esm2020 → esm2022}/breadcrumb/models/breadcrumb-size.mjs +0 -0
  72. /package/{esm2020 → esm2022}/breadcrumb/models/collapse-mode.mjs +0 -0
  73. /package/{esm2020 → esm2022}/breadcrumb/models/constants.mjs +0 -0
  74. /package/{esm2020 → esm2022}/breadcrumb/util.mjs +0 -0
  75. /package/{esm2020 → esm2022}/common/direction.mjs +0 -0
  76. /package/{esm2020 → esm2022}/common/dom-queries.mjs +0 -0
  77. /package/{esm2020 → esm2022}/common/util.mjs +0 -0
  78. /package/{esm2020 → esm2022}/directives.mjs +0 -0
  79. /package/{esm2020 → esm2022}/index.mjs +0 -0
  80. /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
- constructor(localization, el, cdr, zone, renderer) {
53
- this.localization = localization;
54
- this.el = el;
55
- this.cdr = cdr;
56
- this.zone = zone;
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
- BreadCrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BreadCrumbComponent, deps: [{ token: i1.LocalizationService }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
220
- BreadCrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", 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: [
221
- LocalizationService,
222
- {
223
- provide: L10N_PREFIX,
224
- useValue: 'kendo.breadcrumb'
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
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BreadCrumbComponent, decorators: [{
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
- BreadCrumbListComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BreadCrumbListComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
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
- BreadCrumbItemTemplateDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BreadCrumbItemTemplateDirective, deps: [{ token: i0.TemplateRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
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
- constructor(el, localization) {
21
- this.el = el;
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,18 @@ export class BreadCrumbSeparatorDirective {
51
45
  get svgIcon() {
52
46
  return this._svgIcon;
53
47
  }
48
+ ariaHidden = true;
49
+ _icon;
50
+ _svgIcon;
51
+ hasDefaultIcon;
52
+ hasDefaultSvgIcon;
53
+ direction = 'ltr';
54
+ localizationChangesSubscription;
55
+ constructor(el, localization) {
56
+ this.el = el;
57
+ this.localization = localization;
58
+ this.direction = this.localization.rtl ? 'rtl' : 'ltr';
59
+ }
54
60
  ngOnInit() {
55
61
  this.localizationChangesSubscription = this.localization.changes.subscribe(({ rtl }) => {
56
62
  this.direction = rtl ? 'rtl' : 'ltr';
@@ -65,17 +71,18 @@ export class BreadCrumbSeparatorDirective {
65
71
  ngOnDestroy() {
66
72
  this.localizationChangesSubscription.unsubscribe();
67
73
  }
68
- }
69
- BreadCrumbSeparatorDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BreadCrumbSeparatorDirective, deps: [{ token: i0.ElementRef }, { token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
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: `
74
+ 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 });
75
+ 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: { "attr.aria-hidden": "this.ariaHidden" } }, ngImport: i0, template: `
71
76
  <kendo-icon-wrapper
72
77
  size='xsmall'
73
78
  [name]="icon"
74
79
  [svgIcon]="svgIcon"
80
+ innerCssClass="k-breadcrumb-delimiter-icon"
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
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BreadCrumbSeparatorDirective, decorators: [{
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]',
@@ -84,6 +91,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
84
91
  size='xsmall'
85
92
  [name]="icon"
86
93
  [svgIcon]="svgIcon"
94
+ innerCssClass="k-breadcrumb-delimiter-icon"
87
95
  >
88
96
  </kendo-icon-wrapper>
89
97
  `,
@@ -94,12 +102,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
94
102
  type: Input
95
103
  }], svgIcon: [{
96
104
  type: Input
97
- }], defaultClasses: [{
98
- type: HostBinding,
99
- args: ['class.k-breadcrumb-delimiter-icon']
100
- }, {
101
- type: HostBinding,
102
- args: ['class.k-icon']
103
105
  }], ariaHidden: [{
104
106
  type: HostBinding,
105
107
  args: ['attr.aria-hidden']
@@ -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
- BreadCrumbModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: BreadCrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
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
- NavigationModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: NavigationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
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: 1729174342,
13
- version: '17.0.0-develop.9',
12
+ publishDate: 1731429653,
13
+ version: '17.0.1-develop.1',
14
14
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
15
15
  };